MyButtonSkin3.mxml
<?xml version="1.0" encoding="utf-8"?>
<s:Skin xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx">
<fx:Declarations>
<!-- 将非可视元素(例如服务、值对象)放在此处 -->
</fx:Declarations>
<!-- states -->
<s:states>
<s:State name="up" />
<s:State name="over" />
<s:State name="down" />
<s:State name="disabled" />
</s:states>
<!-- dropshadow for the down state only 按下后可有阴影-->
<s:Rect radiusX="4" radiusY="4" top="0" right="0" bottom="0"
left="0" includeIn="down">
<s:fill>
<s:SolidColor color="0"/>
</s:fill>
<s:filters>
<s:DropShadowFilter knockout="true" blurX="5" blurY="5"
alpha="0.32" distance="2" />
</s:filters>
</s:Rect>
<!-- border and fill 边框和填充色-->
<s:Rect id="rect" radiusX="4" radiusY="4" top="0" right="0"
bottom="0" left="0">
<!-- 填充色color:默认填充色,color.over:over填充色,color.down:按下填充色 -->
<s:fill>
<s:SolidColor color="0x77CC22" color.over="0x92D64E"
color.down="0xFFFFFF"/>
</s:fill>
<!-- 边框 -->
<s:stroke>
<s:SolidColorStroke color="0x131313" weight="2"/>
</s:stroke>
</s:Rect>
<!-- highlight on top 上方高亮显示,将长方形分成两部分,上部分透明度0.5至0.1 值越小,透明度越低-->
<s:Rect radiusX="4" radiusY="4" top="2" right="2" left="2"
height="50%">
<s:fill>
<s:LinearGradient rotation="90"><!-- 线性渐变填充 -->
<s:GradientEntry color="0xFFFFFF" alpha="0.5"/><!-- 渐变至白色,从透明度0.5变至0.1 -->
<s:GradientEntry color="0xFFFFFF" alpha="0.1"/>
</s:LinearGradient>
</s:fill>
</s:Rect>
<!-- text -->
<s:Label text="Button!" color="0x131313"
textAlign="center"
verticalAlign="middle"
horizontalCenter="0" verticalCenter="1"
left="12" right="12" top="6" bottom="6"
/>
</s:Skin>
给button使用皮肤
<s:Button skinClass="com.skin.MyButtonSkin3" click="test()"></s:Button>
分享到:
相关推荐
主要介绍了flex如何自定义按钮皮肤,需要的朋友可以参考下
Skin界面库源代码。自定义软件的界面皮肤文件,只需少量代码即可应用于程序开发。内附示例程序及代码,以及皮肤文件制作工具
实现的皮肤管理切换,重写了窗口样式.提供了基本的控件自定义样式.包中有示例程序调用.
* 多语言和自定义皮肤 o 多语言支持 o 自定义和动态切换皮肤 * 日期范围限制 o 静态限制 o 动态限制 o 脚本自定义限制 o 无效天 o 无效日期 o 有效天与有效日期 * 自定义事件 o 自定义事件 o onpicking...
找遍百度谷歌,潜心钻研官方QSS应用示例http://qt-project.org/doc/qt-4.8/stylesheet-examples.html,陆续完善三个月,终于得出一套自定义UI的QSS方案,只需要查找替换对应七个颜色值,就可制作出一套精美皮肤!
AspNetPager分页控件的所有导航元素都可以由用户进行单独控制,从6.0版起,AspNetPager支持使用主题(Theme)与皮肤(Skin)统一控件的整体样式,配合asp.net 2.0中的DataSource控件,AspNetPager只需要编写短短几行...
AspNetPager分页控件的所有导航元素都可以由用户进行单独控制,从6.0版起,AspNetPager支持使用主题(Theme)与皮肤(Skin)统一控件的整体样式,配合asp.net 2.0中的DataSource控件,AspNetPager只需要编写短短几行...
该示例是从其他的动态库中加载资源文件,达到换肤目的的。 即皮肤文件可以是用户自定义的,也可能是开发人员事先定义的。 增加了应用程序的动态表现能力。
皮肤管理模板charisma,免费,优质,反应灵敏的多皮肤管理模板。 特征 -9种不同的主题。 -平板电脑和手机的完全响应式,优化的UI。 -基于Bootstrap。 -适用于IE9 + -注释代码。 -定制产品导览,。 网格系统, -图表...
内置4种颜色的皮肤,且可以自定义对话框样式,可设置对话框位置。Tooltip可以自定义样式(空心、实心自由设置),并且有上下左右共12个位置的方位选择。插件参数很多(见源码),可以组合使用,具体调用方法请参考...