首页产品区智能配件

Tizen官方表盘(指针式)程序结构解析 精华 图片

智能配件 ▪ Gear系列

2015-11-16 14:14

前一阵分析了一下官方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毫秒为单位绘制图像。也就是每秒绘制一次表盘和表针的位置。这样大家看起来秒针和时针分针就动起来了。

举报回复

请您选择举报理由
close

设置帖子

设置帖子
备注
close

操作记录

操作记录
操作者 时间 操作 备注
close

编辑回复

close

VOC推送

VOC推送
帖子标题: Tizen官方表盘(指针式)程序结构解析
所属版块: 产品区>智能配件
部 门:
备注信息:
消息内容:
close

温馨提示

VOC帖子推送
该版块未设置问题反馈主题,不能被推送为VOC
帖子名称: Tizen官方表盘(指针式)程序结构解析
所属板块: 产品区>智能配件
close

删除帖子

删除帖子
删除原因
close

审核帖子

帖子名称 Tizen官方表盘(指针式)程序结构解析
*审核状态
*备注信息:
close