2014-07-01 4 views
1

J'ai besoin d'un élément de rendu TileLayout de bas en haut et de droite à gauche. Quelque chose comme ceci: examplede bas en haut TileLayout

j'ai réussi à tromper le TileLayout pour la « droite à gauche » partie, en définissant l'attribut « layoutDirection » de mon conteneur à « rtl », mais il n'y a pas d'équivalence pour le rendu vertical.

<s:Group layoutDirection="rtl"> 
    <s:layout> 
     <s:TileLayout columnWidth="250" horizontalGap="8"/> 
    </s:layout> 

    <!-- etc -->  
    <s:Group id="fakeGroup3" layoutDirection="ltr"/> 
    <s:Group id="fakeGroup2" layoutDirection="ltr"/> 
    <s:Group id="fakeGroup1" layoutDirection="ltr"/> 

</s:Group> 

Existe-t-il un moyen simple d'y parvenir? Ou devrais-je remplacer TileLayout?!?

+0

Je recommanderais de remplacer simplement le tilelayout ou de créer une disposition personnalisée basée dessus. – StephenNYC

+0

C'est ce que j'ai fait, finalement. J'ai dû copier l'ensemble du code TileLayout pour créer ma propre mise en page ... Ce message a été utile: http://stackoverflow.com/questions/3089884/how-to-bottom-align-cells-in-a-datagroup- using-tilelayout – Octom

Répondre

0

Vous pouvez ancrer votre groupe de mise en page de tuile au bas de la page:

<s:Group width="100%" height="100%" id="outermostLayoutContainer"> 
    <s:Group layoutDirection="rtl" width="100%" bottom="0"> 
     <s:layout> 
      <s:TileLayout columnWidth="250" horizontalGap="8"/> 
     </s:layout> 

     <!-- etc -->  
     <s:Group id="fakeGroup3" layoutDirection="ltr"/> 
     <s:Group id="fakeGroup2" layoutDirection="ltr"/> 
     <s:Group id="fakeGroup1" layoutDirection="ltr"/> 

    </s:Group> 
</s:Group> 

Le groupe intérieur avec bottom="0" poussera vers le haut de l'écran en fonction de ses enfants.

+0

Même ainsi, le TileLayout remplira la première rangée avant de placer les éléments dans la deuxième rangée. Ce dont j'ai besoin, c'est la disposition pour remplir la ** première rangée du bas ** et ensuite mettre les éléments en excès sur les rangées ci-dessus. – Octom

+0

Vous pouvez ajouter '' comme premier élément de votre liste d'éléments 'fakeGroup'. Est-ce que ça ferait l'affaire? – Brian