如何将控件集中在MXML面板中？

Question

这就是我所拥有的：

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" backgroundColor="#ffffff">
    <mx:VBox percentHeight="100" percentWidth="100" >
        <mx:Image source="@Embed('img.png')" percentHeight="100" percentWidth="100"  />
    </mx:VBox>
</mx:Application>

如何将mx:Image中的mx:Application居中？

Answer 1

由于Image控件占据了整个空间，您需要horizontalAlign和verticalAlign样式：

  <mx:Image source="@Embed('img.png')" 
            percentHeight="100" 
            percentWidth="100" 
            horizontalAlign="center" 
            verticalAlign="middle" />

如果您的图片宽度小于100％，则可以改为使用horizontalCenter和verticalCenter样式（等于0）。