2011-11-27 51 views
0

请问有谁知道,如何使List和Checkbox(在VGroup内)适合TileWindowVGroup或列表不适合TileWindow,太高

screenshot

的完整源代码Text.mxml

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

    <s:TitleWindow width="240" height="240" 
        title="Why is List so tall?"> 
     <s:VGroup paddingLeft="20" paddingTop="20" 
        paddingRight="20" gap="20" 
        width="100%" height="100%"> 

      <s:List> 
       <s:ArrayList> 
        <fx:String>10♠</fx:String> 
        <fx:String>Д♠</fx:String> 
        <fx:String>К♠</fx:String> 
        <fx:String>10♠</fx:String> 
        <fx:String>Д♠</fx:String> 
        <fx:String>К♠</fx:String> 
        <fx:String>10♠</fx:String> 
        <fx:String>Д♠</fx:String> 
        <fx:String>К♠</fx:String> 
       </s:ArrayList> 
      </s:List> 

      <s:CheckBox label="Confirm bid" /> 

     </s:VGroup> 
    </s:TitleWindow> 
</s:Application> 

回答

1

而不指定尺寸时,列表是测量和调整大小本身。

添加宽度和高度名单:

 <s:List width="100%" 
       height="100%"> 

主要生产:

enter image description here

全码:

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

    <s:TitleWindow width="240" 
        height="240" 
        title="Why is List so tall?"> 
     <s:VGroup paddingLeft="20" 
        paddingTop="20" 
        paddingRight="20" 
        gap="20" 
        width="100%" 
        height="100%"> 

      <s:List width="100%" 
        height="100%"> 
       <s:ArrayList> 
        <fx:String>10♠</fx:String> 
        <fx:String>Д♠</fx:String> 
        <fx:String>К♠</fx:String> 
        <fx:String>10♠</fx:String> 
        <fx:String>Д♠</fx:String> 
        <fx:String>К♠</fx:String> 
        <fx:String>10♠</fx:String> 
        <fx:String>Д♠</fx:String> 
        <fx:String>К♠</fx:String> 
       </s:ArrayList> 
      </s:List> 

      <s:CheckBox label="Confirm bid" /> 

     </s:VGroup> 
    </s:TitleWindow> 
</s:Application> 
+0

谢谢,但为什么HEIGHT = “100%” ?这是否为下面的复选框留下了任何地方? –

+1

为列表指定一个明确的高度,或将CheckBox和List分组到一个容器中,或者指定顶部左上角的底部,并允许使用常规Group在底部属性上使用CheckBox高度。 VGroup中元素的垂直布局可能取决于您是否希望它们的距离为20。 –