Axure怎么修改默認的單選復(fù)選框按鈕樣式?
我要評論Axure中默認的單選框和復(fù)選框并不好看，想要修改單選框和復(fù)選框的樣式，該怎么修改呢？下面我們就來看看詳細的教程。
一、如何美化復(fù)選框
1、從元件庫，拖一個復(fù)選框到編輯區(qū)，隨便起個名字，將原件設(shè)置為隱藏，這個是用來控制全選或全不選的。
2、從元件庫，拖一個矩形框，設(shè)置下圓角和顏色，再拖出一個矩形框，改變形狀，將其調(diào)整成勾選樣式，將背景設(shè)置成灰色，這個用做未選時的狀態(tài)，在復(fù)制一個，將背景設(shè)置成白色并將原件設(shè)置為隱藏，這個用做選中時的狀態(tài)。
3、給原件添加交互事件，將原件編組然后添加點擊事件，設(shè)置選中狀態(tài)為復(fù)選框，值選擇toggle即可，這樣當鼠標點擊時就會切換到復(fù)選框“原件”的選中狀態(tài)。
4、我們選擇復(fù)選框，給復(fù)選框添加交互事件，當我們選中時將白色的勾選顯示出來，取消選中時隱藏，設(shè)置好之后我們再給其加上文本標簽用來顯示當前復(fù)選框后面的內(nèi)容即可。
二、如何美化單選按鈕
1、同樣用之前的原件，這里只是把復(fù)選框改成單選框，同樣將原件編組然后添加點擊事件，這里我們需要先對原件進行判斷，當原件不可見時設(shè)置選中狀態(tài)為單選，值選擇toggle即可，這樣當鼠標點擊時就會切換到單選框“原件”的選中狀態(tài)。
2、接著我們給單選按鈕設(shè)置交互事件，當我們選中時將白色的勾選顯示出來，取消選中時隱藏，這里需要注意的一點就是我們要給要給“單選按鈕”原件設(shè)定編組名稱，這樣當你選擇其他單選按鈕時這個按鈕才會被隱藏（否則每個按鈕都是獨立的單選按鈕了）。
重點：一定要給“單選按鈕”原件設(shè)定編組名稱，不然當你切換其他按鈕時當前按鈕不會被隱藏，這樣就沒法實現(xiàn)重復(fù)點擊該按鈕的狀態(tài)了，下面是單選按鈕視覺效果演示。
以上就是Axure修改默認的單選復(fù)選框按鈕樣式的教程，希望大家喜歡，請繼續(xù)關(guān)注腳本之家。
相關(guān)推薦：
Axure RP復(fù)選框怎么實現(xiàn)單選效果?
Axure RP 8怎么利用按鈕控制單選框和復(fù)選框?
相關(guān)文章
SolidWorks模型怎么設(shè)置環(huán)境光源? sw光源的設(shè)置方法
SolidWorks模型怎么設(shè)置環(huán)境光源？SolidWorks模型中想要添加光源，該怎么添加環(huán)境光源呢？下面我們就來看看sw光源的設(shè)置方法，需要的朋友可以參考下2019-04-02
億圖圖示EDraw Max怎么創(chuàng)建生日賀卡？億圖圖示中想要創(chuàng)建一張生日賀卡，該怎么制作生日賀卡呢？下面我們就來看看億圖圖示制作生日賀卡的教程，需要的朋友可以參考下2019-04-02
億圖圖示EDrawMax怎么設(shè)計兒童服裝？億圖圖示中想要設(shè)計兒童款服飾，該怎么設(shè)計呢？下面我們就來看看詳細的教程，需要的朋友可以參考下2019-04-01
億圖圖示EDrawMax怎么插入粽子圖？端午的時候我們會吃粽子，想要在億圖圖示中插入粽子圖，該怎么插入呢？下面我們就來看看詳細的教程，需要的朋友可以參考下2019-04-01
360安全桌面怎么設(shè)置文件筐 自定義分框內(nèi)容介紹
360安全桌面是一款能夠為用戶管理桌面的軟件，其中的分框功能更是被廣大網(wǎng)友喜愛著，今天為大家?guī)碓O(shè)置文件分框的內(nèi)容，希望能夠給大家啊帶來幫助2019-03-29
360安全桌面怎么添加應(yīng)用 讓你在桌面加入自己喜歡的應(yīng)用介紹
處理人像照片的時候磨皮去痘痘是最常見的操作，面對滿臉雀斑的人物照片，是不是很想磨皮一下呢，接下來，小編就為大家?guī)鞵hotoshopCC去除雀斑的內(nèi)容2019-04-02
