Axure怎么制作數(shù)字選擇器原型?
我要評(píng)論今天我們就來(lái)看看axure制作數(shù)字選擇器效果的方法，很簡(jiǎn)單的實(shí)力教程，請(qǐng)看下文詳細(xì)介紹。
原型設(shè)計(jì)工具Axure RP Pro 8.1特別版 中文漢化特別版(附漢化包+注冊(cè)碼+安裝教程)
- 類(lèi)型：輔助設(shè)計(jì)
- 大小：90.5MB
- 語(yǔ)言：簡(jiǎn)體中文
- 時(shí)間：2018-05-24
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)注腳本之家。
相關(guān)推薦：
Axure RP 8怎么用按鈕控制文本框顯示數(shù)字或星號(hào)?
相關(guān)文章
Axure母版怎么使用? Axure母版功能詳細(xì)介紹
Axure母版怎么使用？Axure一般都會(huì)創(chuàng)建母版，但是母版有什么功能，該怎么使用呢？下面我們就來(lái)看看Axure母版功能詳細(xì)介紹，需要的朋友可以參考下2017-11-30
Axure文本輸入框怎么去掉邊框? Axure隱藏輸入框邊框的教程
Axure文本輸入框怎么去掉邊框？Axure設(shè)計(jì)網(wǎng)頁(yè)原型的時(shí)候，插入了文本輸入框，但是有邊框，想要去掉邊框，該怎么操作呢？下面我們就來(lái)看看Axure隱藏輸入框邊框的教程，需要2017-11-17
Axure怎么設(shè)計(jì)頁(yè)面標(biāo)簽可以切換的登錄框?
Axure怎么設(shè)計(jì)頁(yè)面標(biāo)簽可以切換的登錄框？Axure中在設(shè)計(jì)登陸框的時(shí)候，想要設(shè)計(jì)企業(yè)會(huì)員和個(gè)人會(huì)員兩個(gè)登陸頁(yè)面，可以使用標(biāo)簽切換，該怎么設(shè)計(jì)呢？下面我們就來(lái)看看詳細(xì)的2017-11-08
Axure RP 8怎么設(shè)計(jì)立體的圓角矩形按鈕?
Axure RP 8怎么設(shè)計(jì)立體的圓角矩形按鈕？Axure RP 8中想要設(shè)計(jì)一個(gè)查詢的圓角矩形按鈕，該怎么設(shè)計(jì)呢？下面我們就來(lái)看看詳細(xì)的教程，需要的朋友可以參考下2017-11-02
axure怎么設(shè)計(jì)鼠標(biāo)展開(kāi)折疊效果?
axure怎么設(shè)計(jì)鼠標(biāo)展開(kāi)折疊效果？axure中想要繪制一個(gè)可以折疊展開(kāi)功能的原型，該怎么設(shè)計(jì)呢？下面我們就來(lái)看看axure制作折疊效果的教程，需要的朋友可以參考下2017-11-01
Axure怎么給圖片增加點(diǎn)擊事件？Axure中想要給圖片添加鼠標(biāo)單擊事件，如果鼠標(biāo)單擊圖片返回主頁(yè)，該怎么實(shí)現(xiàn)這個(gè)效果呢？下面我們就來(lái)看看詳細(xì)的教程，需要的朋友可以參考下2017-11-01
axure怎么調(diào)整字間距? axure字間距的設(shè)置方法
axure怎么調(diào)整字間距？axure中想要調(diào)節(jié)文字的行間距，該怎么調(diào)節(jié)呢？下面我們就來(lái)看看axure字間距的設(shè)置方法，需要的朋友可以參考下2017-09-30
axure團(tuán)隊(duì)項(xiàng)目怎么獲取? axure獲取并打開(kāi)團(tuán)隊(duì)項(xiàng)目的方法
axure團(tuán)隊(duì)項(xiàng)目怎么獲取？axure做項(xiàng)目的時(shí)候，想要獲取團(tuán)隊(duì)項(xiàng)目，該怎么獲取呢？下面我們就來(lái)看看axure獲取并打開(kāi)團(tuán)隊(duì)項(xiàng)目的方法，需要的朋友可以參考下2017-09-28
axure怎么設(shè)計(jì)一個(gè)倒計(jì)時(shí)效果的模型?
axure怎么設(shè)計(jì)一個(gè)倒計(jì)時(shí)效果的模型？axure中設(shè)計(jì)網(wǎng)頁(yè)圓形很簡(jiǎn)單，今天我們就來(lái)看看使用axure設(shè)置一個(gè)倒計(jì)時(shí)效果的教程，需要的朋友可以參考下2017-09-28
axure網(wǎng)頁(yè)原型怎么預(yù)覽和生成原型文件?
axure網(wǎng)頁(yè)原型怎么預(yù)覽和生成原型文件？axure中設(shè)計(jì)好的文件原型想要預(yù)覽并生成，該怎么預(yù)覽呢？下面我們就來(lái)看看詳細(xì)的教程，需要的朋友可以參考下2017-09-25
