2022年8月3日 星期三

Flutter學習-9-3 checkbox_grouped 1.8.1 套件

 套件庫的下載地點:

https://pub.dev/packages/checkbox_grouped

SimpleGroupedCheckbox

一、宣告 GroupController

GroupController 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
)
),

)

沒有留言:

張貼留言