flex中用图片做button

最新推荐文章于 2019-07-20 00:52:45 发布

yangtang_newton

最新推荐文章于 2019-07-20 00:52:45 发布

阅读量909

点赞数

分类专栏： flex 文章标签： button flex library class function import

本文链接：https://blog.csdn.net/yangtang_newton/article/details/7420780

版权

flex 专栏收录该内容

25 篇文章 0 订阅

订阅专栏

方法一：派生mx.controls.Button类

package com
{
import mx.controls.Button;

public class ImageButton extends Button
{
  [Embed(source="assets/topmenubtn.png")]
  private var icon:Class;
  [Embed(source="assets/topmenubtndown.png")]
  private var overIcon:Class;
  [Embed(source="assets/topmenubtndown.png")]
  private var downIcon:Class;
  public function ImageButton()
  {
   super();
   this.label = "";
   this.width = 16;
   this.height = 16;
   this.setStyle("cornerRadius",8);
   this.setStyle("icon",icon);
   this.setStyle("downIcon",downIcon);
   this.setStyle("overIcon",overIcon);
   this.setStyle("upIcon",icon);
  }
}

}

方法2：设置样式，这种方法更灵活

<fx:Style >
  @namespace s "library://ns.adobe.com/flex/spark";
  @namespace mx "library://ns.adobe.com/flex/mx";
  .myCustomButton {
   overSkin:Embed(source="assets/topmenubtn.png");
   upSkin:Embed(source="assets/topmenubtn.png");
   downSkin:Embed(source="assets/topmenubtndown.png");
  }
</fx:Style >

var te:mx.controls.Button= new mx.controls.Button();
     te.width=128;
     var residandname:Array=array[i].split("|");
     te.label = residandname[1];
     te.accessibilityDescription=residandname[0];
     te.accessibilityShortcut=residandname[2];
     te.addEventListener(MouseEvent.CLICK, handleClick);

te.styleName="myCustomButton";