弹性网格自动宽度

时间:2011-05-26 07:50:01

标签: flex actionscript-3 mxml

我在网格行中有三个网格项。 两个固定宽度。如何自动制作第三个刻度以最大化网格?

我想要与html相同的功能:

<table width="100%">
<tr><td width=50></td>
<td>this scales</td>
</td><td width=50></td></tr></table>

此致 安德斯

1 个答案:

答案 0 :(得分:1)

我认为此代码段可以为您提供帮助:

<?xml version="1.0" encoding="utf-8"?>
<mx:Application layout="absolute" xmlns:mx="http://www.adobe.com/2006/mxml">
    <mx:Grid bottom="0" left="0" right="0" top="0">
        <mx:GridRow width="100%">
            <mx:GridItem width="50">
                <mx:Button label="Test" width="100%" />
            </mx:GridItem>
            <mx:GridItem width="50">
                <mx:Button label="Test" width="100%" />
            </mx:GridItem>
            <mx:GridItem width="100%">
                <mx:Button label="Test" width="100%" />
            </mx:GridItem>
            <mx:GridItem width="50">
                <mx:Button label="Test" width="100%" />
            </mx:GridItem>
        </mx:GridRow>
        <mx:GridRow width="100%">
            <mx:GridItem>
                <mx:Button label="Test" width="100%" />
            </mx:GridItem>
            <mx:GridItem>
                <mx:Button label="Test" width="100%" />
            </mx:GridItem>
            <mx:GridItem>
                <mx:Button label="Test" width="100%" />
            </mx:GridItem>
            <mx:GridItem>
                <mx:Button label="Test" width="100%" />
            </mx:GridItem>
        </mx:GridRow>
    </mx:Grid>
</mx:Application>