套件庫的下載地點:
https://pub.dev/packages/checkbox_grouped
SimpleGroupedCheckbox
一、宣告 GroupControllerGroupController controller = GroupController();
屬性及方法說明:
(1)isMultipleSelection 加上變為可複選,預設為false為單選。
GroupController controller = GroupController(isMultipleSelection: true);
其它:
controller.initSelectedItem; //初始化,不做也會自動初始化
selectedItems = controller.selectedItem; //設定selectedItems此變數,為取得的項目
//controller.enableAll(); 啟用項目
//controller.disableAll(); //禁用項目
二、寫出程式
SimpleGroupedCheckbox<int>(
controller: controller, //設定此SimpleGroupedCheckbox的控制器
itemsTitle: ["1" ,"2","3","4","5"], //文字選項,每個需不同,若相同時會出錯
itemsSubTitle: ["測1","測2","測3","",""], //小標,需與上面的itemsTitle數目對應
values: [1,2,3,4,4], //選擇後得到的值,需與上面的itemsTitle數目對應
checkFirstElement: false,
groupTitle: "測試的標題",//此grouptitle標題
helperGroupTitle:true, //此grouptitle標題前會有一個框,點選此框可以全部選擇
groupTitleAlignment:Alignment.bottomLeft, //標題要對齊那裡
//用戶選擇時,執行下列的回調程式
onItemSelected: (v){ //獲得的值為一個陣列
print('測1');
print(v); //取得陣列中的第一個值
print(v[1]); //取得陣列中的第一個值
//print('測2');
//print(selectedItems[1]); //取得陣列中的第一個值
},
groupStyle: GroupStyle( //基礎相關於此groupcheckbox的文字設定
activeColor: Colors.red,
itemTitleStyle: TextStyle(
fontSize: 13
)
),
)
沒有留言:
張貼留言