Axure制作出數(shù)字選擇器原型的具體操作方法

有很多朋友還不會(huì)使用Axure制作出數(shù)字選擇器原型，所以下面小編就講解了使用Axure制作出數(shù)字選擇器原型的操作過(guò)程，來(lái)下文看一看吧。

Axure制作出數(shù)字選擇器原型的具體操作方法

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

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

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

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

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

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

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

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

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

以上就是我為大家分享的全部?jī)?nèi)容了，更多軟件教程可以關(guān)注下載之家