Как вы центрируете элемент управления на панели 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% width, вы можете использовать вместо них стили horizontalCenter и verticalCenter (равные 0).