Flex: lorsque l'objet a le focus, surligner parent à la place?

Question

J'ai un objet TextInput et un objet Canvas à l'intérieur d'un objet HBox. Lorsque le champ de texte de saisie a le focus qu'il met en surbrillance, je voudrais que ce soit le HBox contenant qui se met en évidence lorsque le texte de saisie a le focus.

Est-ce que quelqu'un a des idées sur comment je peux faire ça?

Voici mon code:

<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> 

Merci!

Answer 1

Je ne pense pas que la surbrillance des HBox soit activée par défaut. Mais vous pouvez faire en sorte que la HBox réponde à l'événement focusIn: La définition de l'alpha du filtre à 0 le rend complètement transparent.

<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> 

Espérons que cela aide.