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>