Hej

Jeg har en supersimpel Flex applikation hvor jeg laver en liste og bruger en custom komponent som itemRenderer.

Main.mxml:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
  <mx:Script>
        <![CDATA[                
            import mx.collections.ArrayCollection;
        
            [Bindable]
            private var arrC:ArrayCollection = new ArrayCollection([
                {label:"Dette er den første tekst"},
                {label:"Dette er den anden tekst"},    
                {label:"Dette er den tredie tekst"} 
            ]);               
        ]]>
    </mx:Script>
 
  <mx:List width="300" height="500" dataProvider="{arrC}" itemRenderer="Item">
    
  </mx:List>
</mx:Application>

Og så Item.mxml:

1
2
3
4

<?xml version="1.0" encoding="utf-8"?>
<mx:Canvas xmlns:mx="http://www.adobe.com/2006/mxml" width="290" height="100" backgroundColor="#000000">
  <mx:Label text="{data.label}"  color="#FFFFFF"/>
</mx:Canvas>

Hvis man opretter ovenstående i Flex Builder og tester kan man se at når man kører musen over de forskellige items i listen kommer der en blå kant rundt om.

Men den mangler i højre side, som om listen er lidt smallere end items er.

Jeg har prøvet at skrive width="290" i min Item komponent, men det virker tilsyneladende ikke?

Er der nogen der kan kaste lyst på ovenstående - det ser jo lidt dumt ud med en highlighted kant på tre af siderne.