Flex 4中的外觀按鈕標簽

Question

我在Flex 4中為按鈕使用皮膚。皮膚按鈕正確顯示。

現在，我希望按鈕的標簽響應如下：

• 當按鈕上的“ RollOver”或“ MouseOver”時，字體粗細應為粗體。

我嘗試通過在此按鈕上包含Label的rollOver屬性在下面的mxml中執行此操作，但是它似乎不起作用。

我是在正確的位置（即Skin mxml文件中）執行此操作嗎？ 還是應該對應用程序本身中的每個按鈕執行此操作？

皮膚代碼：

<?xml version="1.0" encoding="utf-8"?>
<s:SparkSkin xmlns:fx="http://ns.adobe.com/mxml/2009" 
             xmlns:s="library://ns.adobe.com/flex/spark" 
             xmlns:mx="library://ns.adobe.com/flex/mx">

    <fx:Metadata>
        <![CDATA[ 
        [HostComponent("spark.components.Button")]
        ]]>
    </fx:Metadata>

    <fx:Script>
        <![CDATA[
            protected function labelDisplay_rollOverHandler(event:MouseEvent):void
            {
                FontWeight.BOLD;
                FontStyle.ITALIC;
            }
        ]]>
    </fx:Script>

    <s:states>
        <s:State name="up" />
        <s:State name="over" />
        <s:State name="down" />
        <s:State name="disabled" />
    </s:states>

    <s:BitmapImage includeIn="up" source="{getStyle('upSkin')}" width="100%" height="100%"/>

    <s:BitmapImage includeIn="over" source="{getStyle('overSkin')}" width="100%" height="100%"/>

    <s:BitmapImage includeIn="down" source="{getStyle('downSkin')}" width="100%" height="100%"/>

    <s:BitmapImage includeIn="disabled" source="{getStyle('disabledSkin')}" width="100%" height="100%"/>

    <s:Label id="labelDisplay" textAlign="right" maxDisplayedLines="1" horizontalCenter="1"
             verticalAlign="middle" verticalCenter="1" left="10" right="10" rollOver="labelDisplay_rollOverHandler(event)" />

</s:SparkSkin>

Answer 1

您可以通過將fontWeight樣式更改為“ over”狀態來輕松實現此目的。 您可以通過在MXML中指定樣式，然后指定要應用該樣式的狀態來完成此操作，如下所示：

<s:Label id="labelDisplay" fontWeight.over="bold" textAlign="right" maxDisplayedLines="1" horizontalCenter="1"
         verticalAlign="middle" verticalCenter="1" left="10" right="10" />

希望有所幫助。