如何在鼠標懸停時更改MX切換按鈕欄的文本顏色

Question

我想通過更改樣式來更改翻轉時的樣式，以更改MX ToggleButtonBar控件的文本顏色。 誰能幫幫我嗎。 例如，我將鼠標懸停在“主頁”按鈕上，該顏色的文本應更改為綠色，而不是背景色。

<mx:ToggleButtonBar id="toggBar" direction="horizontal" horizontalGap="20" height="100" paddingLeft="60" 
                         horizontalScrollPolicy="off" verticalScrollPolicy="off" selectedIndex="1" 
                         >
        <mx:dataProvider>
            <fx:Object label="Home" id="home"  screenIndex="-1"/>
            <fx:Object label="About" id="about"  screenIndex="1"/>
            <fx:Object label="Contact" id="contact" screenIndex="2"/>
            <fx:Object label="Help" id="help" screenIndex="3"/>
        </mx:dataProvider> 
    </mx:ToggleButtonBar>

Answer 1

將此添加到元素標簽：

onmouseover="this.style.color='#123456'" onmouseout="this.style.color='#654321'" 

將第一種顏色替換為您要更改的顏色，第二種顏色替換為通常的顏色。

或將其添加到樣式表中：

#labelid1:hover {color:#123456;}
#labelid2:hover {color:#123456;}
#labelid3:hover {color:#123456;}

最好將類別名稱添加到每個按鈕並使用

.labelclassname:hover {color:#123456;}

Answer 2

您可以使用mxml hack（或在代碼中注釋）：

    <mx:ToggleButtonBar id="toggBar" direction="horizontal" horizontalGap="20" height="100" paddingLeft="60"
                    color="0x00ff00"
                    horizontalScrollPolicy="off" verticalScrollPolicy="off" selectedIndex="1"

                    <!-- Warning! Better create custom ToggleButtonBar with your logic mouseOver -->
                    mouseOver="{UITextField((event.target).mx_internal::getTextField()).textColor=0xff0000}"
                    >
    <mx:dataProvider>
        <fx:Object label="Home" id="home"  screenIndex="-1"/>
        <fx:Object label="About" id="about"  screenIndex="1"/>
        <fx:Object label="Contact" id="contact" screenIndex="2"/>
        <fx:Object label="Help" id="help" screenIndex="3"/>
    </mx:dataProvider> 
</mx:ToggleButtonBar>