單選多選(CocosCreator)

2022-03-19 05:26:12 字數 1302 閱讀 6188

推薦閱讀:

首先來說說我們的需求吧:隨機出現單選題或者多選題,完全回答正確才算正確(多選題中少選錯選算錯),核實答案的正確性,某個選項選擇正確出現選項正確標誌,某個選項選擇錯誤出現錯誤標誌(選項錯誤包括單選中選擇錯誤的選項;多選中未選擇的選項)。

下面,先來實現單選多選介面:

單選:

為singleanswer新增togglegroup元件

為每個option選項天機toggle元件,並制定組為singleanswer

多選:多選只需要在單選的基礎上去掉togglegroup元件,並刪掉每個option的所屬組。

**判斷使用者選擇的選項,並將其儲存在陣列中:

submitanswer() 

}cc.log("我的單選答案==", answerarr);

}else

}cc.log("我的多選答案==", answerarr);

}self.checkanswer(answerarr);

},

原理是判斷每個選項的toggle元件中的ischecked的布林值,true(選擇),false(未選擇)

根據正確答案來顯示對應的圖示:

//驗證答案是否正確

checkanswer(answerarr) else

} else else if (answerarr.indexof(i) > -1) }}

answerarr=answerarr.sort();

if (json.stringify(answerarr) == json.stringify(self.right)) else

},

判斷原理是判斷使用者的答案陣列中元素是否和正確答案中的元素相等。

單選題實現簡單,只需要判斷陣列中第乙個元素是否相等;多選題就比較複雜,具體方法是:為了避免使用者陣列中答案與正確答案順序不同,需要先將使用者答案陣列進行排序使用者答案陣列.sort();然後使用json.stringify將陣列轉換未字串比較。

單選多選按鈕

專案 現單選多選這種情況挺多的,所以整合成乙個控制項了,使用方便,可以設定單選,也可以設定多選,最主要的是採用了流式布局,會自動根據螢幕大小和內容進行自動折行。android id id buttnlayout android layout width match parent android la...

ExtJs grid單選,多選

一 seltype checkboxmodel singleselect true,單選 multiselect true,多選 singleselects edit 表示只有選擇一行記錄時edit才可點選,其他情況被禁用,edit表示按鈕的id multiselects delete 表示當選擇一...

python tkinter 單選 多選

單選按鈕 tkinter.radiobutton root,text a pack tkinter.radiobutton root,text b pack tkinter.radiobutton root,text c pack 預設被選中,且單個一組 variable把radiobutton分成...