椭圆形按钮的代码

//****************************************************************************

// ______

// .-" "-.

// / AOL // | |

// |, .-. .-. ,|

// | )(__/ \__)( |

// |/ /\ \|

// (@_ (_ ^^ _)

// _ ) \_______\__|IIIIII|__/__________________________

// (_)@8@8{}<________|-\IIIIII/-|___________________________>

// )_/ \ /

// (@ `--------`AOL FLASH STUDIO.

//****************************************************************************

// @FileName OvalButtonSkin.as

// @Package

// @Description 椭圆按钮皮肤

// @Author aol

// @Email jeremy1982@21cn.com

// @Create 2004.08.27

// @LastChange 2004.08.27

// @History

//****************************************************************************

import mx.skins.RectBorder;

import mx.skins.SkinElement;

import mx.core.ext.UIObjectExtensions;

class OvalButtonSkin extends RectBorder

{

/**

@private

* SymbolName for object

*/

static var symbolName:String = "OvalButtonSkin";

/**

@private

* Class used in createClassObject

*/

static var symbolOwner:Object = OvalButtonSkin;

/**

* name of this class

*/

var className = "OvalButtonSkin";

var backgroundColorName = "buttonColor";

//var drawOval:Function;

function OvalButtonSkin()

{

}

function init():Void

{

super.init();

}

function size():Void

{

drawHaloRect(width,height);

}

function drawHaloRect(w:Number,h:Number):Void

{

var borderStyle = getStyle("borderStyle");

var themeCol = getStyle("themeColor");

var emph:Boolean = _parent.emphasized;

clear();

switch (borderStyle)

{

case "falseup":

if (emph)

{

drawOval( x,y,w,h,0x919999,100);//OuterBorder

drawOval( x,y,w,h,themeCol,75);//OuterBorder

drawOval( x+1,y+1,w-2,h-2,[0x333333,0xffffff],85,0,"radial");

drawOval( x+2,y+2,w-4,h-4,[0x000000,0xdadada],100,0,"radial");

drawOval( x+2,y+2,w-4,h-4,themeCol,75);

drawOval( x+3,y+3,w-6,h-6,0xffffff,100);//highlight

drawOval( x+3,y+4,w-6,h-7,0xf8f8f8,100);//face

}

else

{

drawOval( 0,0,w,h,0x919999,100);//OuterBorder

drawOval( 1,1,w-2,h-2,[0xcad1d1,0xf7f7f7],100,0,"radial");

drawOval( 2,2,w-4,h-4,[0x919999,0xd2dada],100,0,"radial");

drawOval( 3,3,w-6,h-6,0xffffff,100);//highlight

drawOval( 4,4,w-6,h-7,0xf8f8f8,100);//face

}

break;

case "falsedown":

drawOval( x,y,w,h,0x919999,100);//OuterBorder

drawOval( x+1,y+1,w-2,h-2,[0x333333,0xfcfcfc],100,0,"radial");

drawOval( x+1,y+1,w-2,h-2,themeCol,50);

drawOval( x+2,y+2,w-4,h-4,[0x000000,0xdadada],100,0,"radial");

drawOval( x,y,w,h,themeCol,40);//OuterBorder

drawOval( x+3,y+3,w-6,h-6,0xffffff,100);//highlight

drawOval( x+3,y+4,w-6,h-7,themeCol,20);//face

break;

case "falserollover":

drawOval( x,y,w,h,0x919999,100);//OuterBorder

drawOval( x,y,w,h,themeCol,50);//OuterBorder

drawOval( x+1,y+1,w-2,h-2,[0x333333,0xffffff],100,0,"radial");

drawOval( x+2,y+2,w-4,h-4,[0x000000,0xdadada],100,0,"radial");

drawOval( x+2,y+2,w-4,h-4,themeCol,50);

drawOval( x+3,y+3,w-6,h-6,0xffffff,100);//highlight

drawOval( x+3,y+4,w-6,h-7,0xf8f8f8,100);//face

break;

case "falsedisabled":

drawOval( 0,0,w,h,0xc8cccc,100);//OuterBorder

drawOval( 1,1,w-2,h-2,0xf2f2f2,100);

drawOval( 2,2,w-4,h-4,0xd4d9d9,100);

drawOval( 3,3,w-6,h-6,0xf2f2f2,100);//face

break;

case "trueup":

drawOval( x,y,w,h,0x999999,100);//OuterBorder

drawOval( x+1,y+1,w-2,h-2,[0x333333,0xfcfcfc],100,0,"radial");

drawOval( x+1,y+1,w-2,h-2,themeCol,50);

drawOval( x+2,y+2,w-4,h-4,[0x000000,0xdadada],100,0,"radial");

drawOval( x,y,w,h,themeCol,40);//OuterBorder

drawOval( x+3,y+3,w-6,h-6,0xffffff,100);//highlight

drawOval( x+3,y+4,w-6,h-7,0xf7f7f7,100);//face

break;

case "truedown":

drawOval( x,y,w,h,0x999999,100);//OuterBorder

drawOval( x+1,y+1,w-2,h-2,[0x333333,0xfcfcfc],100,0,"radial");

drawOval( x+1,y+1,w-2,h-2,themeCol,50);

drawOval( x+2,y+2,w-4,h-4,[0x000000,0xdadada],100,0,"radial");

drawOval( x,y,w,h,themeCol,40);//OuterBorder

drawOval( x+3,y+3,w-6,h-6,0xffffff,100);//highlight

drawOval( x+3,y+4,w-6,h-7,themeCol,20);//face

break;

case "truerollover":

drawOval( x,y,w,h,0x919999,100);//OuterBorder

drawOval( x,y,w,h,themeCol,50);//OuterBorder

drawOval( x+1,y+1,w-2,h-2,[0x333333,0xffffff],100,0,"radial");

drawOval( x+1,y+1,w-2,h-2,themeCol,40);

drawOval(x+2,y+2,w-4,h-4,[0x000000,0xdadada],100,0,"radial");

drawOval( x+2,y+2,w-4,h-4,themeCol,40);

drawOval( x+3,y+3,w-6,h-6,0xffffff,100);//highlight

drawOval( x+3,y+4,w-6,h-7,0xf8f8f8,100);//face

break;

case "truedisabled":

drawOval( 0,0,w,h,0xc8cccc,100);//OuterBorder

drawOval( 1,1,w-2,h-2,0xf2f2f2,100);

drawOval( 2,2,w-4,h-4,0xd4d9d9,100);

drawOval( 3,3,w-6,h-6,0xf2f2f2,100);//face

}

}

function drawOval(x0:Number, y0:Number, w:Number, h:Number,c,alpha:Number,rot:Number,grad:String)

{

var radius = w/2;

var yRadius = h/2;

var x = x0+radius;

var y = y0+yRadius;

if (arguments.length < 3)

{

return;

}

if(typeof c == "object"){

var alphas = [alpha,alpha];

var ratios = [ 0, 0xff ];

var sh = h *.7

var matrix = {matrixType:"box", x:-sh, y:sh, w:w*2, h:h*4, r:rot * 0.0174532925199433 }

if (grad == "radial"){

this.beginGradientFill( "radial", c, alphas, ratios, matrix );

}else{

this.beginGradientFill( "linear", c, alphas, ratios, matrix );

}

}else if (c != undefined) {

this.beginFill (c, alpha);

}

// init variables

var theta:Number, xrCtrl:Number, yrCtrl:Number, angle:Number, angleMid:Number;

var px:Number, py:Number, cx:Number, cy:Number;

// if only yRadius is undefined, yRadius = radius

if (yRadius == undefined)

{

yRadius = radius;

}

// covert 45 degrees to radians for our calculations

theta = Math.PI / 4;

// calculate the distance for the control point

xrCtrl = radius / Math.cos(theta / 2);

yrCtrl = yRadius / Math.cos(theta / 2);

// start on the right side of the circle

angle = 0;

this.moveTo(x + radius, y);

// this loop draws the circle in 8 segments

for (var i = 0; i < 8; i++)

{

// increment our angles

angle += theta;

angleMid = angle - (theta / 2);

// calculate our control point

cx = x + Math.cos(angleMid) * xrCtrl;

cy = y + Math.sin(angleMid) * yrCtrl;

// calculate our end point

px = x + Math.cos(angle) * radius;

py = y + Math.sin(angle) * yRadius;

// draw the circle segment

this.curveTo(cx, cy, px, py);

}

if (c != undefined)

this.endFill();

};

static function classConstruct():Boolean

{

UIObjectExtensions.Extensions();

_global.skinRegistry["OvalButtonSkin"] = true;

return true;

}

static var classConstructed:Boolean = classConstruct();

static var UIObjectExtensionsDependency = UIObjectExtensions;

}

这里有一个缺点,就是一旦改变了组件的主题,就不能在同一个fla文件中使用另外一种主题的组件.因为它们是由

一个全局变量来控制.目前我只能用setStyle()和另做一个组件来使它们能够共存.macromedia在整体的组件设计上

是有很多缺陷的,不光在这里.在基类的设计上,还有事件模型的设计上都有一些重大的缺陷.有时间自己用MVC模式设计一套吧.

• ·WMI 脚本入门：第一部分
• ·Snort入侵检测系统分析
• ·几句比较经典的话
• ·windows的命令行方式下TAB键自动补全设
• ·使 ASP.NET Web 站点易于访问
• ·看JAVA序列化的性能 -- 一个简单的例子
• ·WebService Behavior 学习心
• ·ResizableWindow源码
• ·关于JSF和Struts的讨论1
• ·冬季10种平价水果越吃越瘦 减肥_美丽顾问