2013-11-14 2 views
0

Я пытаюсь правильно выровнять текст над VBox. Используемый мной VBox имеет фоновое изображение. Затем метка перекрывает изображение. Это в основном создание кнопки, которую я хочу.Попытка выровнять метку в текстовом поле

Проблема в том, что фоновое изображение, которое я использую, имеет эффект тени на дне. Поэтому, когда я использую verticalAlign = "middle" на VBox, он фактически не центрирован.

Я попытался изменить значение VBox и значение Ярлы y, верхние & свойства bottom и свойство verticalCenter. Ни один из них, похоже, не сдвигает ярлык вверх или вниз. Я смущен, почему они не сдвинут этикетку.

Вот мой текущий код без каких-либо установок y, top, bottom или verticalCenter.

<mx:VBox height="70" width="175" backgroundImage="{buttonBackground}" verticalAlign="middle" horizontalAlign="center" backgroundSize="100%" buttonMode="true" useHandCursor="true" mouseChildren="false" click="{controller.goToPage('configPg')}"> 
    <mx:Label text="Configure" buttonMode="true" useHandCursor="true" mouseChildren="false" fontSize="24" color="white"/> 
</mx:VBox> 

Любая помощь была бы принята с благодарностью.

Благодаря

+1

Почему бы не добавить тень программно, а не в самом изображении? –

+1

Все свойства, которые вы пробовали, не имеют отношения к контейнеру макета. Используйте стили шрифта для размещения вашего текста (EG. Padding, verticalAlign, textAlign и т. Д.), Или используйте холст с ручным позиционированием, если в VBox больше ничего нет. – drkstr1

+0

@JoshJanusch У меня нет доступа к изображению. Поэтому я должен использовать то, что они мне дают. –

ответ

0

Я был в состоянии решить эту проблему путем регулировки paddingBottom. Спасибо drkstr1 за ответ.

Все свойства, которые вы пробовали, не имеют отношения к контейнеру макета. Используйте стили шрифта для размещения вашего текста (EG. Padding, verticalAlign, textAlign и т. Д.), Или используйте холст с ручным позиционированием, если в VBox больше ничего нет. - drkstr1 14 ноя в 17:25

Смежные вопросы