小編教你Axure怎么制作出數字選擇器原型

說起Axure,相信大家應該是經常使用 , 但是你們知道Axure怎么制作出數字選擇器原型的嗎?接下來我們一起往下看看Axure制作出數字選擇器原型的方法吧 。
方法步驟
1、首先創建一個空白頁面 , 在工作區域內拖入本次要使用的元件元素 , 主要有標題、輸入框以及按鈕;

小編教你Axure怎么制作出數字選擇器原型


2、元件元素準備完成后 , 對元件的樣式進行設置;
3、元件樣式設置完成后 , 然后給各元件的名稱進行設置;
4、下面給輸入框的類型進行設置 , 其實可以設置成數字 , 這樣輸入框中就只能輸入數字了 , 當然文本也可以 , 但效果就不一樣了 , 自己摸索一下;
【小編教你Axure怎么制作出數字選擇器原型】 
小編教你Axure怎么制作出數字選擇器原型


5、下面就開始給兩個按鈕的交互事件進行設置了 , 首先給加號的按鈕做單擊交互事件 , 如下圖所示 , 需要變量來控制;
6、然后在給減號按鈕的單擊交互事件進行設置 , 同樣需要變量控制 , 上面就是輸入框中值加一 , 這里就是減一;
7、準備工作完成 , f5預覽一下效果;
小編教你Axure怎么制作出數字選擇器原型


8、點擊加號的時候 , 數字會從1開始加 , 點一下加一次;
小編教你Axure怎么制作出數字選擇器原型


9、點擊減號的時候 , 就會在當前值的基礎上減一 , 也可以自己輸入一個數字 , 然后在減;
小編教你Axure怎么制作出數字選擇器原型


以上就是Axure怎么制作出數字選擇器原型的全部內容 , 按照以上的方法操作 , 你就能輕松的掌握Axure制作出數字選擇器原型的方法了 。

    推薦閱讀