最近專案需要進行**區間選擇，網上找到乙個flutter帶雙滑塊的進度條外掛程式很好用，推薦給大家：
syncfusion_flutter_sliders: ^18.4.48-beta這個外掛程式是國外一家知名外掛程式公司提供的，功能強大，他們還有其他外掛程式，比如圖表，日曆，等等，具體可在上搜尋syncfusion，自行檢視；今天說明一下雙滑塊的實現：
首先在yaml檔案中匯入本外掛程式，然後在要用本外掛程式的檔案引用：
import 'package:syncfusion_flutter_sliders/sliders.dart';sfrangeslider(
min: 0.0,
max: 1000.0,
values: _values,
interval: 200,
showticks: true,
showlabels: true,
stepsize: 100,
labelformattercallback:
(dynamic actualvalue, string formattedtext) ,
inactivecolor: colors.grey[200],
minorticksperinterval: 1,
onchanged: (sfrangevalues values) );
},),
max最大值，
values:是預設滑塊所在位置格式為：
sfrangevalues _values = sfrangevalues(0.0, 800.0);interval是標籤間隔，設為200 就是每個200顯示乙個標籤，
showticks是是否顯示刻度，
showlabels是是否顯示標籤，
stepsize是最小滑動距離，
labelformattercallback是對標籤進行定製，上面的**意思是標籤值不是1000的話標籤顯示人民幣符號加數字，如果是1000的話標籤顯示不限。
inactivecolor:未選中的進度條顏色，或者說是進度條背景色。
activecolor：選中範圍的進度條顏色。
minorticksperinterval：兩個大刻度之間顯示的小刻度數量。
onchanged：變化監聽。
syncfusion_flutter_core: ^18.4.48引用檔案：
import 'package:syncfusion_flutter_core/theme.dart';**：
sfrangeslidertheme(
data: sfrangesliderthemedata(
thumbcolor: colors.white,
thumbradius: 12,
thumbstrokewidth: 2,
thumbstrokecolor: colors.deeporange),
child: sfrangeslider(
min: 0.0,
max: 1000.0,
values: _values,
interval: 200,
showticks: true,
showlabels: true,
stepsize: 100,
labelformattercallback:
(dynamic actualvalue, string formattedtext) ,
inactivecolor: colors.grey[200],
minorticksperinterval: 1,
onchanged: (sfrangevalues values) );
},),
),
sfrangeslider外面套一層：
sfrangeslidertheme並在data中寫入樣式資料就可以了上面的**主要修改滑塊的樣式，當然也可以修改其他樣式。以下是實現的效果圖：
Flutter 實現胖進度條
事情是這樣的，我碰到乙個需求，做乙個胖進度條顯示任務進度，但是我沒有查到flutter有這個功能，只能自己做了 首先胖進度條是有兩個顏色，所以我們需要有兩個控制項分別表示這兩個進度條，我們用最簡單的方式就是container，然後把它變成圓角的，然後兩個疊在一起，就實現了我們的需求，怎麼疊在一起呢？...
swift爬行篇 滑塊，進度條，步進，
滑塊 1.建立 let sli uislider uislider frame cgrectmake 10.0,270,300,5 as uislider sli.minimumvalue 10 sli.maximumvalue 300 sli.continuous false continous屬...
用WPF實現帶滑塊的進度條
背景 哎，用wpf的人還是太少，在網上也看到很多關於wpf未來如何發展的討論，眾說紛紜。總之，wpf的定義就是windows presentationfoundation，它是微軟推出的專門針對表示層，也就是ui的乙個東東。而且，伴隨wpf而生的xaml語言，也將因為windows 8的大力推廣而擁...