Требуется помощь по макету Flex 4 INLINE

Question

В FLEX 4 Layout, как можно отобразить последовательность изображений, текста, других типов объектов INLINE друг против друга.Например: TEXT1 IMAGE1 OBJECT1 (END OF LINE) (НОВАЯ ЛИНИЯ) ABCTEXT3 (END OF LINE) (НОВАЯ LINE) XOBJECT2 (END OF LINE)

Горизонтальный интервал не является фиксированным для любого элемента.Вертикальный промежуток не является ограничением.Просто эти элементы должны следовать друг за другом INLINE.

Answer 1

Есть TileGroup.

Это автоматически обернет ваши элементы, хотя и в формате сетки. Если вы хотите, чтобы каждая линия была выровнена по горизонтали, я не уверен, как это сделать. Вот что я сейчас ищу!

Answer 2

Я знаю, что это старый вопрос, но для тех, кто находит эту страницу с той же проблемой, проверьте здесь:

Пример пользовательского макета Inline-Style Flow

Это лучший способ сделать так, чтобы элементы перелистывались и переходили на новую строку. Теперь можно поставить галочку?

Answer 3

HGroups и VGroups - ваш ответ, если я понимаю вопрос. Из того, что я вижу, вы хотите вертикальный макет верхнего уровня с 3 HGroups, содержащимися в нем. Ниже приведен пример. (Вместо настройки макета в приложении вы также можете обернуть HGroups в VGroup. Все зависит от того, где вы используете этот код)

<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
               xmlns:s="library://ns.adobe.com/flex/spark" 
               xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600">
    <fx:Declarations>
        <!-- Place non-visual elements (e.g., services, value objects) here -->
    </fx:Declarations>
    <s:layout>
        <s:VerticalLayout />
    </s:layout>

    <s:HGroup>
        <s:Label text="Item 1, Line 1" />
        <s:Label text="Item 2, Line 1" />
        <s:Label text="Item 3, Line 1" />
    </s:HGroup>

    <s:HGroup>
        <s:Label text="Item 4, Line 2" />
        <s:Label text="Item 5, Line 2" />
        <s:Label text="Item 6, Line 2" />
    </s:HGroup>

    <s:HGroup>
        <s:Label text="Item 7, Line 3" />
        <s:Label text="Item 8, Line 3" />
        <s:Label text="Item 9, Line 3" />
    </s:HGroup>

</s:Application>