开发学院图形图像Flash 积少成多Flash(5) - ActionScript 3.0 实例之闹钟... 阅读

积少成多Flash(5) - ActionScript 3.0 实例之闹钟(自定义事件, 画图, 动画)

 2009-11-05 00:00:00 来源:WEB开发网   
核心提示: 2、画图(绘制表盘,刻度,积少成多Flash(5) - ActionScript 3.0 实例之闹钟(自定义事件, 画图, 动画)(2),时分秒针等)ClockUI.aspackage{importflash.display.Shape;importflash.display.Sprite;im

2、画图(绘制表盘,刻度,时分秒针等)

ClockUI.as

package
{
    import flash.display.Shape;
    import flash.display.Sprite;
    import flash.display.StageAlign;
    import flash.display.StageScaleMode;
    import flash.text.StaticText;
    import flash.events.*;
    import flash.text.TextField;
    import flash.text.TextFormat;
    import flash.display.Sprite;
    
    // 绘制表盘 UI
    public class ClockUI extends Sprite 
    {
        // 表盘半径
        public var radius:uint;
        
        // 表盘中心点的 X 坐标和 Y 坐标
        public var centerX:int;
        public var centerY:int;
        
        // 时, 分, 秒指针的形状
        public var hourHand:Shape;
        public var minuteHand:Shape;
        public var secondHand:Shape;
        
        // 表盘背景颜色,以及时, 分, 秒指针颜色(0x代表16进制)
        public var bgColor:uint = 0xEEEEFF;
        public var hourHandColor:uint = 0x003366;
        public var minuteHandColor:uint = 0x000099;
        public var secondHandColor:uint = 0xCC0033;
        
        // 构造函数,r 为表盘半径
        public function ClockUI(r:uint) 
        {
            this.radius = r;
                    
            this.centerX = r;
            this.centerY = r;
        }
        
        // 初始化表盘
        public function init():void 
        {
            // 画表盘的边框
            drawBorder();
            
            // 画表盘上的小时的标记
            drawHourLabel();
            // 画时, 分, 秒指针
            drawHand();
        }
        
        public function drawBorder():void
        {
            // 指定线条样式,两个参数分别为线条的粗细(以磅为单位)和线条的颜色
            this.graphics.lineStyle(0.5, 0x999999);
            // 以指定的颜色开始填充,在调用 endFill() 后才会呈现填充
            this.graphics.beginFill(bgColor);
            // 画园,三个参数分别为圆心的 X 坐标、圆心的 Y 坐标和园的半径。之前调用的 beginFill() 方法将填充此园
            this.graphics.drawCircle(centerX, centerY, radius);
            // 呈现上次的 beginFill() 的结果
            this.graphics.endFill();
        }
  
        public function drawHourLabel():void
        {
            for (var i:Number = 1; i <= 12; i++)
            {
                // 表盘的刻度标识,1 到 12
                var lbl:TextField = new TextField();
                lbl.text = i.toString();
                
                // 小时刻度标识所需旋转的弧度(使用弧度是为了方便之后的 sin() 和 cos() 计算)
                var angle:Number = i * 30 * (Math.PI / 180);
                
                // 计算刻度标识的位置
                lbl.x = centerX + (0.9 * radius * Math.sin(angle)) - 5;
                lbl.y = centerY - (0.9 * radius * Math.cos(angle)) - 9;
                
                // 格式化刻度标识的文本样式
                var tf:TextFormat = new TextFormat();
                // tf.font = "Arial";
                tf.bold = "true";
                tf.size = 12;
                lbl.setTextFormat(tf);
                
                // 在 Container 中添加指定的 DisplayObject ,返回值为被添加到 Container 后的 DisplayObject
                this.addChild(lbl);
            }
        }
        
        public function drawHand():void
        {       
            hourHand = new Shape();
            hourHand.graphics.lineStyle(3, hourHandColor);
            // 移动当前的绘画起点到指定的位置
            hourHand.graphics.moveTo(0, -radius * 0.5);
            // 画直线到指定位置,起点位置由 moveTo() 决定
            hourHand.graphics.lineTo(0, 0);
            hourHand.x = centerX;
            hourHand.y = centerY;        
            addChild(hourHand);
                     
              minuteHand = new Shape();
            minuteHand.graphics.lineStyle(2, minuteHandColor);
            minuteHand.graphics.moveTo(0, -radius * 0.8);
            minuteHand.graphics.lineTo(0, 0);
             minuteHand.x = centerX;
            minuteHand.y = centerY;
            addChild(minuteHand);
 
             secondHand = new Shape();
            secondHand.graphics.lineStyle(0.5, secondHandColor);
            secondHand.graphics.moveTo(0, -radius * 0.9);
            secondHand.graphics.lineTo(0, 0);
            secondHand.x = centerX;
            secondHand.y = centerY;
            addChild(secondHand);
        }
        
        // 以当前系统时间刷新表盘的呈现
        public function refresh():void
        {
            // new Date() - Flash 宿主的系统时间
            var currentTime:Date = new Date();
            
            var hour:uint = currentTime.getHours();
            var minute:uint = currentTime.getMinutes();
            var second:uint = currentTime.getSeconds();
    
            // 时, 分, 秒指针做相应的旋转。单位:度数
            this.hourHand.rotation = hour * 30 + minute * 0.5;
            this.minuteHand.rotation = minute * 6;
            this.secondHand.rotation = second * 6;
        }
    }
}

上一页  1 2 3 4 5  下一页

Tags:积少成多 Flash ActionScript

编辑录入:爽爽 [复制链接] [打 印]
[]
  • 好
  • 好的评价 如果觉得好,就请您
      0%(0)
  • 差
  • 差的评价 如果觉得差,就请您
      0%(0)
赞助商链接