Axure RP 9 教程—能获取本地时间时钟

 时间:2024-10-11 23:54:04

1、寻找钟表表盘的素材,画出时分秒的指针,注意指针长度,使三个指针的中心点重合,此处需要如下元件,其中时分秒的text用于控制指针的旋转,元件如下图:

Axure RP 9 教程—能获取本地时间时钟

2、在 页面 增加交互事件当页面载入时设置文本text 时 到[[Now.getHours()]]text 分 到[[Now.getMinutes()]]text 秒 到[[Now.getSeconds()]]设置旋转时针 to[[Now.getHours()*30+Now.getMinutes()/2]]分针 to[[Now.getMinutes()*6]]秒针 to[[Now.getSeconds()*6]]ps. 此时,当页面加载时,我们让指针旋转到了当前时间的角度

3、在 text 秒 增加交互事件文字改变时if 元件文字 text 秒=“59”等待 1000ms旋转 秒针 顺时针 by 6°旋转 分针 顺时针 by 6°旋转 时针 顺时针 by 0.5°设置文本 text 秒 到 “0”设置文本 text 分 到 “[[LVAR1+1]]”(注意:在设置 text 分 的文本时,需要设置局部变量,LVAR1 = 元件文字 text 分)if else等待 1000ms旋转 秒针 顺时针 by 6°设置文本 text 秒 到 “[[LVAR1+1]]”(注意:在设置 text 秒 的文本时,需要设置局部变量,LVAR1 = 元件文字 text 秒)

4、在 text 分 增加交互事件文字改变时if 元件文字 text 分=“59”等待瀵鸦铙邮60000ms设置文本 te旌忭檀挢xt 分 到 “0”设置文本 text 时 到 “[[LVAR1+1]]”(注意:在设置 text 时 的文本时,需要设置局部变量,LVAR1 = 元件文字 text 时)

5、在 text 时 增加交互事件文字改变时if 元件文字 text 时=“23”等待3600000 ms设置文本 text 时 到 “0”OK!搞定!

  • AnimateCC如何使用声音文件(2)
  • 铃铛图标设计
  • Axure8怎么清空历史记录
  • axure怎么统计多行文本框输入的文字数?
  • Animate/FLASH如何快速绘制标准的表格
  • 热门搜索
    赤峰旅游景点大全 沙湖旅游攻略 国家旅游局网站 湖北有什么旅游景点 合肥旅游地图 厦门旅游景点大全介绍 云丘山旅游风景区 乐亭旅游攻略 合阳旅游 蚂蚁窝旅游网