Я пытаюсь правильно выровнять текст над 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>
Любая помощь была бы принята с благодарностью.
Благодаря
Почему бы не добавить тень программно, а не в самом изображении? –
Все свойства, которые вы пробовали, не имеют отношения к контейнеру макета. Используйте стили шрифта для размещения вашего текста (EG. Padding, verticalAlign, textAlign и т. Д.), Или используйте холст с ручным позиционированием, если в VBox больше ничего нет. – drkstr1
@JoshJanusch У меня нет доступа к изображению. Поэтому я должен использовать то, что они мне дают. –