单击时更改按钮外观

Question

我想在单击按钮时更改按钮外观。

<?xml version="1.0" encoding="utf-8"?>
<s:Button xmlns:fx="http://ns.adobe.com/mxml/2009"
          xmlns:s="library://ns.adobe.com/flex/spark" 
          xmlns:mx="library://ns.adobe.com/flex/mx"
          creationComplete="init()">        
    <fx:Script>
        <![CDATA[
            public var _clicked:Boolean = false;

            public function init():void{
                addEventListener(MouseEvent.CLICK, changeButtonClickStatus);            
            }

            public function changeButtonClickStatus(event:MouseEvent):void{
                var that:TopMenuButton = event.currentTarget as TopMenuButton;
                that._clicked = !(that._clicked);

                if(that._clicked == true){
                //change button appearance
                }else{
                //change button appearance
                }
            }   
        ]]>
    </fx:Script>
</s:Button>

有没有使用状态的方法？然后我就可以使用皮肤约定了。 预先感谢您的帮助。

Answer 1

如果您正在寻找一个可以设置不同状态的切换按钮，则 Flex 4 中已存在。

查看 ToggleButtonSkin.mxml 的源代码，了解如何设置不同状态的外观。

Answer 2

看一下以下示例：

将样式应用于 Flex 4 中 Spark Button 控件的不同状态