目前的任务是完成景区创建的Flash应用。开发工具是基于Flex Builder.开发语言是AS3. 本来是想使用Flash CS5作为开发的，但是由于和Flex Builder的开发流程是有些不同，所以还是使用原来使用的工具进行开发好了。
今天主要任务是：
- 熟悉了自定义控件的使用方法
- 基于Graphics的自绘制
- 熟悉了Windows Live Writer的用法（本文就是使用Live Writer撰写，可惜失败了。只得从页面重新输入）
为了测试一下代码着色插件的用法，贴一段AS的代码上来：
1 <?xml version="1.0" encoding="utf-8"?>
2 <mx:Canvas xmlns:mx="http://www.adobe.com/2006/mxml" creationComplete="init()">
3 <mx:Script>
4 <![CDATA[
5 import mx.core.UIComponent;
6 import mx.controls.Alert;
7
8 //定义控件的棋格图案的绘制颜色，背景色以及棋格大小
9 //定义为属性
10 private var _dot_color : uint = 0xCCCCCC;
11 private var _back_color : uint = 0xFFFFFF;
12 private var _dot_size : uint = 8;
13
14 //一个示例的Sprite，用于会知道BITMAPDATA上
15 private var CUBE : Sprite = new Sprite();
16 //棋格BITMAPDATA，用于repeat
17 private var bmpData : BitmapData = null;
18
19 public function get DOT_COLOR():uint
20 {
21 return _dot_color;
22 }
23
24 public function set DOT_COLOR(c:uint):void
25 {
26 _dot_color = c;
27 }
28
29 public function get BACK_COLOR():uint
30 {
31 return _back_color;
32 }
33
34 public function set BACK_COLOR(c:uint):void
35 {
36 _back_color = c;
37 }
38
39 public function get DOT_SIZE():uint
40 {
41 return _dot_size;
42 }
43
44 public function set DOT_SIZE(c:uint):void
45 {
46 _dot_size = c;
47 }
48
49
50
51 private function init():void
52 {
53 //初始化，绘制一个棋格，并绘制到BITMAPDATA上
54 CUBE.graphics.beginFill(DOT_COLOR);
55 CUBE.graphics.drawRect(0,0,DOT_SIZE,DOT_SIZE);
56 CUBE.graphics.drawRect(DOT_SIZE,DOT_SIZE,DOT_SIZE,DOT_SIZE);
57 CUBE.graphics.endFill();
58
59 bmpData = new BitmapData(DOT_SIZE*2,DOT_SIZE*2,false,BACK_COLOR);
60 bmpData.draw(CUBE);
61
62 //更新屏幕
63 this.invalidateDisplayList();
64
65 }
66
67
68 protected override function updateDisplayList(unscaledWidth:Number, unscaledHeight:Number):void
69 {
70 if(bmpData != null)
71 {
72 //将整个控件区域以repeat模式填充BITMAPDATA
73 this.graphics.beginBitmapFill(bmpData,null,true,false);
74 this.graphics.drawRect(0,0,unscaledWidth,unscaledHeight);
75 this.graphics.endFill();
76 }
77 /*
78 this.graphics.clear();
79 this.graphics.beginFill(BACK_COLOR);
80 this.graphics.drawRect(0,0,unscaledWidth,unscaledHeight);
81
82 this.graphics.beginFill(DOT_COLOR);
83
84 var x_cnt : uint = unscaledWidth /2/ DOT_SIZE + 1;
85 var y_cnt : uint = unscaledHeight / DOT_SIZE +1;
86
87
88 for(var i : uint = 0; i<x_cnt;i++)
89 for(var j : uint = 0; j<y_cnt;j++)
90 {
91 if(j%2==0)
92 this.graphics.drawRect(i*DOT_SIZE*2,j*DOT_SIZE,DOT_SIZE,DOT_SIZE);
93 else
94 this.graphics.drawRect((i*2+1)*DOT_SIZE,j*DOT_SIZE,DOT_SIZE,DOT_SIZE);
95 }
96
97 this.graphics.endFill();
98 */
99 }
100 ]]>
101 </mx:Script>
102
103 </mx:Canvas>
104