Flex 4.6 中心图像

Posted 2023-02-18

【中文标题】Flex 4.6 中心图像

【英文标题】：Flex 4.6 Center Image

【发布时间】：2017-06-04 17:06:27

【问题描述】：

我使用的是 Adob​​e Flex 4.6，我有这张图片：

<mx:Image source="assets/logo.png" horizontalAlign="center" verticalAlign="middle"></mx:Image>

图像出现了，但它没有水平或垂直居中，我如何使这个图像居中？

我还尝试了以下方法：

<mx:Canvas >
        <mx:HBox horizontalCenter="0" verticalCenter="0">
            <mx:Image source="assets/logo.png" horizontalAlign="center" verticalAlign="middle"></mx:Image>
        </mx:HBox>
    </mx:Canvas>

仍然没有，我的图像不会居中

【参考方案1】：

这对我有用

<s:Group  >
        <s:layout>
            <s:VerticalLayout
                verticalAlign="middle"
                horizontalAlign="center"/>
        </s:layout>
        <s:BitmapImage source="@Embed(source='assets/logo.png')" />

    </s:Group>

【参考方案2】：

使用image标签中的horizo​​ntalCenter和VerticalCenter属性如下

<mx:Image source="assets/logo.png" horizontalCenter="0" verticalCenter="0"></mx:Image>

对我来说很好用。

【讨论】：

它会起作用的。如果您有某个容器包含此图像，则将该容器的高度和宽度设置为 100%