我們在利用微信時,經常用到微信開關按鈕,它的樣式很受大師喜愛。在Axure中,也能建造出這種開關結果。那么,Axure若何建造微信開關結果呢?本文就由小編帶大師領會一下,一路來看看吧~
1.打開Axure,從左側元件庫拖取一個【矩形】元件到頁面,設置【巨細】為132*62,【圓角半徑】為45。如圖

2.從左側元件庫拖取一個【卵形】元件到頁面,設置【巨細】為56*56。如圖

3.調整【卵形】元件到【矩形】元件的位置,然后設置【矩形】元件的顏色為灰色,如圖

4.全選元件,鼠標右鍵在彈出框選擇【轉換為動態面板】,如圖

5.復制動態面板【State1】生當作【State2】,如圖

6.設置【State2】的【矩形】元件顏色為綠色,同時調整【卵形】元件的位置,如圖

7.別離設置State1的矩形點擊事務【鼠標單擊時】跳轉為State2,State2的矩形點擊事務【鼠標單擊時】跳轉為State1,如圖

8.完當作設置后,預覽成果,實現了微信開關結果。如圖

0 篇文章
如果覺得我的文章對您有用,請隨意打賞。你的支持將鼓勵我繼續創作!