flex4自定义皮肤入门实例

最新推荐文章于 2021-01-27 17:18:38 发布

iteye_15879

最新推荐文章于 2021-01-27 17:18:38 发布

阅读量89

点赞数

分类专栏： flex布局与皮肤文章标签： XML

本文链接：https://blog.csdn.net/iteye_15879/article/details/81885985

版权

flex布局与皮肤专栏收录该内容

8 篇文章 0 订阅

订阅专栏

1、 tt.mxml


<?xml version='1.0' encoding='UTF-8'?>
<s:Application xmlns:s="library://ns.adobe.com/flex/spark"
			   xmlns:fx="http://ns.adobe.com/mxml/2009"
			   height="254" width="576">

	<s:Button x="200" y="50" width="150" height="80" label="自定义皮肤按钮"
			  skinClass="cn.xuedi.SelfSkinClass_Button"/>

</s:Application>

2、 cn/xuedi/SelfSkinClass_Button.mxml



<?xml version="1.0" encoding="utf-8"?>
<s:SparkSkin 
   xmlns:s="library://ns.adobe.com/flex/spark" 
   xmlns:fx="http://ns.adobe.com/mxml/2009">
     <s:states>
         <s:State name="up"/>
         <s:State name="over"/>
         <s:State name="down"/>
	     <s:State name="disabled"/>
     </s:states>
     <s:Ellipse x="200" y="50" width="150" height="80">
         <s:fill>
             <s:SolidColor color="0xFFFF00" color.over="#00FF00" color.down="#FF0000"/>
         </s:fill>
         <s:stroke>
            <s:SolidColorStroke color="#FF00FF" />
         </s:stroke>
     </s:Ellipse>
</s:SparkSkin>