Как вы центрируете элемент управления на панели 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).