update: dashboard example

pdliuw · Apr 14, 2020 · 20ce96f · 20ce96f
1 parent 419ad34
commit 20ce96f
Show file tree

Hide file tree

Showing 6 changed files with 141 additions and 1 deletion.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,3 +1,7 @@
+## [0.1.2] - Dashboard
+
+* Add: Dashboard progress
+
 ## [0.1.1] - Document
 
 * config document

diff --git a/README.md b/README.md
@@ -312,6 +312,74 @@ import 'package:ai_progress/ai_progress.dart';
 ```
 
 
+### 8. 仪表盘进度-方形帽
+
+|ai_progress: dashboard-square|
+|:-|
+|![dashboard-square](https://github.com/pdliuw/ai_progress/blob/master/example/gif/ai_progress_dashboard-square.gif)|
+|:-|
+
+```
+   
+                Stack(
+                  alignment: Alignment.center,
+                  children: <Widget>[
+                    Container(
+                      width: 150,
+                      height: 150,
+                      padding: EdgeInsets.all(5),
+                      child: AirDashboardStateProgressIndicator(
+                        size: Size(150, 150),
+                        value: _segmentValue / 10 * 100, //1~100
+                        valueColor:
+                            ColorTween(begin: Colors.grey, end: Colors.blue)
+                                .transform(_segmentValue / 10),
+                        pathStrokeWidth: 10,
+                        valueStrokeWidth: 10,
+                        gapDegree: 60,
+                        roundCap: false,
+                      ),
+                    ),
+                    Text("${_segmentValue / 10 * 100}%"),
+                  ],
+                ),
+    
+```
+
+### 9. 仪表盘进度-圆形帽
+
+|ai_progress: dashboard-round|
+|:-|
+|![dashboard-round](https://github.com/pdliuw/ai_progress/blob/master/example/gif/ai_progress_dashboard-round.gif)|
+|:-|
+
+```
+   
+                Stack(
+                  alignment: Alignment.center,
+                  children: <Widget>[
+                    Container(
+                      width: 150,
+                      height: 150,
+                      padding: EdgeInsets.all(5),
+                      child: AirDashboardStateProgressIndicator(
+                        size: Size(150, 150),
+                        value: _segmentValue / 10 * 100, //1~100
+                        valueColor:
+                            ColorTween(begin: Colors.grey, end: Colors.blue)
+                                .transform(_segmentValue / 10),
+                        pathStrokeWidth: 10,
+                        valueStrokeWidth: 10,
+                        gapDegree: 60,
+                        roundCap: true,
+                      ),
+                    ),
+                    Text("${_segmentValue / 10 * 100}%"),
+                  ],
+                ),
+    
+```
+
 意犹未尽？[点击，查看项目示例](https://github.com/pdliuw/flutter_app_sample)
 
 

diff --git a/README_EN.md b/README_EN.md
@@ -325,6 +325,74 @@ import 'package:ai_progress/ai_progress.dart';
     
 ```
 
+### 8. Dashboard-square
+
+|ai_progress: dashboard-square|
+|:-|
+|![dashboard-square](https://github.com/pdliuw/ai_progress/blob/master/example/gif/ai_progress_dashboard-square.gif)|
+|:-|
+
+```
+   
+                Stack(
+                  alignment: Alignment.center,
+                  children: <Widget>[
+                    Container(
+                      width: 150,
+                      height: 150,
+                      padding: EdgeInsets.all(5),
+                      child: AirDashboardStateProgressIndicator(
+                        size: Size(150, 150),
+                        value: _segmentValue / 10 * 100, //1~100
+                        valueColor:
+                            ColorTween(begin: Colors.grey, end: Colors.blue)
+                                .transform(_segmentValue / 10),
+                        pathStrokeWidth: 10,
+                        valueStrokeWidth: 10,
+                        gapDegree: 60,
+                        roundCap: false,
+                      ),
+                    ),
+                    Text("${_segmentValue / 10 * 100}%"),
+                  ],
+                ),
+    
+```
+
+### 9. Dashboard-round
+
+|ai_progress: dashboard-round|
+|:-|
+|![dashboard-round](https://github.com/pdliuw/ai_progress/blob/master/example/gif/ai_progress_dashboard-round.gif)|
+|:-|
+
+```
+   
+                Stack(
+                  alignment: Alignment.center,
+                  children: <Widget>[
+                    Container(
+                      width: 150,
+                      height: 150,
+                      padding: EdgeInsets.all(5),
+                      child: AirDashboardStateProgressIndicator(
+                        size: Size(150, 150),
+                        value: _segmentValue / 10 * 100, //1~100
+                        valueColor:
+                            ColorTween(begin: Colors.grey, end: Colors.blue)
+                                .transform(_segmentValue / 10),
+                        pathStrokeWidth: 10,
+                        valueStrokeWidth: 10,
+                        gapDegree: 60,
+                        roundCap: true,
+                      ),
+                    ),
+                    Text("${_segmentValue / 10 * 100}%"),
+                  ],
+                ),
+    
+```
+
 
 want to look more?[Click me，Look more](https://github.com/pdliuw/flutter_app_sample)
 

diff --git a/example/gif/ai_progress_dashboard-round.gif b/example/gif/ai_progress_dashboard-round.gif
diff --git a/example/gif/ai_progress_dashboard-square.gif b/example/gif/ai_progress_dashboard-square.gif
diff --git a/pubspec.yaml b/pubspec.yaml
@@ -1,6 +1,6 @@
 name: ai_progress
 description: A new multiple style progress include of circular、linear and step style progress indicator.
-version: 0.1.1
+version: 0.1.2
 homepage: https://pdliuw.github.io/
 repository: https://github.com/pdliuw/ai_progress