小楼axure图文教程(十七)倒计时效果-局部变量、循环以及函数的使用.doc_第1页
小楼axure图文教程(十七)倒计时效果-局部变量、循环以及函数的使用.doc_第2页
小楼axure图文教程(十七)倒计时效果-局部变量、循环以及函数的使用.doc_第3页
小楼axure图文教程(十七)倒计时效果-局部变量、循环以及函数的使用.doc_第4页
小楼axure图文教程(十七)倒计时效果-局部变量、循环以及函数的使用.doc_第5页
已阅读5页，还剩1页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

小楼axure 图文教程（十七）倒计时效果-脑图、局部变量、循环以及函数的使用作者: 小楼一夜听春语分类:Axure教程发布时间: 2013-07-24 21:486没有评论编辑本文出自 诉客 产品经理的心声，转载时请注明出处及相应链接。倒计时在购物网站中的使用十分广泛，所以很多做购物网站的产品你原型中要做倒计时的效果。其实本来没有写这个教程的想法，恰巧今天有人给我看了一个做好的倒计时axure原型，我觉得做的太复杂了，因为在那个axure原型中把时分秒分别通过3个全局变量来实现数值的变换。这样做会导致全局变量使用太多，特别像一些页面较多的网站原型中，全局变量的使用是比较多的，太多的全局变量势必会影响完成原型的效率。再有就是在赋值的过程中也会变的繁琐，因为全局变量需要进行初始化。要实现的效果：本教程示例下载地址：小楼axure 图文教程（十七）倒计时效果我们还是先进行一下分析，在今天的分析中，我们用另外的一个方式-脑图。这是产品经理除了axure rp之外的又一利器。如上图所示：就是我们要做的这个原型所涉及到的全部。下面就是实现过程了：1、 将所需元件全部准备好，并按照上图要求设置完毕。2、 倒计时的持续需要循环的支持，简单来说就是利用动态面板的显示和隐藏事件来实现循环，在面板显示时改变相应数值，然后让面板隐藏激发面板隐藏事件，面板隐藏时等待1000毫秒用来实现读秒效果，再让面板显示激发面板的显示事件，如此循环往复，就达到效果了。3、 在显示面板改变数值的操作中，我们需要按上图中的多个条件进行判断，并执行相应的改变数值的操作。4、 倒计时数值小于10的时候，数值的长度由2位变成1位，这个时候我们可以通过判断数值的长度来确定是否在前面加0。也许有同学不理解，都知道小于10要补0了，干嘛还要判断长度？是这样的，因为我们做的是循环，如果不判断长度，就会在每次改变数值的时候都补上1个0。数值会不断的变长，不信你试试！实现过程大概就是这样了。下面我们用两幅图来表示全部事件的
人人文库> 全部分类> 应用文书 > 事务文书

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论