Axure之倒计时简单实现

开心一笑

【看大家都在抵制韩国,我翻遍家里也没找到有啥韩货可砸的,最后下楼把楼下姓韩的邻居打了一顿,因为他名叫韩国胜。】

唯美图片

提出问题

Axure如何实现倒计时和动画切换???

解决问题

此文只为一人而写......

1.新建一个全新的项目。

1

2.在元件库里,拖入两个一级标题元件,分别写上“距离高考还剩” 和 “天” 这两个文字。 具体如下:

3.在元件库里,拖入一个动态面板,宽度:50,高度:50。

3

4.双击动态面板,在弹出的窗口中依次添加5个子面板。

4

5.双击state1字面板,在弹出的界面中,拖入一个一级标题,写上“5”.

5

6.安装步骤5的操作,在其他4个state字面板中依次添加文本 “4”,“3”,“2”,“1”

6

7.回到index页面,点击动态面板,在属性窗口中,单击“载入时”,点击上面的添加用例。

7

这里的载入时 ,是指 页面刚刚加载时候,要触发的事件,详情请继续看步骤8.

8.在弹出的窗口中,点击添加动作下的“等待”,等待时间为 1000 毫秒,也就是 1 秒

8

这里的意思是,当页面在浏览器上加载出来的时候,页面等待1s

9.继续添加动作,选择元件下的“设置面板状态”,在配置动作窗口中,勾选动态面板,选择状态:“state2”,再勾选如果隐藏则显示面板,最后点击确定

9

10.我们给动态面板“载入时”,绑定了2个事件,点击预览,你就会发现页面从 “5” --变成--> "4",坚持下去,我们已经实现一半了。

这里写图片描述

11.我们回到 index 页面,单击动态面板,因为我们的页面已经可以从 “5” 跳转到“4”了,可是怎么从“4” 调整到“3” 呢?所有我们需要继续添加事件。“5”跳转到“4”,事实上是动态面板状态改变时的一个事件,我们只要监听这个事件就可以了。所有我们添加属性中的“状态改变时”事件,点击“添加用例”。

11

12.和步骤9一模一样,只是选择状态:“state3”

这里写图片描述

但是这样还是不够的,“5” --跳转-->>> "4", 是从 state1 --调整-->>> state2,所有我们需要添加一个条件,

这里写图片描述
这里写图片描述
这里写图片描述

上面操作的意思是,当面板调到state2时候,触发条件。继续等待1s,然后显示state3.

13.安装步骤11和步骤12,我们依次添加case2和case3,并且添加上“等待”事件 和 ”设置面板状态“事件,同时“添加条件”,最终效果如下:

这里写图片描述

这里要注意的是:case2 和 case3 的添加条件是不一样的。

14.通过上面的一系列操作,我们预览,在浏览器查看效果。大功告成......

读书感悟

来自叶芝《当你老了》

  • 当你老了,头发花白,睡意沉沉,
    倦坐在炉边,取下这本书来,
    慢慢读着,追梦当年的眼神。
    你那柔美的神采与深幽的晕影。
    多少人爱过你昙花一现的身影,
    唯独一人曾爱你那朝圣者的心,

    爱你哀戚的脸上岁月的留痕。
    在炉罩边低眉弯腰,
    忧戚深思,喃喃而语,
    爱情是怎样逝去,又怎样步上群山,
    怎样在繁星之间藏住了脸。

经典故事

【魏文王问名医扁鹊说:“你们家兄弟三人,都精于医术,到底哪一位最好呢?
扁鹊答:“长兄最好,中兄次之,我最差。  
文王再问:“那么为什么你最出名呢?
扁鹊答:“长兄治病,是治病于病情发作之前。由于一般人不知道他事先能铲除病因,所以他的名气无法传出去;中兄治病,是治病于病情初起时。一般人以为他只 能治轻微的小病,所以他的名气只及本乡里。而我是治病于病情严重之时。一般人都看到我在经脉上穿针管放血、在皮肤上敷药等大手术,所以以为我的医术高明, 名气因此响遍全国。  
学习啦】心得:事后控制不如事中控制,事中控制不如事前控制。】

大神文章

【1】Axure的简单操作(倒计时使用变量)
【2】axure RP7.0 实现60秒倒计时功能
【3】Axure教程:实现倒计时获取验证码效果
【4】图文详解-如何用Axure做一个倒计时功能按钮
【5】Axure7.0原型小楼作品日期函数实现倒计时

其他

如果有带给你一丝丝小快乐,就让快乐继续传递下去,欢迎点赞、顶、欢迎留下宝贵的意见、多谢支持!

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 204,189评论 6 478
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,577评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 150,857评论 0 337
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,703评论 1 276
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,705评论 5 366
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,620评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,995评论 3 396
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,656评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,898评论 1 298
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,639评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,720评论 1 330
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,395评论 4 319
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,982评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,953评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,195评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 44,907评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,472评论 2 342

推荐阅读更多精彩内容