童话说说技术创业美文职业
投稿投诉
职业母婴
职场个人
历史治疗
笔记技能
美文纠纷
幽默家庭
范文作文
乐趣解密
创业案例
社会工作
新闻家居
心理安全
技术八卦
仲裁思考
生活时事
运势奇闻
说说企业
魅力社交
安好健康
传统笑话
童话初中
男女饮食
周易阅读
爱好两性

Axure教程使用中继器制作可以保存记录的秒表

9月5日 桃花醉投稿
  Axure中继器是一个难点,但是其所带来的好处也是很多的。虽然理论上通过各种功能的组合也可以实现中继器的效果,但是制作过程要麻烦的多。本文将制作一个秒表实例,且通过中继器来记录秒表的数据。
  秒表是手机中的常用软件,其基本的功能有开始计时,暂停计时,重置以及保存记录。本文将通过axure实现上述功能,该实例还是比较简单的,其中最复杂的部分就是中继器的使用。
  一、最终结果展示
  体验地址:点击此处。
  交互说明:
  点击开始秒表即开始计时;
  点击暂停的时候秒表计时暂停;
  点击记录后记录当前的秒表数据;
  点击重置恢复初始状态;
  上方的当前时间随时获取当前时间。
  二、制作方式
  1。绘制所需要的元件
  本实例中没有对制作的结果进行美化,力求制作的简洁性。所以所有的元件都是直接绘制的,大致的绘制结果如下图所示:
  绘制中间的时间面板以及上方的当前时间,此外用小圆圈代表4个按键,下方的中继器则是用来进行数据记录的,当然此处的中继器是0行,即不可见。这样一个简单的框架便得到了。
  2。全局变量的设计
  如上图所示定义全局变量,其中h以及ha表示分钟的两个位数。m以及ma表示秒钟的两个位数,s以及sa表示毫秒的两个位数,l则是中继器中的行数。
  除了行数初始值为1行之外,所有的全局变量初始值全部设置为0。
  3。计时面板的设置
  计时面板的状态改变速度设置为1毫秒,然后状态改变后的操作如上所示进行设置,则可以完成最小一位sa的递增,同时将秒表的读书进行设置为〔〔h〕〕〔〔ha〕〕:〔〔m〕〕〔〔ma〕〕:〔〔s〕〕〔〔sa〕〕。
  当然如果仅是如此,将会出现除去sa会进行改变之外其它位数不会发生变化的情况,因此还需要设置其进一位的规则。
  4。进位面板的设置
  进位面板的设置如上图所示,即通过条件判定的方式让数据进位。比如:当sa达到9的时候归于0且s加1,依次类推即可以得到最终结果。
  5。记录功能
  当点击记录之后的设置如上所示,首先添加一行,其中c0等于全局变量l而c1为计时器的数据,之后再给全局变量加1即可以实现目的。
  6。暂停功能以及重置
  重置功能包括暂停在内,暂停的实现原理很简单,即将动态面板的状态设置为state1,这样动态面板将不会继续实现循环,整个程序运行停止。
  重置还需要将中继器中的数据全部清除,此外将所有的全局变量恢复初始值。这样就可以进行下一次的使用了。
  至于当前时间的获取则是时间函数的直接使用,当前时间等于“当前时间:〔〔Now。getHours()〕〕:〔〔Now。getMinutes()〕〕:〔〔Now。getSeconds()〕〕”。
  总结
  该实例的难度相对比较低,主要是对中继器使用的练习以及条件判断的学习。axure虽然仅仅是原型工具,但是如果灵活使用,可以完成很多的事情,从小游戏的制作到各种效果的实现都可以完成。
投诉 评论 转载

