Выбор настраиваемого списка Flex не выделяется

Question

Я хочу создать пользовательский список во Flex для прототипа интерфейса. В списке должно быть изображение и 3 текстовых поля. Это то, что я сделал до сих пор, отображаемый элемент управления - это то, что я хочу. Но когда я нажимаю на один из элементов, элемент не отображается (визуально) для выбора. Я не был уверен, как бы это реализовать.

Вот мой код:

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

Примечание: Разница в том, что List и itemRenderer принадлежат пространству имен mx, а не пространству имен s.

Answer 2

Не уверен, что за графическое изображение вашего data.imageSource. Возможно, изображение маскирует основной момент. Можете ли вы попробовать сделать это backgroundImage Canvas? Также я заметил, что использование изображений PNG или JPG в списках и сетках может маскировать цвета подсветки. Они также могут помешать щелчкам мыши достичь listItem. Если возможно, попробуйте использовать SWF с векторной графикой.