當前位置: 首頁 > 攻略教程 > 軟件教程 > Axure制作出數(shù)字選擇器原型的具體操作方法

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

時間:2024-06-24 14:35:35 編輯:易網(wǎng)VIP游戲門戶 閱讀:0

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

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

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

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

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

這時元件元素準備完成后,對元件的樣式進行設置,如下圖所示。

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

然后元件樣式設置完成后,然后給各元件的名稱進行設置,如下圖所示。

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

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

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

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

這時候在給減號按鈕的單擊交互事件進行設置,同樣需要變量控制,上面就是輸入框中值加一,這里就是減一,如下圖所示。

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

準備工作完成,f5預覽一下效果,如下圖所示。

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

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

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

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

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

以上就是我為大家分享的全部內容了,更多軟件教程可以關注下載之家