今天给大家带来的教程内容是，怎样用两个原件去实现“验证码倒计时”的设计，一起来看看
　　先来看一下效果图：
　　接下来正式开始教学：
　　实现这一效果我们只运用到了两个原件（没错，就是两个！），“按钮”和“动态面板”，以及设置一个全局变量。
　　准备工作
　　第一步，我们先从元件库中拖动一个“按钮”到页面中，然后双击这个元件，输入文字“获取验证码”。
　　第二步，点击该按钮，设置显示倒计时按钮的样式（因为验证码倒计时效果按钮会有一个样式的变化，所以我们要重新设置一个倒计时过程中的样式）。
　　这里我们采用“禁用”这一状态下的样式作为倒计时的样式，有的小可爱们可能会问，“设置选中行不行？”，答案是no！至于为什么要用“禁用”，到后面你就知道了！
　　第二步，从元件库中拖动一个“动态面板”到页面中，然后然后就没了哟，惊不惊喜？（这里的动态面板只是作为一个触发器，并不需要添加内容）。
　　第三步，设置一个全局变量，用来实现倒计时的数字变化。点击头部菜单栏的“项目（P）”，选择“全局变量（V）”，点击“添加”，更改变量名称为“timer”。
　　设置动作
　　下面就到了关键的步骤，设置交互动作：
　　第一步，设置按钮的交互动作，单击“获取验证码”按钮，点击右侧的“NewInteraction”按钮，然后如图添加事件
　　第二步，设置动态面板的交互动作
　　（1）单击“动态面板”，点击右侧的“NewInteraction”按钮。
　　（2）选择交互动作中的“状态改变时”，此时不要进一步选择事件，而是点击页面空白处。
　　（3）点击“添加用例”按钮，添加用例，添加逻辑条件。
　　（4）按图添加该用例下事件
　　（5）再次点击“添加用例”按钮，添加用例，添加相反条件（这里直接点击确定就可以，Axure会自动生成相反逻辑）。
　　（6）按图添加该用例下事件
　　最后一步，设置完动态面板的动作之后，双击动态面板，选择“State1”，点击“复制”，复制一个一样的state。（此处的目的是为了实现触发器的作用）
　　做到这里，我们的交互效果就已经完成了，相信大家对于前面为什么用“禁用”的问题也有了答案了吧（因为按钮需要切换状态，设置“启用禁用”）。
　　成果展示
　　接下来就可以点击预览，打开浏览器查看我们的“成果”啦！

Axure教程：中继器实现评论的增与删在一些清晰的交互中，往往能够节省很多语言的描述，Axure中的中继器能够很好的完成这一点。对评论列表进行增和删的操作，是如何完成的呢？下面将清晰的展示整体的操作过程。展示……Axure教程：组合柱状图上一期教会大家如何用axure做一个简单的柱状图，本文将教大家如何用AXURE做组合柱状图。效果如下：一、功能介绍所有图表不需要联外网，数据也不是写死的，只需……Axure教程：堆叠柱状图上一期教会大家如何用axure做一个简单的柱状图，本文将教大家如何用AXURE做堆叠柱状图。效果如下：一、功能介绍所有图表不需要联外网，数据也不是写死的，只需……Axure9教程：Axure9实现轮播图效果轮播图在日常的原型设计中是最常见的了，今天和大家分享如何制作自动轮播手工点击切换。思路：面载入时，图片会自动轮播；点击下方对应的图片，会跳转到图标对应的界面；……Axure教程：导航栏收缩与展开本文给大家讲解一下如何在Axure中制作导航栏的收缩与展开，一起来看看本文将从以下3个方面展开：需求分析；Axure关键点分析；效果展示。1。需求……AXURE教程：中继器实现穿梭框功能在用Axure的时候，怎么通过中继器实现穿梭框功能呢？本文分享了一个方法。AXURE中的中继器是非常强大的底层组件。我们利用好中继器的强大功能，可以为我们原型设计带来很多……Axure教程：三维阵列图片的自动切换展示如何利用元件的尺寸变化、移动变化等实现三维列阵图片的自动切换展示？笔者在此给出了详细教程，与大家分享今天分享实现五张三维阵列图片切换的方法，主要是利用元件的尺寸变化、移动……Axure教程：怎么做超漂亮的柱状图本文将教大家如何用AXURE做一个超漂亮的柱状图。在线演示地址：http：ije8g9。axshare。cng1pE69FB1E78AB6E59BBEE6B7B1……B端产品原型进化录本文作者从设计原则、色彩、图标这3个角度对产品原型设计进行了拆解。关于B端Web产品前期从流程上进行了复盘，这次从原型设计的角度来进行梳理。原型设计是产品经理的硬技……规范流程下的原型设计你的原型真的有价值吗？在前段时间翻译的IDEO出品的《以人为本的设计指南》中，正好讲到了构思到原型的阶段，恰好我在进修的IDF设计思维课程也到了原型设计部分，因此准备出一篇原型相关的文章，分享所学同……Axure教程：中国地图和世界地图今天，教大家如何用AXURE做可视化视图中国地图和世界地图。enjoy在线演示地址：中国地图：http：knt5gi。axshare。cng1p可视化视图……Axure教程：两个原件实现“验证码倒计时”效果今天给大家带来的教程内容是，怎样用两个原件去实现“验证码倒计时”的设计，一起来看看先来看一下效果图：接下来正式开始教学：实现这一效果我们只运用到了两个原件（没……