Axure制作出數字選擇器原型的具體操作方法。

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

Axure制作出數字選擇器原型的具體操作方法。


【Axure制作出數字選擇器原型的具體操作方法。】 首先我們打開Axure軟件 , 然后創建一個空白頁面 , 在工作區域內拖入本次要使用的元件元素 , 主要有標題、輸入框以及按鈕 , 如下圖所示 。

Axure制作出數字選擇器原型的具體操作方法。


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

Axure制作出數字選擇器原型的具體操作方法。


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

Axure制作出數字選擇器原型的具體操作方法。


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

Axure制作出數字選擇器原型的具體操作方法。


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

Axure制作出數字選擇器原型的具體操作方法。


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

Axure制作出數字選擇器原型的具體操作方法。


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

Axure制作出數字選擇器原型的具體操作方法。


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

Axure制作出數字選擇器原型的具體操作方法。


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

    推薦閱讀