欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

axure怎么設(shè)計一個倒計時效果的模型?

  發(fā)布時間:2017-09-28 11:42:04   作者:佚名   我要評論
axure怎么設(shè)計一個倒計時效果的模型?axure中設(shè)計網(wǎng)頁圓形很簡單,今天我們就來看看使用axure設(shè)置一個倒計時效果的教程,需要的朋友可以參考下

網(wǎng)頁中經(jīng)常能看到倒計時的效果,為了驗證的實時有效性,該怎么制作倒計時呢?下面我們就來看看詳細的教程。

一、原理:

我們利用變量和條件判斷來做倒計時。具體呢是當值到一個什么范圍時候,我們執(zhí)行什么什么時間。給大家示例的是一個手機獲取驗證碼的一個動態(tài)仿真,我們要實現(xiàn)的是當文本是獲取驗證碼的時候開始從60遞減,但文本為1的時候顯示獲取驗證碼。

二、詳細步驟

1、首先我們打開AXURE,設(shè)置一個量,這里我們用全局變量,設(shè)置daojishi,默認值設(shè)置為60

2、我們從工具欄拖出一個矩形,輸入文字獲取驗證碼,準備工作結(jié)束,我們開始添加事件。

3、我們來設(shè)置事件鼠標單擊時,分為兩個case。如果變量大于1或者等于獲取驗證碼時候,我們遞減1并顯示。當變量等于1時,顯示獲取驗證碼。

4、case1設(shè)置條件當變量大于1時或者本文是獲取驗證碼的時候,我們設(shè)置的事件有以下幾個,我們讓設(shè)置變量daojishi==[[daojishi-1]] 注意這樣輸入?。?設(shè)置文字等于變量daojishi,添加等待1000ms,很重要的一個事件讓整個事件循環(huán)重復(fù),我們選擇觸發(fā)事件對象選擇當前矩形框單擊時觸發(fā)。

5、case2設(shè)置條件當變量等于一時,我們設(shè)置的事件有如下幾個。設(shè)置等待1000ms,設(shè)置文字為獲驗證碼,重要的是,我們要重置變量為60。

6、這里呢我把所有的事件截圖給大家,所有的倒計時基本都是這個原理,希望大家能學(xué)會。

以上就是axure直走倒計時效果的教程,希望大家喜歡,請繼續(xù)關(guān)注腳本之家。

相關(guān)推薦:

Axure怎么設(shè)計手機短信倒計時效果?

Axure RP 8怎么制作驗證碼倒計時原型?

Axure RP8怎么設(shè)計倒計時獲取短信驗證碼效果?

相關(guān)文章

  • axure網(wǎng)頁原型怎么預(yù)覽和生成原型文件?

    axure網(wǎng)頁原型怎么預(yù)覽和生成原型文件?axure中設(shè)計好的文件原型想要預(yù)覽并生成,該怎么預(yù)覽呢?下面我們就來看看詳細的教程,需要的朋友可以參考下
    2017-09-25
  • axure原型無法簽出怎么辦? axure不能簽出的解決辦法

    axure原型無法簽出怎么辦、?axure中設(shè)計網(wǎng)頁原型很方便,設(shè)計完成以后發(fā)現(xiàn)無法簽出,該怎么辦呢?下面我們就來看看axure不能簽出的解決辦法,需要的朋友可以參考下
    2017-09-24
  • Axure怎么新建元件庫? Axure元件庫的使用方法

    Axure怎么新建元件庫?想要把常用的組件制作一個元件,放到自己的元件庫中,該怎么操作呢?下面我們就來看看Axure元件庫的使用方法,需要的朋友可以參考下
    2017-09-13
  • axure中的單元格怎么合并?

    axure中的單元格怎么合并?axure制作的網(wǎng)頁原型中插入了表格,想要將表格中的單元格合并呢?下面我們就來看看詳細的教程,需要的朋友可以參考下
    2017-09-08
  • axure8怎么給網(wǎng)頁制作Tabpage頁效果?

    axure8怎么給網(wǎng)頁制作Tabpage頁效果?axure8中想要給網(wǎng)頁設(shè)計一個tab標簽效果,該怎么設(shè)計呢?下面我們就來看看詳細的教程,需要的朋友可以參考下
    2017-08-29
  • Axure RP8怎么設(shè)計倒計時獲取短信驗證碼效果?

    Axure RP8怎么設(shè)計倒計時獲取短信驗證碼效果?經(jīng)常能見到帶有短信驗證的網(wǎng)頁,該怎么設(shè)計出這個交互效果呢?下面我們就來看看詳細的教程,需要的朋友可以參考下
    2017-08-25
  • Axure RP怎么給網(wǎng)頁添加滾動字幕?

    Axure RP怎么給網(wǎng)頁添加滾動字幕?看到很多網(wǎng)頁有滾動字幕,想要在Axure RP中制作滾動字幕效果,該怎么制作呢?下面我們就來看看詳細的教程,需要的朋友可以參考下
    2017-08-15
  • Axure RP怎么設(shè)計一款導(dǎo)航菜單?

    Axure RP怎么設(shè)計一款導(dǎo)航菜單?Axure RP中設(shè)計網(wǎng)頁的時候需要設(shè)計一款導(dǎo)航菜單,該怎么設(shè)計恩?下面我們就來看看詳細的教程,需要的朋友可以參考下
    2017-08-11
  • axure怎么給下拉框/列表框和元件文本添加內(nèi)容?

    axure怎么給下拉框/列表框和元件文本添加內(nèi)容?axure中有很多元件,今天我們就來看看給下拉框/列表框和元件文本添加內(nèi)容的方法,需要的朋友可以參考下
    2017-07-25
  • Axure怎么繪制一幅生產(chǎn)產(chǎn)品圖?

    Axure怎么繪制一幅生產(chǎn)產(chǎn)品圖?Axure中想要設(shè)計一個生產(chǎn)產(chǎn)品圖,該怎么設(shè)置呢?下面我們就來看看詳細的教程,很簡單,需要的朋友可以參考下
    2017-07-25

最新評論