Flex将图像对齐到HGroup的最右侧？

Question

• 有没有办法将图像对齐到最右边的HGroup，设置为100％宽度？

这是我的代码，但它将图像“imageZoom”对准在它之前的对象之后：

<s:VGroup id="masterVGroup" width="100%">
        <s:HGroup id="masterHGroup" gap="3" width="100%" verticalAlign="middle">

            <s:SpriteVisualElement id="colorBox" width="12" height="6""/>

            <s:Label id="labelDisplay" text="delete"/>

            <s:Image id="imageZoom" 
                     right="2"
                     horizontalAlign="right"
                     source="{iconZOOM}"/>

        </s:HGroup>
</s:VGroup>

Answer 1

<s:VGroup id="masterVGroup" width="100%">
        <s:HGroup id="masterHGroup" gap="3" width="100%" verticalAlign="middle" horizontalAlign="right">

            <s:SpriteVisualElement id="colorBox" width="12" height="6""/>

            <s:Label id="labelDisplay" text="delete"/>

            <s:Image id="imageZoom" 
                     right="2"
                     horizontalAlign="right"
                     source="{iconZOOM}"/>

        </s:HGroup>
</s:VGroup>

我认为应该有效：）

如果您想在同一个地方拥有SpriteVisualElement和Label个实例，可以使用spacer：

<s:VGroup id="masterVGroup" width="100%">
        <s:HGroup id="masterHGroup" gap="3" width="100%" verticalAlign="middle">

            <s:SpriteVisualElement id="colorBox" width="12" height="6""/>

            <s:Label id="labelDisplay" text="delete"/>

            <mx:Spacer width="100%"/>

            <s:Image id="imageZoom" 
                     right="2"
                     horizontalAlign="right"
                     source="{iconZOOM}"/>

        </s:HGroup>
</s:VGroup>