建立自己的元件库二验证码

　　笔者工作中会经常用到Axure，所以这篇文章距离上篇的时间间隔不会很长，而且以后也会持续更新，也希望有更快捷、简便方法的朋友可以多提意见。
　　上篇文章：建立自己的元件库（一）轮播图
　　实际上我们日常常用的元件往往都不是多难做的，但是若存下来却会省下很多时间。今天笔者写的就是一个比较简单的元件验证码。
　　功能描述：
　　点击发送验证码按钮，显示60s后重发，然后一直切换，直到变回发送验证码字样。
　　第一步：画出对应的组件
　　在这里我们需要一个矩形作为文本框的外框、一个文本框、一个动态面板存放文字、一个发送验证码的按钮。
　　1。画一个矩形作为文本框的外边框，圆角半径设为8。大家都知道，Axure提供的文本框的外边框并不这么美观，为了好看我们可以自己画一个，如下图。
　　2。画一个文本框，隐藏外边框，在提示文字中输入请输入验证码，如下图。
　　3。拖进一个动态面板，名称文字，建立2个状态，名称分别为发送、倒计时，用来存放2个文字状态，如下图。
　　注意，状态倒计时中的60是一个单独的lable，名称为time。（这里我为了看起来清晰，文本颜色设为黑色，后面改成了白色）
　　4。再拖进一个动态面板，名称为计时器，建立2个状态。这个动态面板使用来计时来改变秒数文字的。
　　5。画一个按钮，名称为按钮。
　　1）圆角半径设为8，注意这个值是要与刚刚的矩形圆角半径设为一样的；
　　2）然后选择左半边为直角，右半边为圆角即可，如下图。
　　3）为按钮矩形设置禁用样式，如下图。
　　4）选择文字面板和按钮矩形，组合，这不操作是为了方便后面添加点击事件。
　　4。最后，调整位置，如下图。
　　第二步：为按钮添加事件鼠标单击时
　　此步骤要实现点击按钮后，改变文字，文字由发送验证码变为60s后重新发送，且按钮在这60s中不可点击。
　　1。设置按钮为禁用状态，如下图。
　　2。切换文字动态面板状态，如下图。
　　3。设置计时器面板的状态循环，如下图。
　　第三步：改变计时器面板状态来计时
　　此步骤要实现倒计时功能以及60s之后，按钮变回发送验证码。此时需要分为倒计时过程中和倒计时结束2种情况。
　　1。为计时器面板添加事件状态改变时，添加全局变量time，设置默认值为60，如下图。
　　2。为事件添加条件，当timeamp；gt；0时，即倒计时进行中要做什么设置timeLable文字从600开始倒数。
　　1）添加条件，变量值time大于0。
　　2）设置time值等于〔〔time1〕〕，如下图。
　　3）设置time文本等于变量值time，如下图。
　　3。在状态改变时中新建case2，此步骤实现timeamp；lt；0，即倒计时结束后要做什么，如下图。
　　1）设置启用btn矩形，如下图。
　　2）设置文字面板状态为发送，如下图。
　　OK，大功告成，赶紧运行看看吧！