0

テキストの色を変更したいスタイルを変更して、ロールオーバー時に 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>
4

2 に答える 2

0

mxmlハック（またはコード内のコメント）を使用できます。

    <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>
于 2013-02-28T09:53:41.767 に答える
0

これを要素タグに追加します。

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

最初の色を変更したい色に、2 番目の色を通常の色に置き換えます。

または、これをスタイルシートに追加します。

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

各ボタンにクラス名を追加して使用することをお勧めします

.labelclassname:hover {color:#123456;}
于 2013-02-28T09:16:36.120 に答える