尝试对齐文本框中的标签答案

【问题标题】：Trying to align a label in a text box尝试对齐文本框中的标签
【发布时间】：2013-11-27 17:51:24
【问题描述】：

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

问题是我使用的背景图片底部有阴影效果。所以当我在 VBox 上使用 verticalAlign="middle" 时，它实际上并没有居中。

我已尝试更改 VBox 和标签的 y 值、顶部和底部属性以及垂直中心属性。无论如何，他们似乎都没有向上或向下移动标签。我很困惑为什么这些不会改变标签。

这是我当前的代码，没有设置任何 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>

任何帮助将不胜感激。

谢谢

【问题讨论】：

为什么不以编程方式而不是在图像本身中添加阴影？
您尝试的所有属性在布局容器中都无关紧要。使用字体样式来定位文本（例如 padding、verticalAlign、textAlign 等），或者如果 VBox 中没有其他内容，则使用带有手动定位的 Canvas。
@JoshJanusch 我无权访问该图像。所以我必须使用他们给我的东西。
@drkstr1 谢谢。我选择了 paddingBottom，效果很好。
您可能想要创建一个答案并将其标记为已解决。 :)

标签： actionscript-3 apache-flex flex3

【解决方案1】：

我可以通过调整 paddingBottom 来解决这个问题。感谢 drkstr1 的回答。

您尝试的所有属性在布局容器中都无关紧要。使用字体样式来定位文本（例如 padding、verticalAlign、textAlign 等），或者如果 VBox 中没有其他内容，则使用手动定位的 Canvas。 – drkstr1 11 月 14 日 17:25

【讨论】：