flex自定义按钮皮肤示例附图

先看效果图

其中Test.mxml为：复制代码代码如下：可扩展标记语言版本='1.0 '编码='utf-8 '？s 3360 APPLication xmlns : FX=' http://ns。土坯房。com/mxml/2009 ' xmlns :s=' library ://ns。土坯房。com/flex/spark ' xmlns : MX=' library ://ns。土坯房。com/flex/MX ' minWidth=' 955 ' minhAiH=' 600 ' FX :声明！-将非可视元素（例如服务、值对象)放在此处-/FX :描述MX : hbox水平中心=' 0 '垂直中心=' 1 ' s 3360按钮id='右按钮' skinClass='组件.右按钮皮肤/s 3360按钮id='取消按钮'皮肤类='组件取消按钮外观/s 3360按钮id=' newstyle button ' skinClass='组件NewStyleButtonSkin/s 3360 button id=' style button ' skinClass='组件风格按钮皮肤'/MX : hbox/s :应用右按钮皮肤。mxml(确定按钮皮肤): 复制代码代码如下：可扩展标记语言版本='1.0 '编码='utf-8 '？s 3360皮肤xmlns : FX=' http://ns。土坯房。com/mxml/2009 ' xmlns :s=' library ://ns。土坯房。com/flex/spark ' alpha。disabled='。5 '!-States-s 3360状态s 3360状态名称=' up '/s 3360状态名称=' over '/s 3360状态名称=' down '/s 3360状态名称=' disabled '/s 3360状态！-边框和填充-s 3360 rect id=' rect ' radiusX=' 4 ' radiusY=' 4 ' top=' 0 ' right=' 0 ' bottom=' 0 ' left=' 0 ' s 3360 fill s 3360纯色='0xfafa ' color。over='0xeeeee '颜色。down='0x eee '/s : fill s 3360 stroke color='0x cccccc ' weight=' 1 '/s : stroke/s 3:-顶部突出显示-s 3360矩形半径X=' 4 '半径Y=' 4 '顶部=' 2 '右侧=' 2 '左侧=' 2 '高度=' 50% ' s 3360填充s 3360线性渐变旋转=' 90 ' s 3360渐变入口颜色='0x ffffffff ' alpha='。5 '/s 3360渐变入口颜色='0x ffffffffff ' alpha='。1/s :线性渐变/s 3:填充/s 3366确定color='0x 131313 ' textAlign=' center ' font family='宋体垂直对齐='中间'水平中心=' 0 '垂直中心=' 1 '左侧=' 30 '右侧=' 30 '顶部=' 8 '底部=' 8 '/s 3360皮肤newstylebuttonskin。mxml(新建按钮皮肤):ps:新建按钮上面那个图标是画上去的复制代码代码如下：可扩展标记语言版本='1.0 '编码='utf-8 '？s 3360皮肤xmlns : FX=' http://ns。土坯房。com/mxml/2009 ' xmlns :s=' library ://ns。土坯房。com/flex/spark ' alpha。disabled='。5 '!-States-s 3360状态s 3360状态名称=' up '/s 3360状态名称=' over '/s 3360状态名称=' down '/s 3360状态名称=' disabled '/s 3360状态！-边框和填充-s 3360 rect id=' rect ' radiusX=' 4 ' radiusY=' 4 ' top=' 0 ' right=' 0 ' bottom=' 0 ' left=' 0 ' s 3360 fill s 3360纯色='0xfafa ' color。over='0xeeeee '颜色。down='0x eee '/s : fill s 3360 stroke color='0x cccccc ' weight=' 1 '/s : stroke/s 3:-顶部突出显示-s 3360矩形半径X=' 4 '半径Y=' 4 '顶部=' 2 '右侧=' 2 '左侧=' 2 '高度=' 50% ' s 3360填充s 3360线性渐变旋转=' 90 ' s 3360渐变入口颜色='0x ffffffff ' alpha='。5 '/s 3360渐变入口颜色='0x ffffffffff ' alpha='。1/s :线性渐变/s 3:填充/s 3366新建样式color='0x131313' fontFamily='宋体left=' 30 ' right=' 20 ' top=' 8 ' bottom=' 8 '/s 3360皮肤