Material widgets庫(kù)中提供了Material風(fēng)格的單選開關(guān)Switch和復(fù)選框Checkbox，它們都是繼承自StatelessWidget续徽，所以它們本身不會(huì)保存當(dāng)前選擇狀態(tài)，所以一般都是在父widget中管理選中狀態(tài)亲澡。當(dāng)用戶點(diǎn)擊Switch或Checkbox時(shí)炸宵，它們會(huì)觸發(fā)onChanged回調(diào)，我們可以在此回調(diào)中處理選中狀態(tài)改變邏輯谷扣。我們看一個(gè)簡(jiǎn)單的示例：
class _home extends StatefulWidget {
@override
State<StatefulWidget> createState() {
return _homeState();
}
}
class _homeState extends State<_home> {
bool _switchSelected=true; //維護(hù)單選開關(guān)狀態(tài)
bool _checkboxSelected=true;//維護(hù)復(fù)選框狀態(tài)
@override
Widget build(BuildContext context) {
// TODO: implement build
return new Scaffold(
appBar: new AppBar(
title: Text("title"),
centerTitle: true,
),
body:new Column(
children: <Widget>[
Switch(//傳入value和onChanged,傳入value按鈕初始化狀態(tài),onChanged狀態(tài)改變回調(diào)
value: _switchSelected,
activeColor: Colors.red,
onChanged: (value){
setState(() {//setState動(dòng)態(tài)更新
_switchSelected=value;
});
},
),
Checkbox(
value: _checkboxSelected,
activeColor: Colors.greenAccent,
onChanged: (value){
setState(() {
_checkboxSelected=value;
});
},
)
],
)
);
}
}
上面代碼中土全，由于要維護(hù)Switch和Checkbox狀態(tài)，所以SwitchAndCheckBoxTestRoute繼承自StatefulWidget 会涎。在其build方法中分別構(gòu)建了一個(gè)Switch和Checkbox裹匙，初始狀態(tài)都為選中狀態(tài)，當(dāng)用戶點(diǎn)擊時(shí)末秃，會(huì)將狀態(tài)置反概页，然后回調(diào)用setState()通知framework重新構(gòu)建UI。
它們都有一個(gè)activeColor屬性练慕，用于設(shè)置激活態(tài)的顏色惰匙。至于大小，到目前為止铃将，Checkbox的大小是固定的项鬼，無法自定義，而Switch只能定義寬度劲阎，高度也是固定的绘盟。值得一提的是Checkbox有一個(gè)屬性tristate ，表示是否為三態(tài)悯仙，其默認(rèn)值為false 龄毡，這時(shí)Checkbox有兩種狀態(tài)即“選中”和“不選中”，對(duì)應(yīng)的value值為true和false 锡垄；如果其值為true時(shí)沦零，value的值會(huì)增加一個(gè)狀態(tài)null，讀者可以自行了解货岭。
