先看下視覺效果（想怎么好看，完全看你的個(gè)人設(shè)計(jì)水平）
圖層原件
復(fù)選按鈕
單選按鈕
開始制作，兩種選框圖層元素的是一樣的，此處不做重復(fù)，拿復(fù)選框作案例
1、 首先從元件庫(kù)，拖一個(gè)復(fù)選框進(jìn)來
隨便起個(gè)名字，這里我起的名字叫“原件”，并且將原件設(shè)置為隱藏
2、畫個(gè)圓角矩形，顏色隨意，你自己喜歡
起名為“背景”（叫什么不重要，重要的是方便）
3、畫個(gè)選中狀態(tài)
從元件庫(kù)Icons里拖一個(gè)對(duì)號(hào)進(jìn)來，起名為“選中”，調(diào)整合適大小，放到矩形的中間
4、將矩形和對(duì)號(hào)編組，并起個(gè)名字
5、給原件添加交互動(dòng)作
動(dòng)作1：
給剛剛的編組添加一個(gè)動(dòng)作，動(dòng)作如下
鼠標(biāo)點(diǎn)擊時(shí)，切換復(fù)選框“原件”的選中狀態(tài)
動(dòng)作2：
給復(fù)選框原件添加動(dòng)作，動(dòng)作如下
選中時(shí)顯示“對(duì)號(hào)（選中）”，取消選中時(shí)隱藏“對(duì)號(hào)（選中）”
6、最后，我們把原件整體打個(gè)包便于復(fù)制多個(gè)
·
這里需要注意的是，設(shè)定一下選中狀態(tài)，如果為未選中，則先隱藏“對(duì)號(hào)”原件
7、關(guān)于單選框的不同點(diǎn)
單選框因?yàn)闆]有反復(fù)點(diǎn)擊，并且聯(lián)動(dòng)需要編組，所以會(huì)有一些不同，大家注意一下！
首先是一定要給“單選按鈕”原件設(shè)定編組名稱
然后就是編組的動(dòng)作需要加上條件，表面重復(fù)點(diǎn)擊
承擔(dān)因您的行為而導(dǎo)致的法律責(zé)任，
本站有權(quán)保留或刪除有爭(zhēng)議評(píng)論。
參與本評(píng)論即表明您已經(jīng)閱讀并接受
上述條款。