Flex Toggle Button 开关按钮

最新推荐文章于 2025-01-10 16:25:15 发布

原创最新推荐文章于 2025-01-10 16:25:15 发布 · 184 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#Flex #Adobe #XML

本文介绍了一个使用Adobe Flash创建的按钮组件，该按钮可以根据点击状态改变其外观和提示信息。通过XML和MXML代码实现了按钮的锁定与解锁状态之间的切换，并且详细展示了如何使用自定义的图片作为不同状态下的按钮皮肤。

<?xml version="1.0" encoding="utf-8"?>
<mx:Button skin="{lockup}" toolTip="锁定"
click="onClickBtn(event)" xmlns:mx="http://www.adobe.com/2006/mxml" toggle="true"
    downSkin="{null}" upSkin="{null}" overSkin="{null}" focusSkin="{null}" >
<mx:Script>
  <![CDATA[
   [Embed(source="assets/lockup.png")]
   private static var lockup:Class;

   [Embed(source="assets/lockdown.png")]
   private static var lockdown:Class;


   private function onClickBtn(event:MouseEvent):void{
    if(this.selected)
    {
     this.setStyle("skin", lockdown);
     this.toolTip="解锁";
    }
    else
    {
     this.setStyle("skin", lockup);
     this.toolTip="锁定";
    }
   }
  ]]>
</mx:Script>
</mx:Button>