Flex Spark列表是否可以有100％寬度的itemrenderer？

Question

這對我來說很奇怪，但我也是Spark的新手。我有一個帶有itemrenderer的List類。我怎樣才能讓itemrenderer在他們之間劃分List寬度？通常情況下，我認爲這將是一件容易的事，因爲給渲染者一個百分比寬度，但是沒有用處。有任何想法嗎？

應用：

<?xml version="1.0" encoding="utf-8"?> 
<s:Application 
    minHeight="600" 
    minWidth="955" 
    xmlns:fx="http://ns.adobe.com/mxml/2009" 
    xmlns:s="library://ns.adobe.com/flex/spark" 
    xmlns:mx="library://ns.adobe.com/flex/mx"> 
<fx:Declarations> 
    <s:ArrayCollection id="dta"> 
     <fx:Object 
       label="one" /> 
     <fx:Object 
       label="two" /> 
     <fx:Object 
       label="three" /> 
     <fx:Object 
       label="four" /> 
    </s:ArrayCollection> 
</fx:Declarations> 

<s:List 
     width="100%" 
     borderColor="red" 
     dataProvider="{dta}" 
     xmlns:fx="http://ns.adobe.com/mxml/2009" 
     xmlns:s="library://ns.adobe.com/flex/spark" 
     xmlns:mx="library://ns.adobe.com/flex/mx" 
     itemRenderer="ProgressIndicatorItemRenderer"> 

    <s:layout> 
     <s:HorizontalLayout gap="0" /> 
    </s:layout> 
</s:List> 
</s:Application> 

的itemRenderer：

<?xml version="1.0" encoding="utf-8"?> 
<s:ItemRenderer 
    width="100%" 
    xmlns:fx="http://ns.adobe.com/mxml/2009" 
    xmlns:s="library://ns.adobe.com/flex/spark" 
    xmlns:mx="library://ns.adobe.com/flex/mx" 
    autoDrawBackground="false" 
    showsCaret="false"> 

<s:states> 
    <s:State name="normal" /> 
    <s:State name="selected" /> 
    <s:State name="done" /> 
</s:states> 

<s:Rect id="progressIndicatorBackground" 
     left="0" right="0" top="0" bottom="0"> 
    <s:fill> 
     <s:SolidColor 
       color.done="0xCCCCCC" 
       color.normal="0xCCCCCC" 
       color.selected="0xF6A139" 
       alpha="1" /> 
    </s:fill> 
</s:Rect> 

<s:Label 
     width="100%" 
     text="{data.label}" /> 

</s:ItemRenderer> 

Answer 1

我認爲你只是缺少在佈局本身的一些特性：

<s:List width="100%" useVirtualLayout="false" borderColor="red" dataProvider="{ dta }" 
    itemRenderer="ProgressIndicatorItemRenderer"> 

    <s:layout> 
     <s:HorizontalLayout gap="0" requestedColumnCount="-1" requestedMinColumnCount="-1" variableColumnWidth="true" /> 
    </s:layout> 

</s:List> 

設置variableColumnWidth爲true，useVirtualLayout到假應該可以解決你的問題。 RequestedColumnCount和requestedMinColumnCount默認設置爲-1，但最好將它們明確設置:)

我希望上面的代碼有所幫助。