Axure怎么修改默認(rèn)的單選復(fù)選框按鈕樣式?

百度經(jīng)驗(yàn) 發(fā)布時(shí)間：2019-03-29 15:56:31 作者：877249630

Axure怎么修改默認(rèn)的單選復(fù)選框按鈕樣式？Axure制作網(wǎng)頁(yè)原型的時(shí)候，添加的單選框和復(fù)選框都是默認(rèn)樣式，想要修改單選框和復(fù)選框的樣式，該怎么實(shí)現(xiàn)呢？下面我們就來(lái)看看詳細(xì)的教程，需要的朋友可以參考下

Axure中默認(rèn)的單選框和復(fù)選框并不好看，想要修改單選框和復(fù)選框的樣式，該怎么修改呢？下面我們就來(lái)看看詳細(xì)的教程。

原型設(shè)計(jì)工具Axure RP Pro 8.1特別版中文漢化特別版(附漢化包+注冊(cè)碼+安裝教程)

類(lèi)型：輔助設(shè)計(jì)
大小：90.5MB
語(yǔ)言：簡(jiǎn)體中文
時(shí)間：2018-05-24

查看詳情

一、如何美化復(fù)選框

1、從元件庫(kù)，拖一個(gè)復(fù)選框到編輯區(qū)，隨便起個(gè)名字，將原件設(shè)置為隱藏，這個(gè)是用來(lái)控制全選或全不選的。

2、從元件庫(kù)，拖一個(gè)矩形框，設(shè)置下圓角和顏色，再拖出一個(gè)矩形框，改變形狀，將其調(diào)整成勾選樣式，將背景設(shè)置成灰色，這個(gè)用做未選時(shí)的狀態(tài)，在復(fù)制一個(gè)，將背景設(shè)置成白色并將原件設(shè)置為隱藏，這個(gè)用做選中時(shí)的狀態(tài)。

3、給原件添加交互事件，將原件編組然后添加點(diǎn)擊事件，設(shè)置選中狀態(tài)為復(fù)選框，值選擇toggle即可，這樣當(dāng)鼠標(biāo)點(diǎn)擊時(shí)就會(huì)切換到復(fù)選框“原件”的選中狀態(tài)。

4、我們選擇復(fù)選框，給復(fù)選框添加交互事件，當(dāng)我們選中時(shí)將白色的勾選顯示出來(lái)，取消選中時(shí)隱藏，設(shè)置好之后我們?cè)俳o其加上文本標(biāo)簽用來(lái)顯示當(dāng)前復(fù)選框后面的內(nèi)容即可。

二、如何美化單選按鈕

1、同樣用之前的原件，這里只是把復(fù)選框改成單選框，同樣將原件編組然后添加點(diǎn)擊事件，這里我們需要先對(duì)原件進(jìn)行判斷，當(dāng)原件不可見(jiàn)時(shí)設(shè)置選中狀態(tài)為單選，值選擇toggle即可，這樣當(dāng)鼠標(biāo)點(diǎn)擊時(shí)就會(huì)切換到單選框“原件”的選中狀態(tài)。

2、接著我們給單選按鈕設(shè)置交互事件，當(dāng)我們選中時(shí)將白色的勾選顯示出來(lái)，取消選中時(shí)隱藏，這里需要注意的一點(diǎn)就是我們要給要給“單選按鈕”原件設(shè)定編組名稱(chēng)，這樣當(dāng)你選擇其他單選按鈕時(shí)這個(gè)按鈕才會(huì)被隱藏（否則每個(gè)按鈕都是獨(dú)立的單選按鈕了）。

重點(diǎn)：一定要給“單選按鈕”原件設(shè)定編組名稱(chēng)，不然當(dāng)你切換其他按鈕時(shí)當(dāng)前按鈕不會(huì)被隱藏，這樣就沒(méi)法實(shí)現(xiàn)重復(fù)點(diǎn)擊該按鈕的狀態(tài)了，下面是單選按鈕視覺(jué)效果演示。