Axure怎么制作按鈕控制數(shù)據(jù)遞加遞減效果?
我要評論Axure中想要制作一個遞加遞減的步進(jìn)器效果，方兩個按鈕加一個文字框就可以實現(xiàn)，步進(jìn)器就是點擊加號后，原數(shù)字在基礎(chǔ)上加一，點擊減號后，原數(shù)字在基礎(chǔ)減一。下噶怎么制作這個效果呢？下面我們就來看看詳細(xì)的教程。
原型設(shè)計工具Axure RP Pro 8.1特別版 中文漢化特別版(附漢化包+注冊碼+安裝教程)
- 類型：輔助設(shè)計
- 大?。?/span>90.5MB
- 語言：簡體中文
- 時間：2018-05-24
1、首先創(chuàng)建一個空白頁面，在工作區(qū)域內(nèi)拖入兩個按鈕和二級標(biāo)題，并將二級標(biāo)題的名稱進(jìn)行命名。
2、將兩個按鈕的文字修改為加減號（+，-），并將二級標(biāo)題修改為數(shù)字1，后面開始做加減號的事件控制。
3、先給減號做鼠標(biāo)單擊時的事件，雙擊鼠標(biāo)單擊時，開始添加事件，在彈出的用例內(nèi)進(jìn)行編輯。
4、這里需要加一個判斷條件，當(dāng)元件文字的值大于1的時候才能做減法。
5、判斷條件加好后，對數(shù)字的結(jié)果進(jìn)行設(shè)置，這里需要定義一個局部變量，用于控制數(shù)據(jù)的變化。
6、同樣的方式，我們把加號的單擊事件也加入進(jìn)來，判斷條件可以隨便設(shè)置小于某一個數(shù)字，如果只要加到10，那就小于10，如果想回到100，小小于100.
7、用例設(shè)置完成后，f5瀏覽一下最終的效果，點擊加號數(shù)字加一，點擊減號數(shù)據(jù)減一，你學(xué)會了么。
以上就是Axure制作步進(jìn)器效果的教程，希望大家喜歡，請繼續(xù)關(guān)注腳本之家。
相關(guān)推薦：
Axure動態(tài)面板兩種創(chuàng)建方法有什么區(qū)別?
Axure怎么使用熱區(qū)? axure熱區(qū)的使用方法
Axure RP 8怎么設(shè)計有漂亮圖標(biāo)的樹狀菜單?
相關(guān)文章
Axure8頁面原型怎么搜索內(nèi)容？Axure8中想要搜索內(nèi)容，該怎么搜索呢？下面我們就來看看Axure8搜索內(nèi)容的方法，需要的朋友可以參考下2018-09-09
Axure8控件怎么添加說明信息？Axure插入的控件是可以添加文字說明的，該怎么添加說明信息呢？下面我們就來看看詳細(xì)的教程，需要的朋友可以參考下2018-09-07
Axure怎么設(shè)計開關(guān)按鈕效果？Axure中想要設(shè)計一個開關(guān)的按鈕，該怎么制作這個按鈕呢？下面我們就來看看詳細(xì)的教程，很簡單，需要的朋友可以參考下2018-09-05
Axure8交互設(shè)計怎么導(dǎo)入rp文件？Axure8設(shè)計網(wǎng)頁原型的時候，想要導(dǎo)入rp文件，該怎么導(dǎo)入恩？下面我們就來看看詳細(xì)的教程，需要的朋友可以參考下2018-09-05
Axure8原型怎么生成HTML文件？Axure8制作的頁面想要生成HTML文件，該怎么生成HTML文件呢？下面我們就來看看詳細(xì)的教程，需要的朋友可以參考下2018-09-04
Axure8歷史記錄怎么刪除？Axure8使用以后會產(chǎn)生歷史記錄，在打開最近編輯的文件中可以看到最近的操作記錄，該怎么清空歷史記錄呢？下面我們就來看看詳細(xì)的教程，需要的朋友2018-08-29
Axure怎么制作一個幸運大轉(zhuǎn)盤動畫？Axure中想要制作一個大轉(zhuǎn)盤的動畫，該怎么制作呢？下面我們就來看看詳細(xì)的教程，需要的朋友可以參考下2018-08-24
axure圖形邊框樣式怎么設(shè)置？axure中想要設(shè)置圖形邊框的樣式，該怎么設(shè)置呢？下面我們就來看看詳細(xì)的教程，很簡單，需要的朋友可以參考下2018-08-21
Axure中想要制作一個升降序的效果，該怎么制作表格行，上下?lián)Q行調(diào)整排序的效果呢？下面我們就來看看詳細(xì)的教程，很簡單，需要的朋友可以參考下2018-08-20
Axure怎么設(shè)計點贊的百分比進(jìn)度條？網(wǎng)頁中經(jīng)常有點贊投票的，想要顯示點贊投票的數(shù)據(jù)百分比進(jìn)度條，該怎么設(shè)計恩？下面我們就來看看詳細(xì)的教程，需要的朋友可以參考下2018-08-16
