Axure怎么設計開關按鈕效果?
百度經(jīng)驗 發(fā)布時間:2018-09-05 15:00:24 作者:goodbyte01
我要評論

Axure怎么設計開關按鈕效果?Axure中想要設計一個開關的按鈕,該怎么制作這個按鈕呢?下面我們就來看看詳細的教程,很簡單,需要的朋友可以參考下
Axure中想要繪制開關按鈕,該怎么設計開關呢?下面我們就來看看詳細的教程。
”開關“按鍵比較簡單,如下圖,新建一個”圓形“及一個”矩形“
設置”圓形“尺寸為28*28,命名為round;設置”矩形“尺寸為70*32,命名為block,填充色#999999,圓角半徑35,字體顏色#FFFFFF,文字內(nèi)容”OFF“,右對齊
另單獨再設置”矩形:block“的選中時,填充色為#009900
按下圖方式布局方式組合”圓形:round“和”矩形:block“,并命名此組合為”on-off“
布局、組合結束后,下來就是”開關“按鍵的交互動作。”組合:on-off“的”鼠標點擊時“的交互動作:設置”當前控件“的選中狀態(tài)為”切換(toggle)“方式
”圓形:round“的”選中時“的交互動作:移動”圓形:round“到指定位置(X,Y)
設置“元件:block”為局部變量LVAR1,所以X的值為[[LVAR1.right-This.width-3]]
Y的值為[[This.y]]
”圓形:round“的”取消選中時“的交互動作:移動”圓形:round“到指定位置(X,Y)
相關文章
- Axure RP 8怎么控制不同顏色元件移動?Axure RP 8中想要控制兩個不同顏色的柱子,該怎么操作呢?下面我們就來看看詳細的教程,很簡單,需要的朋友可以參考下2017-05-08
- Axure RP 8怎么控制矩形元件顛倒旋轉?Axure RP 8中想想要使用按鈕控制一個矩形的旋轉,該怎么制作呢?下面我們就來看看詳細的教程,很簡單,需要的朋友可以參考下2017-05-08
- axure怎么制作圖片自動播放的效果?axure中想要制作一個圖片自動播放的效果,該怎么設計呢?下面我們就來看看詳細的教程,很簡單,需要的朋友可以參考下2017-05-05
Axure RP 8怎么設置動態(tài)面板顯示隱藏對象?
Axure RP 8怎么設置動態(tài)面板顯示隱藏對象?Axure RP 8中設計的網(wǎng)頁想要隱藏元件,該怎么實現(xiàn)呢?下面我們就來看看詳細的教程,需要的朋友可以參考下2017-04-28AXURE怎么使用中繼器實現(xiàn)樣式重復但內(nèi)容不同的效果?
AXURE怎么使用中繼器實現(xiàn)樣式重復但內(nèi)容不同的效果?一般網(wǎng)站中我們都會遇到用一個模塊顯示不同內(nèi)容的情況,該怎么使用AXURE實現(xiàn)呢?下面我們就來看看詳細的教程,需要的朋2017-04-25- axure怎么隱藏菜單橫向隱藏與顯示的效果?今天想要和大家分享一些關于axure顯示隱藏效果的實現(xiàn)方法,我們就以隱藏菜單為例,需要的朋友可以參考下2017-04-23
- Axure怎么設計手機短信倒計時效果?Axure中想要制作倒計時效果,該怎么制作呢?下面我們就來看看詳細的教程,很簡單,需要的朋友可以參考下2017-04-23
- axure怎么用中繼器制作微博聯(lián)系人效果?想要仿照微博的聯(lián)系人樣式制作一個這種效果,該怎么制作呢?下面我們就來看看詳細的教程,需要的朋友可以參考下2017-04-23
- axure怎么給文字設置跑馬燈效果?axure中想讓文字實現(xiàn)跑馬燈效果,該怎么實現(xiàn)呢》下面我們就來看看詳細的教程,需要的朋友可以參考下2017-04-23
- axure怎么使用動態(tài)面板制作淘寶圖片輪播效果?我們經(jīng)??吹教詫氈杏袌D片輪播的效果,該怎么設計這種效果呢?下面我們就來看看通過axure實現(xiàn)的教程,需要的朋友可以參考下2017-04-23