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自行探索一番吧。