2011-02-26 24 views
6

如何禁用翻轉,選擇&焦點顏色在列表中?我試着將它們設置爲「{NULL}」,但只是讓他們黑:如何禁用列表中的選擇和翻轉顏色?

<s:Application 
xmlns:fx="http://ns.adobe.com/mxml/2009" 
xmlns:s="library://ns.adobe.com/flex/spark" 
width="100%" height="100%" 
backgroundColor="white" 
> 

<fx:Declarations> 
    <s:ArrayCollection id="myArray"> 
     <fx:String>Item 0</fx:String> 
     <fx:String>Item 1</fx:String> 
     <fx:String>Item 2</fx:String> 
     <fx:String>Item 3</fx:String> 
     <fx:String>Item 4</fx:String> 
    </s:ArrayCollection> 
</fx:Declarations> 

<s:VGroup horizontalAlign="center"> 

    <s:List dataProvider="{myArray}" width="200" height="200" 
      focusColor="{null}" selectionColor="{null}" 
      rollOverColor="{null}" 
      > 
     <s:itemRenderer> 
      <fx:Component> 
       <s:ItemRenderer> 
        <s:states> 
         <s:State name="normal" /> 
         <s:State name="hovered" /> 
         <s:State name="selected" /> 
        </s:states> 



        <s:Label text="{data}" width="100%" left="5" top="7" bottom="5" /> 
       </s:ItemRenderer> 
      </fx:Component> 
     </s:itemRenderer> 
    </s:List> 

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

回答

14

嘗試在的itemRenderer設置autoDrawBackground屬性設置爲false。

<s:itemRenderer > 
      <fx:Component> 
       <s:ItemRenderer autoDrawBackground="false"> 
        <s:states> 
         <s:State name="normal" /> 
         <s:State name="hovered" /> 
         <s:State name="selected" /> 
        </s:states> 

        <s:Label text="{data}" width="100%" left="5" top="7" bottom="5" /> 
       </s:ItemRenderer> 
      </fx:Component> 
     </s:itemRenderer> 
1

基於this我想出了這一點:

<s:itemRenderer> 
<fx:Component> 
    <s:ItemRenderer> 
     <fx:Script> 
     <![CDATA[ 
     override protected function get hovered():Boolean { return false; } 
     override protected function get down():Boolean { return false; } 
     override public function get selected():Boolean { return false; } 
     override public function get showsCaret():Boolean { return false; } 
     ]]> 
     </fx:Script> 
     <s:Label text="{data}" width="100%" /> 
    </s:ItemRenderer> 
</fx:Component> 
</s:itemRenderer> 

它仍然允許alternatingItemColors風格,還可以禁用selectedhoverdown顏色。

相關問題