首页下载资源移动开发Flutter 百分比指示器库

ZIPFlutter 百分比指示器库

qq_360407641.41MB需要积分:1

资源文件列表:

flutter_percent_indicator-master.zip 大约有123个文件
  1. flutter_percent_indicator-master/
  2. flutter_percent_indicator-master/.github/
  3. flutter_percent_indicator-master/.github/workflows/
  4. flutter_percent_indicator-master/.github/workflows/master.yml 414B
  5. flutter_percent_indicator-master/.github/workflows/release.yml 2.29KB
  6. flutter_percent_indicator-master/.gitignore 427B
  7. flutter_percent_indicator-master/.pubignore 427B
  8. flutter_percent_indicator-master/CHANGELOG.md 3.3KB
  9. flutter_percent_indicator-master/LICENSE 1.29KB
  10. flutter_percent_indicator-master/README.md 9.37KB
  11. flutter_percent_indicator-master/analysis_options.yaml 370B
  12. flutter_percent_indicator-master/art/
  13. flutter_percent_indicator-master/art/screen1.png 148.56KB
  14. flutter_percent_indicator-master/art/screen2.png 106.53KB
  15. flutter_percent_indicator-master/example/
  16. flutter_percent_indicator-master/example/.gitignore 73B
  17. flutter_percent_indicator-master/example/.metadata 284B
  18. flutter_percent_indicator-master/example/.pubignore 134B
  19. flutter_percent_indicator-master/example/android/
  20. flutter_percent_indicator-master/example/android/.gitignore 136B
  21. flutter_percent_indicator-master/example/android/app/
  22. flutter_percent_indicator-master/example/android/app/build.gradle 1.5KB
  23. flutter_percent_indicator-master/example/android/app/src/
  24. flutter_percent_indicator-master/example/android/app/src/main/
  25. flutter_percent_indicator-master/example/android/app/src/main/AndroidManifest.xml 2.05KB
  26. flutter_percent_indicator-master/example/android/app/src/main/java/
  27. flutter_percent_indicator-master/example/android/app/src/main/java/com/
  28. flutter_percent_indicator-master/example/android/app/src/main/java/com/example/
  29. flutter_percent_indicator-master/example/android/app/src/main/java/com/example/percentindicatorexample/
  30. flutter_percent_indicator-master/example/android/app/src/main/java/com/example/percentindicatorexample/MainActivity.java 157B
  31. flutter_percent_indicator-master/example/android/app/src/main/res/
  32. flutter_percent_indicator-master/example/android/app/src/main/res/drawable/
  33. flutter_percent_indicator-master/example/android/app/src/main/res/drawable/launch_background.xml 434B
  34. flutter_percent_indicator-master/example/android/app/src/main/res/mipmap-hdpi/
  35. flutter_percent_indicator-master/example/android/app/src/main/res/mipmap-hdpi/ic_launcher.png 544B
  36. flutter_percent_indicator-master/example/android/app/src/main/res/mipmap-mdpi/
  37. flutter_percent_indicator-master/example/android/app/src/main/res/mipmap-mdpi/ic_launcher.png 442B
  38. flutter_percent_indicator-master/example/android/app/src/main/res/mipmap-xhdpi/
  39. flutter_percent_indicator-master/example/android/app/src/main/res/mipmap-xhdpi/ic_launcher.png 721B
  40. flutter_percent_indicator-master/example/android/app/src/main/res/mipmap-xxhdpi/
  41. flutter_percent_indicator-master/example/android/app/src/main/res/mipmap-xxhdpi/ic_launcher.png 1.01KB
  42. flutter_percent_indicator-master/example/android/app/src/main/res/mipmap-xxxhdpi/
  43. flutter_percent_indicator-master/example/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher.png 1.41KB
  44. flutter_percent_indicator-master/example/android/app/src/main/res/values/
  45. flutter_percent_indicator-master/example/android/app/src/main/res/values/styles.xml 361B
  46. flutter_percent_indicator-master/example/android/build.gradle 480B
  47. flutter_percent_indicator-master/example/android/gradle.properties 104B
  48. flutter_percent_indicator-master/example/android/gradle/
  49. flutter_percent_indicator-master/example/android/gradle/wrapper/
  50. flutter_percent_indicator-master/example/android/gradle/wrapper/gradle-wrapper.jar 52.38KB
  51. flutter_percent_indicator-master/example/android/gradle/wrapper/gradle-wrapper.properties 230B
  52. flutter_percent_indicator-master/example/android/gradlew 4.85KB
  53. flutter_percent_indicator-master/example/android/gradlew.bat 2.35KB
  54. flutter_percent_indicator-master/example/android/settings.gradle 484B
  55. flutter_percent_indicator-master/example/ios/
  56. flutter_percent_indicator-master/example/ios/.gitignore 512B
  57. flutter_percent_indicator-master/example/ios/Flutter/
  58. flutter_percent_indicator-master/example/ios/Flutter/AppFrameworkInfo.plist 774B
  59. flutter_percent_indicator-master/example/ios/Flutter/Debug.xcconfig 30B
  60. flutter_percent_indicator-master/example/ios/Flutter/Release.xcconfig 30B
  61. flutter_percent_indicator-master/example/ios/Runner.xcodeproj/
  62. flutter_percent_indicator-master/example/ios/Runner.xcodeproj/project.pbxproj 16.24KB
  63. flutter_percent_indicator-master/example/ios/Runner.xcodeproj/project.xcworkspace/
  64. flutter_percent_indicator-master/example/ios/Runner.xcodeproj/project.xcworkspace/contents.xcworkspacedata 135B
  65. flutter_percent_indicator-master/example/ios/Runner.xcodeproj/xcshareddata/
  66. flutter_percent_indicator-master/example/ios/Runner.xcodeproj/xcshareddata/xcschemes/
  67. flutter_percent_indicator-master/example/ios/Runner.xcodeproj/xcshareddata/xcschemes/Runner.xcscheme 3.25KB
  68. flutter_percent_indicator-master/example/ios/Runner.xcworkspace/
  69. flutter_percent_indicator-master/example/ios/Runner.xcworkspace/contents.xcworkspacedata 152B
  70. flutter_percent_indicator-master/example/ios/Runner/
  71. flutter_percent_indicator-master/example/ios/Runner/AppDelegate.h 103B
  72. flutter_percent_indicator-master/example/ios/Runner/AppDelegate.m 424B
  73. flutter_percent_indicator-master/example/ios/Runner/Assets.xcassets/
  74. flutter_percent_indicator-master/example/ios/Runner/Assets.xcassets/AppIcon.appiconset/
  75. flutter_percent_indicator-master/example/ios/Runner/Assets.xcassets/AppIcon.appiconset/Contents.json 2.46KB
  76. flutter_percent_indicator-master/example/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-1024x1024@1x.png 10.85KB
  77. flutter_percent_indicator-master/example/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-20x20@1x.png 564B
  78. flutter_percent_indicator-master/example/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-20x20@2x.png 1.25KB
  79. flutter_percent_indicator-master/example/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-20x20@3x.png 1.55KB
  80. flutter_percent_indicator-master/example/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-29x29@1x.png 1KB
  81. flutter_percent_indicator-master/example/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-29x29@2x.png 1.68KB
  82. flutter_percent_indicator-master/example/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-29x29@3x.png 1.88KB
  83. flutter_percent_indicator-master/example/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-40x40@1x.png 1.25KB
  84. flutter_percent_indicator-master/example/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-40x40@2x.png 1.85KB
  85. flutter_percent_indicator-master/example/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-40x40@3x.png 2.6KB
  86. flutter_percent_indicator-master/example/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-60x60@2x.png 2.6KB
  87. flutter_percent_indicator-master/example/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-60x60@3x.png 3.74KB
  88. flutter_percent_indicator-master/example/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-76x76@1x.png 1.84KB
  89. flutter_percent_indicator-master/example/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-76x76@2x.png 3.22KB
  90. flutter_percent_indicator-master/example/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-83.5x83.5@2x.png 3.53KB
  91. flutter_percent_indicator-master/example/ios/Runner/Assets.xcassets/LaunchImage.imageset/
  92. flutter_percent_indicator-master/example/ios/Runner/Assets.xcassets/LaunchImage.imageset/Contents.json 391B
  93. flutter_percent_indicator-master/example/ios/Runner/Assets.xcassets/LaunchImage.imageset/LaunchImage.png 68B
  94. flutter_percent_indicator-master/example/ios/Runner/Assets.xcassets/LaunchImage.imageset/LaunchImage@2x.png 68B
  95. flutter_percent_indicator-master/example/ios/Runner/Assets.xcassets/LaunchImage.imageset/LaunchImage@3x.png 68B
  96. flutter_percent_indicator-master/example/ios/Runner/Assets.xcassets/LaunchImage.imageset/README.md 336B
  97. flutter_percent_indicator-master/example/ios/Runner/Base.lproj/
  98. flutter_percent_indicator-master/example/ios/Runner/Base.lproj/LaunchScreen.storyboard 2.32KB
  99. flutter_percent_indicator-master/example/ios/Runner/Base.lproj/Main.storyboard 1.57KB
  100. flutter_percent_indicator-master/example/ios/Runner/Info.plist 1.57KB
  101. flutter_percent_indicator-master/example/ios/Runner/main.m 226B
  102. flutter_percent_indicator-master/example/lib/
  103. flutter_percent_indicator-master/example/lib/main.dart 1.32KB
  104. flutter_percent_indicator-master/example/lib/sample_circular_page.dart 14.77KB
  105. flutter_percent_indicator-master/example/lib/sample_linear_page.dart 10.4KB
  106. flutter_percent_indicator-master/example/percent_indicator_example.iml 896B
  107. flutter_percent_indicator-master/example/percent_indicator_example_android.iml 1.42KB
  108. flutter_percent_indicator-master/example/pubspec.lock 1.83KB
  109. flutter_percent_indicator-master/example/pubspec.yaml 603B
  110. flutter_percent_indicator-master/lib/
  111. flutter_percent_indicator-master/lib/circular_percent_indicator.dart 16.94KB
  112. flutter_percent_indicator-master/lib/linear_percent_indicator.dart 14.86KB
  113. flutter_percent_indicator-master/lib/percent_indicator.dart 110B
  114. flutter_percent_indicator-master/percent_indicator.iml 1.36KB
  115. flutter_percent_indicator-master/pubspec.lock 4.48KB
  116. flutter_percent_indicator-master/pubspec.yaml 875B
  117. flutter_percent_indicator-master/screenshots/
  118. flutter_percent_indicator-master/screenshots/circular_percent_indicator.gif 604.72KB
  119. flutter_percent_indicator-master/screenshots/circular_percent_indicator.png 129.18KB
  120. flutter_percent_indicator-master/screenshots/linear_percent_indicator.gif 344.65KB
  121. flutter_percent_indicator-master/screenshots/linear_percent_indicator.png 71.43KB
  122. flutter_percent_indicator-master/test/
  123. flutter_percent_indicator-master/test/percent_indicator_test.dart 747B

