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