我們在上一章回中介紹了Form Widget相關(guān)的內(nèi)容，本章回中將介紹
Slider Widget.閑話休提，讓我們一起Talk Flutter吧。
概念介紹
我們在這里說的Slider Widget是一種滑動條組件，通過滑動來控制不同的進(jìn)度，它類似進(jìn)度條，不過需要我們讓去去滑動它的是進(jìn)度，在實際項目中經(jīng)常用它來調(diào)節(jié)音量大小或者視頻播放進(jìn)度。本章回將詳細(xì)介紹該組件的使用方法。
使用方法
和其它組件一樣，Slider Widget提供了相關(guān)的屬性來控制自己，接下來我們將介紹該組件中常用的屬性：
- value屬性： 主要用來設(shè)定滑動條當(dāng)前的進(jìn)度值；
- onChanged屬性：該屬性是方法類型，當(dāng)滑動組件時回調(diào)該屬性對應(yīng)的方法；
- min屬性：主要用來設(shè)置滑動范圍的最小值；
- max屬性：主要用來設(shè)置滑動范圍的最大值；
- divisions屬性：主要用來設(shè)定滑動范圍的步進(jìn)值；
- activeColor屬性：主要用來設(shè)定滑動條上已經(jīng)滑過的顏色值；
- inactiveColor屬性：主要用來設(shè)定滑動條上沒有滑過的顏色值；
上面這些屬性中前兩個屬性是必選屬性，其它屬性是可選屬性。不過最好還是給這些屬性賦值，比如如果不指定min/max屬性的值，默認(rèn)值的范圍在0.0-1.0之間。這個范圍可能不符合我們項目中的要求。注意value的值必須在min/max限制的范圍內(nèi)，不然編譯時沒有問題，但是在運行時會發(fā)生錯誤。
示例代碼
Slider(
//指定滑動值的范圍，如果不指定，默認(rèn)值的范圍在0.0 - 1.0之間
min: 0.0,
max: 10.0,
//步進(jìn)值
divisions: 10,
//設(shè)定當(dāng)前值
value: _slideValue,
//變化時回調(diào)，在回調(diào)中修改slider當(dāng)前顯示的值
onChanged: (value) {
setState(() {
_slideValue = value;
print("value = $value");
});
},
activeColor: Colors.purpleAccent,
inactiveColor: Colors.green,
),
我們在上面的代碼中添加了詳細(xì)的注釋，方便大家理解程序。此外，我們在onChange對應(yīng)的方法中通過setState()方法修改了value屬性中的值，這樣就可以讓滑動條跟著滑動的進(jìn)度進(jìn)行變化，同時我們還在這里添加了日志信息。
我在這里就不演示程序的運行結(jié)果了，建議大家自己動手去實踐，一方面可以體會到滑動條的變化，另一方面可以通過日志看到變化的值，可以看值的范圍和步進(jìn)是否和屬性中設(shè)置的值一致。文章來源：http://www.zghlxwxcb.cn/news/detail-490456.html
看官們，關(guān)于Slide Widget相關(guān)的內(nèi)容就介紹到這里，歡迎大家在評論區(qū)交流與討論!文章來源地址http://www.zghlxwxcb.cn/news/detail-490456.html
到了這里，關(guān)于第五十九回： Slider Widget的文章就介紹完了。如果您還想了解更多內(nèi)容，請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