资源介绍:

Flutter 百分比指示器库
# Percent Indicator [![pub package](https://img.shields.io/pub/v/percent_indicator.svg)](https://pub.dev/packages/percent_indicator) Circular and Linear percent indicators

drawing drawing

## Features - Circle percent indicator - Linear percent indicator - Toggle animation - Custom duration of the animation - Progress based on a percentage value - Progress and background color - Custom size - Left , right or center child for Linear percent indicator - Top, bottom or center child for Circular percent indicator - Progress Color using gradients ## Getting started You should ensure that you add the router as a dependency in your flutter project. ```yaml dependencies: percent_indicator: ^4.0.1 ``` You should then run `flutter packages upgrade` or update your packages in IntelliJ. ## Example Project There is a example project in the `example` folder. Check it out. Otherwise, keep reading to get up and running. ## Usage Need to include the import the package to the dart file where it will be used, use the below command, ```dart import 'package:percent_indicator/percent_indicator.dart'; ``` **Circular percent indicator** Basic Widget ```dart new CircularPercentIndicator( radius: 60.0, lineWidth: 5.0, percent: 1.0, center: new Text("100%"), progressColor: Colors.green, ) ``` Complete example ```dart @override Widget build(BuildContext context) { return Scaffold( appBar: new AppBar( title: new Text("Circular Percent Indicators"), ), body: Center( child: ListView( children: [ new CircularPercentIndicator( radius: 100.0, lineWidth: 10.0, percent: 0.8, header: new Text("Icon header"), center: new Icon( Icons.person_pin, size: 50.0, color: Colors.blue, ), backgroundColor: Colors.grey, progressColor: Colors.blue, ), new CircularPercentIndicator( radius: 130.0, animation: true, animationDuration: 1200, lineWidth: 15.0, percent: 0.4, center: new Text( "40 hours", style: new TextStyle(fontWeight: FontWeight.bold, fontSize: 20.0), ), circularStrokeCap: CircularStrokeCap.butt, backgroundColor: Colors.yellow, progressColor: Colors.red, ), new CircularPercentIndicator( radius: 120.0, lineWidth: 13.0, animation: true, percent: 0.7, center: new Text( "70.0%", style: new TextStyle(fontWeight: FontWeight.bold, fontSize: 20.0), ), footer: new Text( "Sales this week", style: new TextStyle(fontWeight: FontWeight.bold, fontSize: 17.0), ), circularStrokeCap: CircularStrokeCap.round, progressColor: Colors.purple, ), Padding( padding: EdgeInsets.all(15.0), child: new CircularPercentIndicator( radius: 60.0, lineWidth: 5.0, percent: 1.0, center: new Text("100%"), progressColor: Colors.green, ), ), Container( padding: EdgeInsets.all(15.0), child: new Row( mainAxisAlignment: MainAxisAlignment.center, children: [ new CircularPercentIndicator( radius: 45.0, lineWidth: 4.0, percent: 0.10, center: new Text("10%"), progressColor: Colors.red, ), new Padding( padding: EdgeInsets.symmetric(horizontal: 10.0), ), new CircularPercentIndicator( radius: 45.0, lineWidth: 4.0, percent: 0.30, center: new Text("30%"), progressColor: Colors.orange, ), new Padding( padding: EdgeInsets.symmetric(horizontal: 10.0), ), new CircularPercentIndicator( radius: 45.0, lineWidth: 4.0, percent: 0.60, center: new Text("60%"), progressColor: Colors.yellow, ), new Padding( padding: EdgeInsets.symmetric(horizontal: 10.0), ), new CircularPercentIndicator( radius: 45.0, lineWidth: 4.0, percent: 0.90, center: new Text("90%"), progressColor: Colors.green, ) ], ), ) ]), ), ); } ```

