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