[英]Change column width in Flex Grid
我正在使用mx.containers.Grid來布局一些數據,最后一列是一組復選框。 MXML代碼段:
<mx:Grid width="95%" height="50%">
<mx:GridRow id="row1">
<mx:GridItem>
<mx:Label id="label1" ... />
</mx:GridItem>
<mx:GridItem>
<mx:Label id="textValue1" ... />
</mx:GridItem>
<mx:GridItem>
<mx:CheckBox id="checkBox1" />
</mx:GridItem>
</mx:GridRow>
<mx:GridRow id="row2">
<mx:GridItem>
<mx:Label id="label2" ... />
</mx:GridItem>
<mx:GridItem>
<mx:Label id="textValue2" ... />
</mx:GridItem>
<mx:GridItem>
<mx:CheckBox id="checkBox2" />
</mx:GridItem>
</mx:GridRow>
<mx:GridRow id="row3">
<mx:GridItem>
<mx:Label id="label3" ... />
</mx:GridItem>
<mx:GridItem>
<mx:Label id="textValue3" ... />
</mx:GridItem>
<mx:GridItem>
<mx:CheckBox id="checkBox3" />
</mx:GridItem>
</mx:GridRow>
</mx:Grid>
基本上,我希望標簽和文本值對齊,但是Grid組件認為合適。 但是,我希望復選框是右對齊的。 我嘗試將textValues的寬度設置為100%,但它什么也不做。 我不想使用硬編碼的像素值/畫布/等,因為這很容易更改/更新,這一點很重要。
我找到了解決方案,但這有點像黑客。 但我會將其發布給遇到與我相同的問題的人:
<mx:Grid width="95%" height="50%">
<mx:GridRow id="row1" width="100%">
<mx:GridItem>
<mx:Label id="label1" ... />
</mx:GridItem>
<mx:GridItem>
<mx:Label id="textValue1" ... />
</mx:GridItem>
<mx:GridItem>
<mx:CheckBox id="checkBox1" width="100%" horizontalAlign="right" />
</mx:GridItem>
</mx:GridRow>
<mx:GridRow id="row2" width="100%">
<mx:GridItem>
<mx:Label id="label2" ... />
</mx:GridItem>
<mx:GridItem>
<mx:Label id="textValue2" ... />
</mx:GridItem>
<mx:GridItem>
<mx:CheckBox id="checkBox2" width="100%" horizontalAlign="right"/>
</mx:GridItem>
</mx:GridRow>
<mx:GridRow id="row3" width="100%">
<mx:GridItem>
<mx:Label id="label3" ... />
</mx:GridItem>
<mx:GridItem>
<mx:Label id="textValue3" ... />
</mx:GridItem>
<mx:GridItem>
<mx:CheckBox id="checkBox3" width="100%" horizontalAlign="right"/>
</mx:GridItem>
</mx:GridRow>
</mx:Grid>
基本上,將'width =“ 100%”'添加到每個GridRow,然后將'width =“ 100%” horizontalAlign =“ right”'添加到您要右對齊的每個GridItem。
嘗試將GridRow / GridItem的寬度也設置為100%。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.