есть идеи как установить макет?

Question

Я хочу использовать две кнопки для управления поворотом списка на один элемент влево / вправо.

, но я запутался в том, как расположить этот компонент.

Я использую " requiredColumnCount =" 6 "", чтобы установить ширину списка, поэтому в модели дизайна

Я только знаю, что этот список может отображать 6 элементов, но я не знаю, какова будет ширина.

поэтому я использую «HGroup» для установки макета, основной код выглядит следующим образом

<s:HGroup x="214"
          y="216">
    <s:Group>
        <s:layout>
            <s:VerticalLayout />
        </s:layout>
        <s:Button label="←"
                  click="button1_clickHandler(event)"/>
    </s:Group>
    <s:Group>
        <component:SmoothScrollingList dataProvider="{myProvider}"
                                       itemRenderer="myitemdrender.FriendPageItemRender"
                                       id="friendPageList"
                                       mouseDown="friendPageList_mouseDownHandler(event)">
            <component:layout>
                <s:HorizontalLayout requestedColumnCount="6"
                                    useVirtualLayout="true"/>
            </component:layout>
        </component:SmoothScrollingList>
    </s:Group>
    <s:Group>
        <s:Button label="→"
                  click="button2_clickHandler(event)"/>
    </s:Group>
</s:HGroup>

Вы можете видеть, что я использую одну HGroup и три группы, чтобы определить, где должен быть компонент.

почти закончен, но у меня все еще есть проблема с тем, как установить эти две кнопки на

середина позиции?

я пытаюсь использовать

        <s:layout>
            <s:VerticalLayout horizontalAlign="center"/>
        </s:layout>

в макете первой группы, но, кажется, не работает.

и мой другой вопрос:

это хороший способ использовать так много групп и групп для определения позиции? есть ли

есть еще какой-нибудь хороший способ сделать это?

спасибо большое.

Answer 1

Извините, может быть, мое описание не очень понятно.

мое золото - это может какой-то пользовательский интерфейс (http://i46.tinypic.com/2nbbxc4.jpg).

но в модели degin я не знаю, как будет / с дозой список. и я хочу

Кнопка

составляет 30% от высоты списка. я пытаюсь использовать одну HGroup содержат все 3 компонента.

кажется, не работает.

<s:HGroup x="214" y="216" id="parentGroup">
    <s:Group id="childOneGroup">
        <s:Button label="←" top="{parentGroup.height*0.3}"/>
    </s:Group>
    <s:Group>
        <component:SmoothScrollingList dataProvider="{myProvider}"
                    itemRenderer="myitemdrender.FriendPageItemRender"
                    id="friendPageList">
            <component:layout>
                <s:HorizontalLayout requestedColumnCount="6" useVirtualLayout="true"/>
            </component:layout>
        </component:SmoothScrollingList>
    </s:Group>
    <s:Group>
        <s:Button label="→" top="30"/>
    </s:Group>
</s:HGroup>

но если я использую три группы (каждый компонент принадлежит одному) и меняю кнопку th "top"

значение для {parentGroup.height * 0.3}, оно работает.

Answer 2

Вы должны использовать атрибуты в этих случаях, чтобы немного очистить код; тогда также видно, где такие дополнительные атрибуты принадлежат. Например, для первой группы просто напишите:

<s:Group layout="VerticalLayout">
    <s:Button label="←" click="button1_clickHandler(event)"/>
</s:Group>

Однако в вашем случае не имеет смысла использовать дополнительный элемент Group только для одного другого элемента внутри.

<s:HGroup x="214" y="216" verticalAlign="middle">
    <s:Button label="←" click="button1_clickHandler(event)"/>
    <component:SmoothScrollingList
            id="friendPageList" dataProvider="{myProvider}"
            itemRenderer="myitemdrender.FriendPageItemRender"
            mouseDown="friendPageList_mouseDownHandler(event)">
        <component:layout>
            <s:HorizontalLayout requestedColumnCount="6" useVirtualLayout="true"/>
        </component:layout>
    </component:SmoothScrollingList>
    <s:Button label="→" click="button2_clickHandler(event)"/>
</s:HGroup>