플렉스 사용자 정의 목록 선택이 강조 표시되지 않음

Question

인터페이스 프로토 타입을 위해 Flex에서 사용자 지정 목록을 만들고 싶습니다. 목록에는 이미지와 3 개의 텍스트 필드가 있어야합니다. 이것은 지금까지 내가 한 일이며, 표시된 컨트롤은 내가 원하는 것입니다. 그러나 항목 중 하나를 클릭하면 항목이 (시각적으로) 선택되지 않습니다. 나는 이것을 어떻게 구현할 지 확신하지 못했습니다. 당신의 data.imageSource는 그래픽의

<s:List width="400" height="220" 
     dataProvider="{arrColl}" 
     alternatingItemColors="[#EEEEEE, white]"> 
    <s:itemRenderer> 
     <fx:Component> 
      <mx:Canvas height="100"> 
       <mx:Image height="90" width="120" source="{data.imageSource}"></mx:Image> 
       <mx:Label left="125" y="10" text="{data.title}" /> 
       <mx:Label left="125" y="30" text="{data.type}" /> 
       <mx:Label left="125" y="50" text="{data.description}" /> 
      </mx:Canvas> 
     </fx:Component> 
    </s:itemRenderer> 
</s:List> 

Answer 1

이 내가했고 지금 작동하는 것입니다 :

<mx:List width="400" height="220" 
     dataProvider="{arrColl}" 
     alternatingItemColors="[#EEEEEE, white]"> 
    <mx:itemRenderer> 
     <fx:Component> 
       <mx:Canvas height="100"> 
        <mx:Image height="90" width="120" source="{data.imageSource}"></mx:Image> 
        <mx:Label left="125" y="10" text="{data.title}" fontWeight="bold" /> 
        <mx:Label left="125" y="30" text="{data.type}" fontStyle="italic" /> 
        <mx:Label left="125" y="50" text="{data.description}" /> 
       </mx:Canvas> 
     </fx:Component> 
    </mx:itemRenderer> 
</mx:List> 

참고 :의 차이는 목록과의 itemRenderer는 mx 네임 스페이스입니다 s 네임 스페이스가 아닙니다.

Answer 2

확실하지 어떤 종류 :

여기에 지금까지 내 코드입니다. 아마도 이미지가 하이라이트를 마스킹합니다. Canvas의 backgroundImage로 만들 수 있습니까? 또한 목록 및 격자에서 PNG 또는 JPG 이미지를 사용하면 강조 색상이 마스크 될 수 있습니다. 또한 mouseclick이 listItem에 도달하는 것을 막을 수 있습니다. 가능한 경우 벡터 그래픽이있는 SWF를 사용해보십시오. -

붙어과 같은 배에 다른 사람에 대해서는