flex3可编程皮肤
效果图:
package com
{
import mx.skins.ProgrammaticSkin;
public class MySkin extends ProgrammaticSkin
{
public function MySkin()
{
super();
}
override protected function updateDisplayList(unscaledWidth:Number,
unscaledHeight:Number):void
{
var line:Number=4;
var backgroundColoe:Number;
switch(name)
{
case "upSkin":
backgroundColoe=0xEA800C;
break;
case "overSkin":
backgroundColoe=0xF8B872;
break;
case "downSkin":
backgroundColoe=0xB06109;
break;
case "disabledSkin":
backgroundColoe=0xB06109;
break;
}
graphics.clear();
graphics.beginFill(backgroundColoe);
graphics.drawEllipse(0,0,unscaledWidth,unscaledHeight);
graphics.endFill();
}
}
}
mxml使用
<mx:Style>
.mySkin
{
up-skin:ClassReference('com.MySkin');
over-skin:ClassReference('com.MySkin');
down-skin:ClassReference('com.MySkin');
disabled-skin:ClassReference('com.MySkin');
}
</mx:Style>
<!-- 其中'com.MySkin'为自定义皮肤的as类路径 -->
<mx:Button id="demo" label="demotext" styleName="mySkin">
</mx:Button>
flex-css渐变色
css-code
.myColor{
fill-alphas:0.33,0.67,0.75,0.65;
fill-colors:#000000,#006666,#00ff99,#cccc00;
}
mxml-code:
<mx:Panel width="446" height="226" headerColors="[0xEA800C,0xF8B872]">
borderSkin创建背景图片的应用(类似BackgroundImage)
package
{
import flash.display.Bitmap;
import flash.display.BitmapData;
import mx.skins.RectangularBorder;
public class MetalBackground extends RectangularBorder
{
[Embed(source='file.png')]
private var backgroundImageClass:Class;
private var backgroundBitmapData:BitmapData;
public function MetalBackground()
{
super();
var backgroundImage:Bitmap = new backgroundImageClass();
backgroundBitmapData = new BitmapData(backgroundImage.width,backgroundImage.height);
backgroundBitmapData.draw(backgroundImage);
}
override protected function updateDisplayList(unscaledWidth:Number,unscaledHeight:Number ):void
{
super.updateDisplayList(unscaledWidth,unscaledHeight );
var cornerRadius:Number = getStyle("cornerRadius");
graphics.clear();
graphics.beginBitmapFill( backgroundBitmapData );
graphics.drawRoundRectComplex(0,0,unscaledWidth,unscaledHeight,cornerRadius,cornerRadius,cornerRadius,cornerRadius );
graphics.endFill();
}
}
}
mxml应用
<mx:Canvas borderSkin="MetalBackground" x="576" y="49" width="142" height="169">
- 大小: 1.3 KB
分享到:
相关推荐
《Adobe Flex 3 高级编程》官网源码 第28章有619兆而没有上传
flex皮肤flex皮肤flex皮肤flex皮肤flex皮flex皮肤肤
Adobe Flex 3 高级编程 源码
Flex 4 高级编程Flex 4 高级编程Flex 4 高级编程Flex 4 高级编程
课程设计,附实验报告。使用Flex&Bison;生成的DLL文件用作计算器后端,使用Flask框架和HTML CSS做前端。
flex3 programing,中文版分享于同僚~~
Flex拖拽编程详解,Flex拖动方法。
FLEX4的皮肤skin.教你如何使用皮肤
收集的10几款flex应用皮肤,可以改变自己的flex程序外观
Flex白皮书 Flex cookbok Flex编程指南 Flex设计模式等
flex皮肤 大集合 很齐全 对flex开发人员很有帮助
flex+socket编程实例,提供源码参考,请查看
flex3注册码flex3注册码flex3注册码flex3注册码flex3注册码flex3注册码flex3注册码flex3注册码flex3注册码flex3注册码flex3注册码flex3注册码flex3注册码
Adobe Flex 3 高级编程 源码 part1
flex+AS3编程规范flex+AS3编程规范flex+AS3编程规范flex+AS3编程规范flex+AS3编程规范flex+AS3编程规范flex+AS3编程规范flex+AS3编程规范
你还在头痛flex4组件皮肤怎么自定义吗?看我给你们上传的吧;因皮肤中还是有部分mx组件,如果不能正常使用,请自己把所以mx组件改成sp组件
Flex 4 进度条的皮肤 自己定义的进度条的皮肤 可以按自己的要求随便修改
Flex更换主题 更换皮肤控件 Flex更换主题 更换皮肤控件 Flex更换主题 更换皮肤控件 Flex更换主题 更换皮肤控件 Flex更换主题 更换皮肤控件
三款漂亮的Flex的皮肤主题