今天我們就來(lái)看看axure制作數(shù)字選擇器效果的方法,很簡(jiǎn)單的實(shí)力教程,請(qǐng)看下文詳細(xì)介紹。
1、首先創(chuàng)建一個(gè)空白頁(yè)面,在工作區(qū)域內(nèi)拖入本次要使用的元件元素,主要有標(biāo)題、輸入框以及按鈕,如下圖所示。

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

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

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

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

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

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

8、點(diǎn)擊加號(hào)的時(shí)候,數(shù)字會(huì)從1開(kāi)始加,點(diǎn)一下加一次,如下圖所示。

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

以上就是Axure制作數(shù)字選擇器原型的教程,希望大家喜歡,請(qǐng)繼續(xù)關(guān)注錯(cuò)新站長(zhǎng)站。
相關(guān)推薦:
Axure RP8元件怎么設(shè)置顏色與透明度?
Axure圖片顯示不完整或扭曲該怎么解決?
Axure RP 8怎么用按鈕控制文本框顯示數(shù)字或星號(hào)?
新聞熱點(diǎn)
疑難解答
圖片精選