Axure中想要繪制開關(guān)按鈕,該怎么設(shè)計(jì)開關(guān)呢?下面我們就來(lái)看看詳細(xì)的教程。

”開關(guān)“按鍵比較簡(jiǎn)單,如下圖,新建一個(gè)”圓形“及一個(gè)”矩形“

設(shè)置”圓形“尺寸為28*28,命名為round;設(shè)置”矩形“尺寸為70*32,命名為block,填充色#999999,圓角半徑35,字體顏色#FFFFFF,文字內(nèi)容”OFF“,右對(duì)齊

另單獨(dú)再設(shè)置”矩形:block“的選中時(shí),填充色為#009900

按下圖方式布局方式組合”圓形:round“和”矩形:block“,并命名此組合為”on-off“

布局、組合結(jié)束后,下來(lái)就是”開關(guān)“按鍵的交互動(dòng)作。”組合:on-off“的”鼠標(biāo)點(diǎn)擊時(shí)“的交互動(dòng)作:設(shè)置”當(dāng)前控件“的選中狀態(tài)為”切換(toggle)“方式

”圓形:round“的”選中時(shí)“的交互動(dòng)作:移動(dòng)”圓形:round“到指定位置(X,Y)

設(shè)置“元件:block”為局部變量LVAR1,所以X的值為[[LVAR1.right-This.width-3]]

Y的值為[[This.y]]

”圓形:round“的”取消選中時(shí)“的交互動(dòng)作:移動(dòng)”圓形:round“到指定位置(X,Y)

新聞熱點(diǎn)
疑難解答
圖片精選