图9-3 绘制矩形条块
(4)新建一个Mask图层，然后将按钮复制到该图层中，接着将该图层设置为下面两个图层的遮罩图层，如图9-4所示。
图9-4 创建遮罩层
(5)新建一个“按钮背景”图层，然后将按钮复制到该图层中，并将第1个色标的Alpha调整为10%，再将第2个色标向左移动一些像素，如图9-5所示。
图9-5 绘制按钮明暗部分
(6)新建一个“高光”图层，然后使用“椭圆工具”绘制一个椭圆，并设置填充类型为“线性”，第1个色标颜色为(R:255，G:255，B:255)，Alpha为70%，第2个色标颜色为(R:255，G:255，B:255)，Alpha为50%，第3个色标颜色为(R:255，G:255，B:255)，Alpha为0%，如图9-6所示。
图9-6 绘制按钮高光
Part 2 添加控制程序
(1)在“库”面板中为button影片剪辑添加元件类，并将基类修改为Sprite类，如图9-7所示。
图9-7 添加元件类
(2)返回到“场景1”，新建一个AS图层，然后在第1帧输入代码。本例用到缓冲原理，所以要先导入Tweener类;第3~6行代码是经常使用到的一种编程方式，首先创建一个容器来存储所有的对象，便于统一控制，然后使用for()循环语句创建12个按钮元件类对象(如第15~20行代码)。
AS3代码
| import caurina.transitions.Tweener;//导入Tweener类 //创建一个容器，用于存储本例中的所有创建的对象 var container_mc:Sprite = new Sprite(); container_mc.x = stage.stageWidth/2; //定位在舞台中心 container_mc.y = stage.stageHeight/2; addChild(container_mc); var angle:uint=0; //角度 var R:Number = 100; //圆的半径 var _length:uint = 12; //按钮个数 var newX = 0; //被单击的按钮Ｘ坐标 var newY = 0; //被单击的按钮Ｙ坐标 for (var i=0; i<=_length; i++) { var _mc:Sprite = new button(); _mc.buttonMode = true; _mc.name = "mc" + i; _mc.addEventListener(MouseEvent.CLICK,clickHandler); container_mc.addChild(_mc); if (i == _length) { _mc.x = newX; _mc.y = newY; //指定此对象禁止接收鼠标消息 _mc.mouseEnabled = false; Tweener.addTween(_mc, {scaleX:2, scaleY:2, time:1, transition:"easeInOutQuint"}); } else { angle += 30; var radians:Number = angle * Math.PI / 180; var X:Number = Math.cos(radians) * R; var Y:Number = Math.sin(radians) * R; _mc.x = X; _mc.y = Y; } |
