Axure怎么制作數(shù)字選擇器原型?

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

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