Flex 4: Réglage de la hauteur de la liste Spark à sa hauteur de contenu

Question

Comment configurer une Spark List hauteur à la hauteur de son contenu?

Essayé ceci:

var lastRow:IVisualElement = 
       myList.dataGroup.getElementAt(myList.dataGroup.numElements - 1); 
myList.height = lastRow.y + lastRow.height; 

Il fonctionne dans le cas d'un seul article, mais LastRow est nulle en cas de plus d'articles.

Answer 1

En MXML, vous pouvez le faire comme ceci:

<s:List width="100%"> 
    <s:layout> 
     <s:VerticalLayout useVirtualLayout="false" requestedMinRowCount="1"/> 
    </s:layout> 
</s:List> 

Vous définissez le requestedMinRowCount ou requestedRowCount dans la mise en page dans la liste. Ça m'avait déjà précédé. J'espère que cela pourra aider.

Answer 2

Pour TileList je l'ai fait comme ceci:

<s:List width="100%" height="{(tilelayout.rowCount * tilelayout.rowHeight) + ((tilelayout.rowCount - 1) * tilelayout.verticalGap)}"> 
    <s:layout> 
     <s:TileLayout id="tilelayout" rowHeight="190" columnWidth="130" horizontalGap="5" verticalGap="10" /> 
    </s:layout> 
</s:List> 

Answer 3

public class MyTileLayout extends TileLayout 
{ 

    override public function updateDisplayList(w:Number, h:Number):void 
    { 
     super.updateDisplayList(w,h); 

     target.height = rowCount*rowHeight + verticalGap*(rowCount - 1); 
    } 

} 

Ou vous pouvez prolonger votre TileLayout :)

Answer 4

essayer cette mise en page - pour la liste régulière

<s:layout> 
<s:VerticalLayout horizontalAlign="contentJustify" 
    gap="0" 
    verticalAlign="middle" 
    variableRowHeight="false"/> 
</s:layout> 

Answer 5

meilleure manière pour ce faire

height="{list.dataGroup.contentHeight}"