前一阵分析了一下官方Tizen SDK中列举的官方工程样式的指针式表盘样式的JS文件画出上边的程序构造图。基本上就是基于Java Script编写的脚本
1、定义全局变量,因为是Canvas绘图所以先定义了Canvas=Null,Context=Null,然后定义了三个全局变量,中心X坐标,中心Y坐标和表盘的半径。
2、构造绘制圆形的对象
3、构造绘制线条的对象
4、通过调用2、3对象实例构造函数绘制表面(盘面,刻度)
5、通过调用2、3对象实例构造函数绘制时针、分针、秒针
6、构建一个整体绘制表盘的函数,调用4、5构造函数
7、以1000毫秒为单位绘制图像。也就是每秒绘制一次表盘和表针的位置。这样大家看起来秒针和时针分针就动起来了。