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

先看效果图:

其中Test.mxml为:
复制代码 代码如下:


xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600">











RightButtonSkin.mxml(确定按钮皮肤):
复制代码 代码如下:


xmlns:s="library://ns.adobe.com/flex/spark" alpha.disabled=".5">










bottom="0" left="0">

color.down="0xEEEEEE"/>







height="50%">








textAlign="center"
fontFamily="宋体"
verticalAlign="middle"
horizontalCenter="0" verticalCenter="1"
left="30" right="30" top="8" bottom="8"
/>


NewStyleButtonSkin.mxml(新建按钮皮肤):

ps:新建按钮上面那个icon是画上去的
复制代码 代码如下:


xmlns:s="library://ns.adobe.com/flex/spark" alpha.disabled=".5">










bottom="0" left="0">










height="50%">










fontFamily="宋体"
left="30" right="20" top="8" bottom="8"
/>


你可能感兴趣的:(flex自定义按钮皮肤示例附图)