Axure教程:如何展示表格数据?通常在系统管理后台中,使用列表(表格)形式展示数据是最为常见的方式。而在使用Axure设计产品原型时想实现这个数据列表却不太容易,或许常见的做法就是使用矩形拼凑起来,还有就是直……彻底抛弃WORD!教你用Axure快速输出高质量的PRD画原型图是产品经理的基本功,但很多PM画了几年的原型,仍然不能高效、准确的输出一份原型。很多人都在纠结PRD应该怎么写,写到什么程度,粗了怕遗漏需求,细了没时间不说,别人还不看……Axure中继器运用:选择菜单生成标签本文是关于Axure中继器运用,如何选择菜单生成标签,一起来看看实现功能:输入框聚焦下拉菜单;选择下拉菜单生成相应标签(演示图右边部分);根据选择的菜单……Axure教程:复选框选中时,文字如何添加到文本框?本文是作者在阅读了相关文章后,对于复选框选中时可以将选项添加到文本框中的一些理解,来与大家分享,一起来看看昨天阅读了小楼老师一篇文章,关于复选框选中时可以将选项添加到文本……Axure教程使用中继器制作可以保存记录的秒表Axure中继器是一个难点,但是其所带来的好处也是很多的。虽然理论上通过各种功能的组合也可以实现中继器的效果,但是制作过程要麻烦的多。本文将制作一个秒表实例,且通过中继器来记录……Axure教程:进度条的实现Axure的进度条应该如何实现呢?本文对每一个步骤进行了讲解。1。需要注意的地方(1)进度条如何实现?(2)进度百分比如何实现?2。元件准备从元件……Axure中继器:动态的实现表单中的模糊查询本文给大家分享一个在Axure中继器,动态的实现表单中模糊查询的小小案例,比较基础,适合初学者。之前给给大家分享的关于Axure中继器:动态的实现表单中增删改的功能,感谢……Axure:模拟微信文章浮窗效果本文主要是模拟微信文章的浮窗效果,并分为三个步骤来制作,一起来看看背景介绍:微信最近出了一个新的功能:文章浮窗。打开阅读的文章,选择了浮窗效果,就会悬浮在页面上,单击悬浮……Axure实现MaterialDesign的按钮波浪特效最近在写一个谷歌材料设计MaterialDesign风格的WEB产品,在开发过程中将产品原型做成了Axure元件库,当然目前没有完全完成。本文将以实现谷歌材料设计按钮的波浪特效……Axure8。0获取验证码倒计时前几天做一个移动端App原型,做注册界面是需要有手机短信验证码验证,想做出那种点击发送短信验证码,出现倒计时,参考了很多文章,做出了那种效果。刚学做的比较LOW,大神路过别喷,……选择器效果实现,这里有4个关键步骤选择器效果的实现,这里有四个关键步骤,一起来看看关键步骤1新建一个矩形作为背景,为了方便计算,将矩形设置为宽300,高200;矩形设置为灰色无边框。数……Axure教程:制作折叠菜单本次教各位小伙伴制作折叠菜单,这次的做法比较简单,大家都可以轻松的学会。下面开始制作原型一、准备元件打开Axure新建文件,拉出一个矩形,w为200px,h为……
小七带你逛起点手机QQ产品经理:想做PM,这几个问题梳理清楚产品技术沟通之道如何与技术人员高效沟通?从toC到toB,产品经理如何进行角色转换?产品经理思维方法论:怎么寻找产品极致的关键点产品经理的创新能力:写给03岁产品经理的第10封信项目实例分析:大家一起来“找茬儿”我做产品经理遇到的10001个问题(7):如何转行产品经理后台产品设计系列:高效沟通(六)自救解药:产品经理如何面对信息过载?写给产品经理的第9封信:产品经理的商业能力从自己干到带人干,军哥的5年产品路是如何走过来的AI产品经理:如何将AI技术跟产品无缝结合?
证券从业资格有什么用(证券从业资格证报名网)天钟山游记我的一天毒生姜是用什么做的离婚协议书移动可以随便查通话记录(广东移动如何查询通话记录)咳嗽不当回事,90后小伙竟查出恶性肿瘤!医生太罕见了小米的营养价值及功效吃小米好处多这些营养价值你了迅雷游戏中魔域小地图上怎么找到自己刘贺做了多少天皇帝刘贺被废后谁当了皇帝男性健康知识讲座(男性健康知识讲座大公开)民族音乐鉴赏论文范文

友情链接:中准网聚热点快百科快传网快生活快软网快好知文好找作文动态热点娱乐育儿情感教程科技体育养生教案探索美文旅游财经日志励志范文论文时尚保健游戏护肤业界