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

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

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

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

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

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

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

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

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

以上就是我為大家分享的全部內容了 , 更多軟件教程可以關注本站
推薦閱讀
- 地下城盟約怎么加十一,盟約的名望追趕機制
- 大皇帝英魂塔65怎么過,65種英雄應對與克制關系講解
- 哈弗制動燈故障怎么辦
- Axure繪制流程圖的詳細步驟。
- ps制作圖像倒影的具體操作講述。
- cad制作電子簽名的圖文操作講解。
- 小編教你win10如何找控制面板
- windows10激活碼制作步驟
- 教你制作流行的“喪氣”壁紙,無需第三方工具
- ps制作色調分離效果的具體操作。
