今天我們就來看看axure制作數字選擇器效果的方法,很簡單的實力教程,請看下文詳細介紹。
1、首先創建一個空白頁面,在工作區域內拖入本次要使用的元件元素,主要有標題、輸入框以及按鈕,如下圖所示。
2、元件元素準備完成后,對元件的樣式進行設置,如下圖所示。
3、元件樣式設置完成后,然后給各元件的名稱進行設置,如下圖所示。
4、下面給輸入框的類型進行設置,其實可以設置成數字,這樣輸入框中就只能輸入數字了,當然文本也可以,但效果就不一樣了,自己摸索一下,如下圖所示。
5、下面就開始給兩個按鈕的交互事件進行設置了,首先給加號的按鈕做單擊交互事件,如下圖所示,需要變量來控制。
6、然后在給減號按鈕的單擊交互事件進行設置,同樣需要變量控制,上面就是輸入框中值加一,這里就是減一,如下圖所示。
7、準備工作完成,f5預覽一下效果,如下圖所示。
8、點擊加號的時候,數字會從1開始加,點一下加一次,如下圖所示。
9、點擊減號的時候,就會在當前值的基礎上減一,也可以自己輸入一個數字,然后在減,如下圖所示。
以上就是Axure制作數字選擇器原型的教程,希望大家喜歡,請繼續關注錯新站長站。
相關推薦:
Axure RP8元件怎么設置顏色與透明度?
Axure圖片顯示不完整或扭曲該怎么解決?
Axure RP 8怎么用按鈕控制文本框顯示數字或星號?
新聞熱點
疑難解答
圖片精選