2013-11-14 24 views
0

我想通过VBox正确地对齐我的文本。我使用的VBox有一个背景图像。然后标签重叠图像。这基本上是创建一个我想要的按钮。试图对齐文本框中的标签

问题是我使用的背景图像底部有阴影效果。所以当我在VBox上使用verticalAlign =“middle”时,它实际上并不居中。

我尝试更改VBox和标签y值,顶部&底部属性和verticalCenter属性。无论如何,他们似乎都没有将标签向上或向下移动。我很困惑,为什么这些不会改变标签。

这是我目前的代码w/o任何Y,顶部,底部或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中没有其他内容,则使用带有手动定位的Canvas。 – drkstr1

+0

@JoshJanusch我无法访问该图像。所以我必须使用他们给我的东西。 –

回答

0

我能通过调整paddingBottom来解决这个问题。谢谢drkstr1的答案。

您尝试的所有属性在布局容器中都是不相关的。使用字体样式来定位文本(EG,padding,verticalAlign,textAlign等),或者如果VBox中没有其他内容,则使用带有手动定位的Canvas。 - drkstr1 11月14日17:25