Axure综合小案例（动态时钟)

对于制作动态时钟我们所需要解决的两个难点:

如何让指针动起来.(可以使用动态面板使指针动起来)

指针动的角度(可以使用日期函数使指针偏移正确角度)

动态面板部分.使用了动态面板制作幻灯片,可以实现图片在指定时间内进行切换

1.0 素材准备

1.表盘素材

2.0 动态面板进行设置

1.开始设置动态面板,在添在用例载入时添加动作

关于循环面板交互动作已经解决,此时已经解决了动,下面还需要解决角度

向下是正数,向下是负数

2.设置状态

3.设置时针分针秒针状态

设置角度所需要的函数
秒针: [[Now.getSeconds()*6]]
分针: [[(Now.getMinutes()*6+Now.getSeconds()/60*6).toFixed(decimalPoints)]]
时针: [[(Now.getHours()*30+Now.getMinutes()/60*30).toFixed(0)]]

在秒针中可以直接使用函数获取秒针,因为一秒跨越6度(360/60),所以乘以6

在分针中可以使用函数获取分钟数,跨越6度,而且需要加上此时秒针度数,才是最准确的

在时针中同理,需要加上分钟度数.

3.0效果图

Axure综合小案例（动态时钟)相关推荐

一篇有关javaWeb的，有关转发，重定向，session，request域的综合小案例：验证码
**发一篇有关javaWeb的,有关转发,重定向,session,request域的综合小案例:验证码. 需求是: 1. 访问有验证码的登陆页面login.jsp 2. 用户输入用户名,密码以及验证码 ...
微信小程序|动态时钟
欢迎点击「算法与编程之美」↑关注我们! 本文首发于微信公众号:"算法与编程之美",欢迎关注,及时了解更多此系列文章. 欢迎加入团队圈子!与作者面对面!直接点击! 问题描述近期,网 ...
一个ssm综合小案例-商品订单管理-第二天
准确来说是第二三天,一时兴起,把这个小项目一鼓作气写完了(较大的bug 均已被我手动捉出并 fix )才来写一篇博客. 接上文第一天配置继续讲解: 转载于:https://www.cnblogs.c ...
《java入门第一季》之面向对象综合小案例
需求: /* 教练和运动员案例乒乓球运动员和篮球运动员. 乒乓球教练和篮球教练. 跟乒乓球相关的人员都需要学习英语. 分析,这 ...
Spark综合小案例之莎士比亚诗文集词频统计
教程目录 0x00 教程内容 0x01 数据准备 1. 数据获取 2. 数据内容 0x02 代码实现 1. 启动spark-shell 2. 测试代码 0x03 校验结果 1. 查看是否有统计结果 0 ...
小案例：基于python的动态时钟，带十二时辰和经络养身
一.前言 1.仅用来研究学习使用. 2.除正常显示时钟外,还可以实时显示当前对应的时辰,和经络养身提示. 3.适合辅助上班族来养生二.效果如下: 三.源码如下: ''' 动态时钟附带十二时辰显示 ' ...
Axure的一些入门小案例
Axure RP是一款专业的快速原型设计工具.上手入门比较简单,可以帮助我们快速的搭建一个网页原型.接下来我写一些自己入门时候写的小案例. 1.简单的表单左下角的元件库可以直接拖拽使用以上元件即可, ...
Axure 9 实战案例，动态面板的应用 5，官网首页自动轮播广告
前言 Hello!欢迎来到Axure 9 实战案例教程专栏.点击了解课程简介>> 动态面板在Axure原型设计中,可以说是应用最广泛的:本次课程我们继续来学习一下,动态面板的应用:本篇我们 ...
一个mybatis动态 SQL查询的完整小案例。包含多表联合查询。
多表联合查询一个根据机场查询航线的例子.有两张表,机场表包含机场信息:机场id.机场名字.机场城市. 航班包含航线信息:航班id.飞机编号.飞行时间.票价.起飞机场id.降落机场id. 需要查询的结 ...
educoder头歌Web实训 web课——综合应用案例：动态焦点图页面的制作
educoder头歌Web实训太原理工web课--综合应用案例:拼图页面的制作[全网更新最快]_玛卡巴卡的博客-CSDN博客第1关:动态焦点图页面的样式设计任务描述本关任务: 完成动态焦点图 ...

Axure综合小案例（动态时钟)

Axure综合小案例（动态时钟)

1.0 素材准备

2.0 动态面板进行设置

3.0效果图

Axure综合小案例（动态时钟)相关推荐

最新文章

热门文章