comp/MyIconButton.mxml
<?xml version="1.0" encoding="utf-8"?>
<s:Button xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx" skinClass="skins.MyIconSkin">
<fx:Script>
<![CDATA[
[Bindable]
public var icon:Object;
]]>
</fx:Script>
</s:Button>
comp/MyIconButton.mxml
<?xml version="1.0" encoding="utf-8"?>
<s:SparkSkin xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:fb="http://ns.adobe.com/flashbuilder/2009"
minWidth="21" minHeight="21" alpha.disabled="0.5"
xmlns:mx="library://ns.adobe.com/flex/mx">
<!-- host component -->
<fx:Metadata>
<![CDATA[
/**
* @copy spark.skins.spark.ApplicationSkin#hostComponent
*/
[HostComponent("MyIconButton")]
]]>
</fx:Metadata>
<s:states>
<s:State name="up" />
<s:State name="over" />
<s:State name="down" />
<s:State name="disabled" />
</s:states>
<s:Graphic>
<s:BitmapImage source.up="{hostComponent.upIcon}"
source.over="{hostComponent.overIcon}"
source.down="{hostComponent.downIcon}"
source.disabled="{hostComponent.disabledIcon}"/>
</s:Graphic>
<s:Label id="labelDisplay"
textAlign="center"
verticalAlign="middle"
maxDisplayedLines="1"
horizontalCenter="0" verticalCenter="1"
left="10" right="10" top="2" bottom="2">
</s:Label>
</s:SparkSkin>
ButtonWithIcon.mxml
<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx"
xmlns:comp="*"
minWidth="955" minHeight="600">
<fx:Declarations>
<!-- 将非可视元素(例如服务、值对象)放在此处 -->
</fx:Declarations>
<comp:MyIconButton x="36" y="350"
upIcon="@Embed('images/mDeleteBtn_1.png')"
overIcon="@Embed('images/mDeleteBtn_1.png')"
downIcon="@Embed('images/mDeleteBtn_2.png')"
disabledIcon="@Embed('images/mDeleteBtn_1.png')"
useHandCursor="true" buttonMode="true"/>
<comp:MyIconButton x="36" y="450"
upIcon="@Embed('images/loginBtn_1.png')"
overIcon="@Embed('images/loginBtn_1.png')"
downIcon="@Embed('images/loginBtn_2.png')"
disabledIcon="@Embed('images/loginBtn_1.png')"
useHandCursor="true" buttonMode="true"/>
</s:Application>
分享到:
相关推荐
flex 自定义组件,UI,flex 自定义组件。
flex自定义的树形结构,展开,收缩,多级目录支持
Flex自定义加载条的一个小示例。里面有readMe文本
Flex 自定义ToolTip源代码,可以运行的源代码
FLEX自定义等待图标资源 18个SWF资源,19个GIF资源
研究Flex 组件声明周期,了解组件的生成步骤
你还在头痛flex4组件皮肤怎么自定义吗?看我给你们上传的吧;因皮肤中还是有部分mx组件,如果不能正常使用,请自己把所以mx组件改成sp组件
Flex 自定义 时间 日历 控件
这是一个flex写的自定义截图上传程序。很实用
flex 自定义右键菜单 多级右键菜单flex 自定义右键菜单 多级右键菜单flex 自定义右键菜单 多级右键菜单
Flex自定义组件和自定义事件的使用。 Flex自定义组件和自定义事件的使用。
Flex自定义右键菜单
flex自定义组件事件DEMO,一个简单的flex自定义组件的demo
FLex自定义写的控件,有时间,datagrid,tree,combox等,以及常用的处理字符串,弹出窗口
flex自定义创建css样式,很有用的资源··
Flex 自定义公共包,可以在项目里直接使用
flex 高级自定义组件 需要重写的方法,以及为什么要重写,何时调用等。
flex 自定义右键菜单
Flex 运用FB4开发的自定义皮肤 可以直接导入到里面并且自动转换成css文件!
flex 自定义 datagrid 列头带组合框进行过滤