Flex：当对象有焦点突出显示父对象时？

Question

我在HBox对象中都有一个TextInput和一个Canvas对象。当输入文本字段突出显示焦点时，我想将其更改为包含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

我不认为HBox默认启用突出显示。但是你可以让HBox响应focusIn事件：将过滤器的alpha设置为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>

希望这有帮助。