Я думал, что это будет довольно легко, но я сталкиваюсь с разными проблемами с этим. У меня есть ItemRenderer с изображением и двумя метками. Я хочу назначить отдельным событиям мыши изображение и две метки. Похоже, что средство визуализации элементов обрабатывается как один интерактивный элемент, и я не нашел способа переопределить это. Я даже не смог отключить эффект ролловера по умолчанию, поэтому мне пришлось стилизовать rollOverColor, чтобы он соответствовал моему фону.
Кто-нибудь может предложить решение?
<s:DataGroup id="browserDataGroup" dataProvider="{model.userBoardList}"
verticalCenter="0" left="10" rollOverColor="0x424242"
itemRenderer="edu.xxxxx.components.board.BrowserItemRenderer">
<!--itemrenderer code below -->
<s:ItemRenderer xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/halo"
xmlns:ns="library://ns.adobe.com/flex/mx"
buttonMode="true" useHandCursor="true"
mouseChildren="true">
<s:states>
<s:State name="up"/>
<s:State name="over"/>
</s:states>
<s:layout>
<s:VerticalLayout gap="2"/>
</s:layout>
<s:Group>
<ns:Image id="image" source="{data.thumbnail}"
addedEffect="Fade" completeEffect="Fade" removedEffect="Fade"
width="130" height="89"
horizontalCenter="0" verticalCenter="0"/>
<s:Rect id="imageRect" width="130" height="89">
<s:stroke>
<s:SolidColorStroke color="0xFFFFFF" joints="miter" pixelHinting="true"/>
</s:stroke>
</s:Rect>
</s:Group>
<s:Label text="{data.title}" color="0xFFFFFF" fontWeight="bold"/>
<s:Group>
<s:layout>
<s:HorizontalLayout gap="3"/>
</s:layout>
<s:Label text="Edit" color="0xFFFFFF" click="trace('edit');"
textDecoration.up="underline" textDecoration.over="none"/>
<s:Label text="|" color="0xFFFFFF"/>
<s:Label text="Delete" color="0xFFFFFF" click="trace('delete');"
textDecoration.up="underline" textDecoration.over="none"/>
</s:Group>
</s:ItemRenderer>