系統(tǒng)之家 - 系統(tǒng)光盤下載網(wǎng)站!

當(dāng)前位置:系統(tǒng)之家 > 系統(tǒng)教程 > 使用Axure制作出數(shù)字選擇器原型

如何使用Axure制作出數(shù)字選擇器原型 使用Axure制作出數(shù)字選擇器原型的圖文教程

時間:2019-01-24 15:36:08 作者:wenjun 來源:系統(tǒng)之家 1. 掃描二維碼隨時看資訊 2. 請使用手機瀏覽器訪問: https://m.xitongzhijia.net/xtjc/20190124/149244.html 手機查看 評論

  如何使用Axure制作出數(shù)字選擇器原型?Axure 是一個專業(yè)的快速原型設(shè)計工具。想要使用Axure制作出數(shù)字選擇器原型,但是不知道具體怎么制作。下面就是使用Axure制作出數(shù)字選擇器原型的圖文教程,一起來看看吧!

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

  

如何使用Axure制作出數(shù)字選擇器原型 使用Axure制作出數(shù)字選擇器原型的圖文教程

 

  2、元件元素準(zhǔn)備完成后,對元件的樣式進行設(shè)置

  3、元件樣式設(shè)置完成后,然后給各元件的名稱進行設(shè)置

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

  

如何使用Axure制作出數(shù)字選擇器原型 使用Axure制作出數(shù)字選擇器原型的圖文教程

 

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

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

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

  

如何使用Axure制作出數(shù)字選擇器原型 使用Axure制作出數(shù)字選擇器原型的圖文教程

 

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

  

如何使用Axure制作出數(shù)字選擇器原型 使用Axure制作出數(shù)字選擇器原型的圖文教程

 

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

  

如何使用Axure制作出數(shù)字選擇器原型 使用Axure制作出數(shù)字選擇器原型的圖文教程

 

  上面就是使用Axure制作出數(shù)字選擇器原型的圖文教程,大家學(xué)會了嗎?更多相關(guān)教程,請繼續(xù)關(guān)注系統(tǒng)之家

標(biāo)簽 Axure

發(fā)表評論

0

沒有更多評論了

評論就這些咯,讓大家也知道你的獨特見解

立即評論

以上留言僅代表用戶個人觀點,不代表系統(tǒng)之家立場

其他版本軟件

人氣教程排行

相關(guān)系統(tǒng)推薦

掃碼關(guān)注
掃碼關(guān)注

掃碼關(guān)注 官方交流群 軟件收錄