**Linear percent indicator** Basic Widget ```dart new LinearPercentIndicator( width: 140.0, lineHeight: 14.0, percent: 0.5, backgroundColor: Colors.grey, progressColor: Colors.blue, ), ``` Complete example ```dart @override Widget build(BuildContext context) { return Scaffold( appBar: new AppBar( title: new Text("Linear Percent Indicators"), ), body: Center( child: Column( mainAxisAlignment: MainAxisAlignment.center, children: [ Padding( padding: EdgeInsets.all(15.0), child: new LinearPercentIndicator( width: 140.0, lineHeight: 14.0, percent: 0.5, center: Text( "50.0%", style: new TextStyle(fontSize: 12.0), ), trailing: Icon(Icons.mood), linearStrokeCap: LinearStrokeCap.roundAll, backgroundColor: Colors.grey, progressColor: Colors.blue, ), ), Padding( padding: EdgeInsets.all(15.0), child: new LinearPercentIndicator( width: 170.0, animation: true, animationDuration: 1000, lineHeight: 20.0, leading: new Text("left content"), trailing: new Text("right content"), percent: 0.2, center: Text("20.0%"), linearStrokeCap: LinearStrokeCap.butt, progressColor: Colors.red, ), ), Padding( padding: EdgeInsets.all(15.0), child: new LinearPercentIndicator( width: MediaQuery.of(context).size.width - 50, animation: true, lineHeight: 20.0, animationDuration: 2000, percent: 0.9, center: Text("90.0%"), linearStrokeCap: LinearStrokeCap.roundAll, progressColor: Colors.greenAccent,
100+评论
captcha