Flex 4 INLINE Layout-Hilfe erforderlich

Question

Wie kann man in FLEX 4 Layout eine Sequenz von Bildern, Texten und anderen Objekttypen INLINE zueinander anzeigen lassen? Zum Beispiel: TEXT1 IMAGE1 Object1 (END OF LINE) (NEW LINE) ABCtext3 (END OF LINE) (NEW LINE) XOBJECT2 (END OF LINE)

Die horizontale Spanne wird für jedes Element nicht festgelegt. Vertikale Spannweite ist keine Einschränkung. Nur, dass Elemente INLINE aufeinander folgen sollten.

Answer 1

HGroups und VGroups sind deine Antwort, wenn ich die Frage verstehe. Von dem, was ich sehe, wollen Sie ein vertikales Top-Level-Layout mit 3 HGroups darin enthalten. Unten ist ein Beispiel. (Statt Layout über die Anwendung der Einstellung könnten Sie auch die HGroups in einem VGroup wickeln. Es hängt alles davon ab, wo Sie diesen Code verwenden)

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

Answer 2

Dort wird die TileGroup ist.

Das wird Ihre Artikel automatisch umbrechen, obwohl dies in einem Rasterformat geschieht. Wenn Sie möchten, dass jede Linie horizontal ausgerichtet ist, bin ich mir nicht sicher, wie das geht. Das ist, was ich im Moment suche!

Answer 3

Ich weiß, dass dies eine alte Frage, aber für diejenigen, die diese Seite mit dem gleichen Problem zu finden, hier überprüfen:

Inline-Style Flow Custom Layout Example

Dies ist die beste Art und Weise Elemente inline zu haben fließen und Wrap-around zu eine neue Zeile. Kann ich jetzt ein Häkchen haben?