Axure RP實例教程:自定義複選框(一)

Axure RP 9 Mac(Macdown.com獲取這款軟件)這款原型設計軟件能讓設計者快速創建應用軟件,或者在web網站的線框圖、流程圖、原型和規格的設計製作,從低到高的視覺和交互保真度的全方位構建,是目前業界首屈一指的交互式產品原型設計軟件!此次小編就帶大家來看看Axure RP如何做自定義複選框效果。

1、案例效果:

未選中時:

鼠標進入時:

被選中時:

2、案例描述:

案例中的複選框在未選中時、鼠標進入時以及選中時,呈現不同的樣式。

元件準備:

頁面中:

3、思路分析:

使用圖片作爲複選框,與“案例3”相似,在元件的鼠標移入和選中時指定不同的圖片;(操作步驟1)

鼠標點擊複選框時,要切換元件的選中狀態。(操作步驟2)

4、操作步驟:

1、設置元件屬性中【鼠標懸停】和【選中】的交互樣式爲不同的圖片,可參考基礎23;

2、爲圖片的【鼠標點擊時】事件添加“用例1”,動作爲【切換選中狀態】“當前元件”。

事件交互設置:

用例動作設置:

補充說明:

單選按鈕的製作也可以參考本案例。不同的是,需要給單選按鈕在元件屬性中{設置選項組名稱}。

以上就是小編爲大家帶來的Axure RP實例教程:自定義複選框(一)。還有更多詳細、實用的功能以及相關軟件Axure RP 9 Mac版獲取,大家快來Macdown.com自行探索一番吧。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章