Как вы можете программно превратить элемент при наведении курсора в выбранный элемент в дереве/списке?

Я нашел это достаточно интересным, поэтому я спрашиваю, является ли это самым простым способом добиться этого. Во-первых, вместо списка вам нужно добавить прослушиватель rollOver в ItemRenderer, а не в сам список (поскольку event.target и event.currentTarget просто покажут ваш список).

Итак, давайте создадим собственный ItemRenderer и добавим прослушиватель rollOver.

<xml version="1.0" encoding="utf-8"?>
<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/mx" 
            autoDrawBackground="true" height="20" rollOver="itemrenderer1_rollOverHandler(event)">
<fx:Script>
    <![CDATA[

        protected function itemrenderer1_rollOverHandler(event:MouseEvent):void
        {
            this.dispatchEvent(new CustomEvent(CustomEvent.SELECT_ITEM, data, true));

        }

    ]]>

    <s:Label id="label1" text="{data.label}"/>

</s:ItemRenderer>

Вам нужно каким-то образом получить значение выбранного элемента (это данные в itemRenderer), поэтому я создал класс CustomEvent только для этого.

package
{
    import flash.events.Event;

    public class CustomEvent extends Event
    {

        public var selectedItem:Object;

        public static const SELECT_ITEM:String = "selectItem";


         public function CustomEvent(type:String, selectedItem:Object, bubbles:Boolean=false, cancelable:Boolean=false)
         {
            super(type, bubbles, cancelable);
            this.selectedItem = selectedItem;
         }
    }
}

затем я добавил eventListener в основной класс и соответственно установил свойство list.selectedItem:

//for the main MXML initializer: 
    this.addEventListener(CustomEvent.SELECT_ITEM, rollOverChangeSelected);


            //and the function:
    protected function rollOverChangeSelected(ce:CustomEvent):void{


            list.selectedItem = ce.selectedItem;

    }

Другой способ: привязываемая переменная Список:

s:List id="list" allowMultipleSelection="true"  selectionColor="red" rollOverColor="red" itemRenderer="customItemRenderer" selectedItem="{_rollOverSelectedItem}">

Переменная и методы set/get:

        [Bindable] public var _rollOverSelectedItem:Object;     

        public function get rollOverSelectedItem():Object
        {
            return _rollOverSelectedItem;
        }

        public function set rollOverSelectedItem(value:Object):void
        {
            _rollOverSelectedItem = value;
        }

и метод rollOver ItemRenderer:

protected function itemrenderer1_rollOverHandler(event:MouseEvent):void
        {

            this.parentApplication.rollOverSelectedItem = data;             

        }

Каков наилучший/правильный способ?