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：滑块轨道的非活动部分的颜色
+

flutter-ui

@@ -0,0 +1 @@
+Subproject commit d9e49e6358a786d3eb3eb567557ce84fa9af77b7

lib/widget/form/index.dart

@@ -1,6 +1,7 @@
 import 'package:efox_flutter/store/objects/widget_info.dart';
 import 'checkbox/index.dart' as CheckBox;
 import 'checkboxlisttile/index.dart' as CheckboxListTile;
+import 'slider/index.dart' as Slider;
 
 const nameSpaces = '/form_';
 
@@ -14,6 +15,11 @@ List widgets = [
     widget: CheckboxListTile.Index(),
     code: 59662, // gavel
     title: CheckboxListTile.Index.title
+  ),
+  ItemInfo(
+    widget: Slider.Index(),
+    code: 60229, // golf_course
+    title: Slider.Index.title
   )
 ];
 

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

@@ -88,6 +88,7 @@ flutter:
       - docs/widget/bulletbox/expansionpanel/
       - docs/widget/form/checkbox/
       - docs/widget/form/checkboxlisttile/
+      - docs/widget/form/slider/
       - docs/widget/navigator/appbar/
       - docs/widget/navigator/scaffold/
       - docs/widget/navigator/bottomnavigationbar/

readme.md

@@ -32,27 +32,28 @@
 
 ## 组件进度列表
 - 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【】
+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
 1.  alertdialog【✔️ v1.0】
 2.  bottomsheet【✔️ v1.0】
@@ -79,7 +80,7 @@
 - form
 1.  checkbox【✔️ v1.0】
 2.  checkboxlisttile【✔️ v1.0】
-3.【】
+3.  silder【✔️ v1.0】
 4.【】
 5.【】
 6.【】