強制組件重畫它的焦點

Question

我還有一個「我該如何」的問題:) 假設我有一個組件，並希望在運行時改變它的焦點顏色。下面是你（我已經排除任何按鈕等，以防止組件失去它的焦點，原因在這種情況下，它完全改變它的顏色）的例子：

<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" 
       creationComplete="init()"> 
    <mx:Script><![CDATA[  
     private function init():void { 
      //putting focus inside needed component 
      focusTest.setFocus(); 
      focusTest.setSelection(0, 0); 

      // creates a new Timer 
      var minuteTimer:Timer = new Timer(1000, 30); 

      // designates listeners for the interval and completion events 
      minuteTimer.addEventListener(TimerEvent.TIMER, onTick); 
      minuteTimer.addEventListener(TimerEvent.TIMER_COMPLETE, onTimerComplete); 

      // starts the timer ticking 
      minuteTimer.start(); 
     }  
     public function onTick(event:TimerEvent):void { 
      // displays the tick count so far 
      trace("tick " + event.target.currentCount); 
      if (focusTest.getStyle('focusColor') != 0x008CEA) { 
       focusTest.setStyle('focusColor', 0x008CEA); 
      } else { 
       focusTest.setStyle('focusColor', 0xFF0000); 
      } 
      //Update everything somehow :)    
     }  
     public function onTimerComplete(event:TimerEvent):void { 
      trace("Time's Up!"); 
     }    
     ]]></mx:Script> 
    <mx:TextInput id="focusTest"/> 
</mx:Application> 

我有什麼：的計時器滴答作響。該屬性正在改變（你可以看到，例如，當切換瀏覽器中的標籤時，只需在顏色改變時捕捉正確的狀態）。

我想要什麼：如何使這一重點是沒有魔法（我已經嘗試了所有方法，從「validate」，我已經試過呼籲整個應用updateDisplayList()重繪，我已經試過打電話給styleChanged ... aggrrh ..我出於想法:)）。

有什麼想法？

任何幫助，像往常一樣，非常感謝:)

Answer 1

如果使用themeColor和focusTest.drawColor(true)它工作正常。你必須使用drawFocus（）來重新着色，我不認爲focusColor是一個Flex 3的setStyle屬性（僅在Flex 4中使用）。

棘手的問題，因爲如果你使用不正確的setStyle/getStyle屬性Flex不會拋出任何錯誤，它只是忽略它們！

if (focusTest.getStyle('themeColor') != 0x008CEA) { 
     focusTest.setStyle('themeColor', 0x008CEA); 
    } else { 
     focusTest.setStyle('themeColor', 0xFF0000); 
    } 
    focusTest.drawFocus(true); 

全碼：

<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" 
       creationComplete="init()"> 
    <mx:Script><![CDATA[  
     private function init():void { 
      //putting focus inside needed component 
      focusTest.setFocus(); 
      focusTest.setSelection(0, 0); 

      // creates a new Timer 
      var minuteTimer:Timer = new Timer(1000, 30); 

      // designates listeners for the interval and completion events 
      minuteTimer.addEventListener(TimerEvent.TIMER, onTick); 
      minuteTimer.addEventListener(TimerEvent.TIMER_COMPLETE, onTimerComplete); 

      // starts the timer ticking 
      minuteTimer.start(); 
     }  
     public function onTick(event:TimerEvent):void { 
      // displays the tick count so far 
      // displays the tick count so far 

      trace("tick " + event.target.currentCount); 
      if (focusTest.getStyle('themeColor') != 0x008CEA) { 
       focusTest.setStyle('themeColor', 0x008CEA); 
      } else { 
       focusTest.setStyle('themeColor', 0xFF0000); 
      } 

      focusTest.drawFocus(true); 
      //Update everything somehow :)    
     }  
     public function onTimerComplete(event:TimerEvent):void { 
      trace("Time's Up!"); 
     }    
    ]]></mx:Script> 
    <mx:TextInput id="focusTest" width="222"/> 
</mx:Application>