網(wǎng)頁制作 占存:88126kb 時間:2020-11-13
軟件介紹: Axure RP Pro 8.0 是一個專業(yè)的快速原型設(shè)計工具,讓負責定義需求和規(guī)格、設(shè)計功能和界面的專家...
當前有許多小伙伴還不會借助Axure來制作數(shù)字選擇器原型,不過沒關(guān)系,因為下面小編就分享了Axure制作數(shù)字選擇器原型的具體操作方法,希望感興趣的朋友都來共同學習哦。
打開Axure軟件,創(chuàng)建一個空白頁面,在工作區(qū)域內(nèi)拖入本次要使用的元件元素,主要有標題、輸入框以及按鈕,如下圖所示。
這時元件元素準備完成后,對元件樣式進行設(shè)置,如下圖所示。
元件樣式設(shè)置完成后,給各元件的名稱進行設(shè)置,如下圖所示。
下面給輸入框的類型進行設(shè)置,其實可以設(shè)置成數(shù)字,這樣輸入框中就只能輸入數(shù)字了,當然文本也可以,但效果就不一樣了,摸索一下,如下圖所示。
接著下面開始給兩個按鈕的交互事件進行設(shè)置,首先給加號的按鈕做單擊交互事件,需要變量來控制。
這時在給減號按鈕的單擊交互事件進行設(shè)置,同樣需要變量控制,上面就是輸入框中值加一,這里就是減一,如下圖所示。
準備工作完成,f5預覽效果,如下圖所示。
先點擊加號的時,數(shù)字會從1開始加,點一下加一次,如下圖所示。
最后點擊減號的時,就會在當前值的基礎(chǔ)上減一,也可以輸入一個數(shù)字,然后在減,如下圖所示。
以上這里為各位分享了Axure制作數(shù)字選擇器原型的具體操作方法。有需要的朋友趕快來看看本篇文章吧。