Flex выровнять изображение по правому краю HGroup? - PullRequest
Новая
       21

Flex выровнять изображение по правому краю HGroup?

2 голосов
/ 09 июня 2011
  • Есть ли способ выровнять изображение по правому краю 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>

1 Ответ

5 голосов
/ 09 июня 2011 
<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 находились в тех же местах, вы можете использовать пробел: 

<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>
...