今天我們就來看看axure制作數(shù)字選擇器效果的方法，很簡單的實(shí)力教程，請看下文詳細(xì)介紹。

1、首先創(chuàng)建一個空白頁面，在工作區(qū)域內(nèi)拖入本次要使用的元件元素，主要有標(biāo)題、輸入框以及按鈕，如下圖所示。

2、元件元素準(zhǔn)備完成后，對元件的樣式進(jìn)行設(shè)置，如下圖所示。

3、元件樣式設(shè)置完成后，然后給各元件的名稱進(jìn)行設(shè)置，如下圖所示。

4、下面給輸入框的類型進(jìn)行設(shè)置，其實(shí)可以設(shè)置成數(shù)字，這樣輸入框中就只能輸入數(shù)字了，當(dāng)然文本也可以，但效果就不一樣了，自己摸索一下，如下圖所示。

5、下面就開始給兩個按鈕的交互事件進(jìn)行設(shè)置了，首先給加號的按鈕做單擊交互事件，如下圖所示，需要變量來控制。

6、然后在給減號按鈕的單擊交互事件進(jìn)行設(shè)置，同樣需要變量控制，上面就是輸入框中值加一，這里就是減一，如下圖所示。

7、準(zhǔn)備工作完成，f5預(yù)覽一下效果，如下圖所示。

8、點(diǎn)擊加號的時候，數(shù)字會從1開始加，點(diǎn)一下加一次，如下圖所示。

9、點(diǎn)擊減號的時候，就會在當(dāng)前值的基礎(chǔ)上減一，也可以自己輸入一個數(shù)字，然后在減，如下圖所示。

以上就是Axure制作數(shù)字選擇器原型的教程，希望大家喜歡，請繼續(xù)關(guān)注武林網(wǎng)。

相關(guān)推薦：

Axure RP8元件怎么設(shè)置顏色與透明度?

Axure圖片顯示不完整或扭曲該怎么解決?

Axure RP 8怎么用按鈕控制文本框顯示數(shù)字或星號?