Как использовать изображение в качестве фона выделения и наведения в Flex DataGrid?

Question

Я хочу отобразить изображение вместо цвета в элементе «Выделение и наведение» (наведите курсор мыши) во Flex DataGrid как я могу это сделать?

Answer 1

Это можно сделать с помощью встроенного средства визуализации элементов или пользовательского средства визуализации элементов. Вот быстрый и грязный пример того, как сделать это с помощью встроенного средства визуализации элементов. Возможно, вы захотите немного подстроить это под свое решение, но это должно дать вам хорошую отправную точку.

<mx:DataGrid dataProvider="{myDataProvider}">
        <mx:columns>
            <mx:DataGridColumn dataField="someDataField" width="100">
                <mx:itemRenderer>
                    <fx:Component>
                        <mx:Canvas mouseOver="myImage.visible = true" mouseOut="myImage.visible = false" width="100">
                            <mx:Label text="{data.someDataField}" width="100%" x="0" y="0" />
                            <mx:Image id="myImage" x="0" y="0" source="{outerDocument.myImageClass}" visible="false" />
                        </mx:Canvas>
                    </fx:Component>
                </mx:itemRenderer>
            </mx:DataGridColumn>
        </mx:columns>
    </mx:DataGrid>

Answer 2

скажем, у вас есть

<mx:image id="img" src="sample.jpg" mouseOver="onHover()" mouseOut="onOut()"/>

функция

private function onHover():void{
   img.src="sample2.jpg";
   img.validateNow();

}

private function onOut():void{
   img.src = "sample.jpg";
   img.validateNow();
}

Посмотри, работает ли это. еще не проверено, но логика может быть там.