apache-flex - 如何在 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% 宽度，您可以使用horizontalCenterandverticalCenter样式（等于 0）代替或同时使用。