diff --git a/CHANGELOG.md b/CHANGELOG.md index b70ffae..978695a 100644 --- 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 index c7b4dd0..57f4a57 100644 --- 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 index 2badcf5..399441e 100644 --- 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 new file mode 100644 index 0000000..c90e551 Binary files /dev/null and b/example/gif/ai_progress_dashboard-round.gif differ diff --git a/example/gif/ai_progress_dashboard-square.gif b/example/gif/ai_progress_dashboard-square.gif new file mode 100644 index 0000000..a4604a3 Binary files /dev/null and b/example/gif/ai_progress_dashboard-square.gif differ diff --git a/pubspec.yaml b/pubspec.yaml index 6b79e66..17e9c3e 100644 --- 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