feat：Slider

Author: DIVINER-only

docs/widget/form/slider/index.md

@@ -0,0 +1,35 @@
+## **Slider**
+
+>
+Silder用来选择连续性的或者非连续性的数据
+
+### 构造方法
+``` dart
+Slider({
+  Key key,
+  @required this.value,
+  @required this.onChanged,
+  this.onChangeStart,
+  this.onChangeEnd,
+  this.min = 0.0,
+  this.max = 1.0,
+  this.divisions,
+  this.label,
+  this.activeColor,
+  this.inactiveColor,
+  this.semanticFormatterCallback,
+})
+```
+
+### 属性介绍
+* value：Silder当前值
+* onChanged：滑块状态发生变化时进行回调
+* onChangeStart：滑块状态刚发生变化时的回调
+* onChangeEnd：滑块状态变化结束时的回调
+* min：用户可以选择的最小值
+* max：用户可以选择的最大值
+* divisions：将silder划分为几份
+* label：滑块处于活动状态时显示在滑块上方的标签
+* activeColor：用于滑块轨道中活动部分的颜色
+* inactiveColor：滑块轨道的非活动部分的颜色
+

lib/widget/form/index.dart

@@ -9,6 +9,7 @@ import 'radio/index.dart' as radio;
 import 'formfield/index.dart' as formfield;
 import 'form/index.dart' as form;
 import 'daypicker/index.dart' as daypicker;
+import 'slider/index.dart' as Slider;
 
 const nameSpaces = '/form_';
 
@@ -23,6 +24,11 @@ List widgets = [
     code: 59662, // gavel
     title: CheckboxListTile.Index.title
   ),
+  ItemInfo(
+    widget: Slider.Index(),
+    code: 59662, // gavel
+    title: Slider.Index.title
+  ),
   ItemInfo(
     widget: daypicker.Index(),
     code: 59662, // gavel

lib/widget/form/slider/demo.dart

@@ -0,0 +1,40 @@
+import 'package:flutter/material.dart';
+
+
+class Index extends StatefulWidget {
+  @override
+  _IndexState createState() => _IndexState();
+}
+
+class _IndexState extends State<Index> {
+  double _sliderValue = 0.0;
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      appBar: AppBar(title: Text('Slider'),),
+      body: Center(
+        child: Slider(
+          value: _sliderValue,
+          onChanged: (value){
+            setState(() {
+              _sliderValue = value;
+            });
+          },
+          onChangeStart: (value){
+            print('onChangeStart:$value');
+          },
+          onChangeEnd: (value) {
+            print('onChangeEnd:$value');
+          },
+          min: 0.0,
+          max: 100.0,
+          activeColor: Theme.of(context).primaryColor,
+          inactiveColor: Theme.of(context).primaryColor.withOpacity(0.3),
+          divisions: 10,
+          label: '${_sliderValue.toInt()}',
+        ),
+      ),
+    );
+  }
+}

lib/widget/form/slider/index.dart

@@ -0,0 +1,25 @@
+import 'package:flutter/material.dart';
+import 'package:efox_flutter/components/widgetComp.dart' as WidgetComp;
+import 'demo.dart' as Demo;
+
+class Index extends StatefulWidget {
+  static String title = 'Slider';
+  static String originCodeUrl = 'https://docs.flutter.io/flutter/material/Slider-class.html';
+  static String mdUrl = 'docs/widget/form/slider/index.md';
+  @override
+  _IndexState createState() => _IndexState();
+}
+
+class _IndexState extends State<Index> {
+  @override
+  Widget build(BuildContext context) {
+    return WidgetComp.Index(
+      title: Index.title,
+      originCodeUrl: Index.originCodeUrl,
+      mdUrl: Index.mdUrl,
+      demoChild: <Widget>[
+        Demo.Index()
+      ],
+    );
+  }
+}

pubspec.yaml

@@ -96,6 +96,7 @@ flutter:
       - docs/widget/form/switch/
       - docs/widget/form/textfield/
       - docs/widget/form/textinput/
+      - docs/widget/form/slider/
       - docs/widget/navigator/appbar/
       - docs/widget/navigator/scaffold/
       - docs/widget/navigator/bottomnavigationbar/

readme.md

@@ -30,34 +30,33 @@
 ——locale
 ```
 
-# 组件进度列表
-### animate  
-```
-1.  animatedbuilder【】
-2.  animatedcontainer【】
-3.  animatedcrossfade【】
-4.  animateddefaulttextstyle【】
-5.  animatedliststate【】
-6.  animatedmodalbarrier【】
-7.  animatedopacity【】
-8.  animatedphysicalmodel【】
-9.  animatedpositioned【】
-10. animatedsize【】
-11. animatedwidget【】
-12. animatedwidgetbasestate【】
-13. animationcontroller【】
-14. decoratedboxtransition【】
-15. fadetransition【】
-16. hero【】
-17. positionedtransition【】
-18. rotationtransition【】
-19. scaletransition【】
-20. sizetransition【】
-20. slidetransition【】
-```
+## 组件进度列表
+- animate  
+1.  animationController【✔️ v1.0】
+2.  animatedbuilder【】
+3.  animatedcontainer【】
+4.  animatedcrossfade【】
+5.  animateddefaulttextstyle【】
+6.  animatedliststate【】
+7.  animatedmodalbarrier【】
+8.  animatedopacity【】
+9.  animatedphysicalmodel【】
+10.  animatedpositioned【】
+11. animatedsize【】
+12. animatedwidget【】
+13. animatedwidgetbasestate【】
+14. animationcontroller【】
+15. decoratedboxtransition【】
+16. fadetransition【】
+17. hero【】
+18. positionedtransition【】
+19. rotationtransition【】
+20. scaletransition【】
+21. sizetransition【】
+22. slidetransition【】
 
-### bulletbox
-```
+
+- bulletbox
 1.  alertdialog【✔️ v1.0】
 2.  bottomsheet【✔️ v1.0】
 3.  expansionPanel【✔️ v1.0】
@@ -71,8 +70,8 @@
 2.  buttonbar【】
 3.  chip【】
 4.  container【✔️ v1.0】
-5.  divider【】
-6.  flatbutton【】
+5.  divider【✔️ v1.0】
+6.  flatbutton【✔️ v1.0】
 7.  icon【】
 8.  iconbutton【】
 9.  image【】
@@ -81,24 +80,25 @@
 12. raisedbutton【】
 13. rawimage【】
 14. stepper【】
-15. text【】
+15. text【✔️ v1.0】
 16. tooltip【】
 ```
 
 ### form
 ```
 1.  checkbox【✔️ v1.0】
 2.  checkboxlisttile【✔️ v1.0】
-3.【daypicker】
-4.【form】
-5.【formfield】
-6.【radio】
-7.【rawkeyboard】
-8.【switch】
-9.【textfield】
-10.【textinput】
-11.【】
-12.【】
+3.  slider【✔️ v1.0】
+3.  daypicker【】
+4.  form【】
+5.  formfield【】
+6.  radio【】
+7.  rawkeyboard【】
+8.  switch【】
+9.  textfield【】
+10. textinput【】
+11. 【】
+12. 【】
 ```
 
 ### gestures