フレックス：オブジェクトにフォーカスが強調されている場合、代わりに親を強調表示しますか？

Question

私は、TextInputとCanvasオブジェクトを両方ともHBoxオブジェクトの中に持っています。入力テキストフィールドにフォーカスがあるとき、ハイライト表示します。入力テキストにフォーカスがあるときハイライトするHBoxを含むように変更したいと思います。

どのようにすればいいですか？

<mx:HBox 
     keyDown="checkKey(event)" 
     horizontalGap="0"> 
     <mx:TextInput 
      id="searchBox" 
      width="500" 
      fontSize="25" 
      backgroundColor="#F0F0F0" 
      borderThickness="2" 
      borderColor="#666666" 
      borderStyle="solid"/> 
     <mx:Canvas 
      borderThickness="2" 
      borderColor="#666666" 
      borderStyle="solid" 
      backgroundColor="#666666"> 
      <mx:Button 
       label="Search" 
       click="searchInputText()" 
       fontSize="21" 
       styleName="primaryButton"/> 
     </mx:Canvas> 
    </mx:HBox> 

ありがとう：

は、ここに私のコードです！

Answer 1

私は、HBoxesがデフォルトでハイライト表示を有効にしているとは思わない。しかし、あなたはHBoxをfocusInイベントに応答させることができます：フィルターのアルファを0に設定すると、それは完全に透明になります。

<mx:HBox 
    name="parentHBox" 
    keyDown="checkKey(event)" 
    horizontalGap="0"> 
    <mx:filters> 
     <mx:GlowFilter alpha=0.0> 
    </mx:filters> 
    <mx:TextInput 
      id="searchBox" 
      ... 
      focusIn="{HBoxGlowFilter.alpha = 1.0}" 
      focusOut="{HBoxGlowFilter.alpha = 0.0}"/> 
    <mx:Canvas 
      ...> 
      <mx:Button 
        label="Search" 
        click="searchInputText()" 
        fontSize="21" 
        styleName="primaryButton"/> 
    </mx:Canvas> 
</mx:HBox> 

これが役に立ちます。