├── .gitignore
├── .metadata
├── CHANGELOG.md
├── LICENSE
├── README.md
├── android
├── .gitignore
├── build.gradle
├── gradle.properties
├── settings.gradle
└── src
│ └── main
│ ├── AndroidManifest.xml
│ └── java
│ └── com
│ └── vansz
│ └── loading_indicator_view
│ └── LoadingIndicatorViewPlugin.java
├── example
├── .gitignore
├── .metadata
├── README.md
├── android
│ ├── app
│ │ ├── build.gradle
│ │ └── src
│ │ │ ├── debug
│ │ │ └── AndroidManifest.xml
│ │ │ ├── main
│ │ │ ├── AndroidManifest.xml
│ │ │ ├── java
│ │ │ │ └── com
│ │ │ │ │ └── vansz
│ │ │ │ │ └── loading_indicator_view_example
│ │ │ │ │ └── MainActivity.java
│ │ │ └── res
│ │ │ │ ├── drawable
│ │ │ │ └── launch_background.xml
│ │ │ │ ├── mipmap-hdpi
│ │ │ │ └── ic_launcher.png
│ │ │ │ ├── mipmap-mdpi
│ │ │ │ └── ic_launcher.png
│ │ │ │ ├── mipmap-xhdpi
│ │ │ │ └── ic_launcher.png
│ │ │ │ ├── mipmap-xxhdpi
│ │ │ │ └── ic_launcher.png
│ │ │ │ ├── mipmap-xxxhdpi
│ │ │ │ └── ic_launcher.png
│ │ │ │ └── values
│ │ │ │ └── styles.xml
│ │ │ └── profile
│ │ │ └── AndroidManifest.xml
│ ├── build.gradle
│ ├── gradle.properties
│ ├── gradle
│ │ └── wrapper
│ │ │ └── gradle-wrapper.properties
│ └── settings.gradle
├── ios
│ ├── Flutter
│ │ ├── AppFrameworkInfo.plist
│ │ ├── Debug.xcconfig
│ │ └── Release.xcconfig
│ ├── Podfile
│ ├── Runner.xcodeproj
│ │ ├── project.pbxproj
│ │ ├── project.xcworkspace
│ │ │ └── contents.xcworkspacedata
│ │ └── xcshareddata
│ │ │ └── xcschemes
│ │ │ └── Runner.xcscheme
│ ├── Runner.xcworkspace
│ │ └── contents.xcworkspacedata
│ └── Runner
│ │ ├── AppDelegate.h
│ │ ├── AppDelegate.m
│ │ ├── Assets.xcassets
│ │ ├── AppIcon.appiconset
│ │ │ ├── Contents.json
│ │ │ ├── Icon-App-1024x1024@1x.png
│ │ │ ├── Icon-App-20x20@1x.png
│ │ │ ├── Icon-App-20x20@2x.png
│ │ │ ├── Icon-App-20x20@3x.png
│ │ │ ├── Icon-App-29x29@1x.png
│ │ │ ├── Icon-App-29x29@2x.png
│ │ │ ├── Icon-App-29x29@3x.png
│ │ │ ├── Icon-App-40x40@1x.png
│ │ │ ├── Icon-App-40x40@2x.png
│ │ │ ├── Icon-App-40x40@3x.png
│ │ │ ├── Icon-App-60x60@2x.png
│ │ │ ├── Icon-App-60x60@3x.png
│ │ │ ├── Icon-App-76x76@1x.png
│ │ │ ├── Icon-App-76x76@2x.png
│ │ │ └── Icon-App-83.5x83.5@2x.png
│ │ └── LaunchImage.imageset
│ │ │ ├── Contents.json
│ │ │ ├── LaunchImage.png
│ │ │ ├── LaunchImage@2x.png
│ │ │ ├── LaunchImage@3x.png
│ │ │ └── README.md
│ │ ├── Base.lproj
│ │ ├── LaunchScreen.storyboard
│ │ └── Main.storyboard
│ │ ├── Info.plist
│ │ └── main.m
├── lib
│ └── main.dart
├── pubspec.yaml
└── test
│ └── widget_test.dart
├── flutter_indicator_view.gif
├── ios
├── .gitignore
├── Assets
│ └── .gitkeep
├── Classes
│ ├── LoadingIndicatorViewPlugin.h
│ └── LoadingIndicatorViewPlugin.m
└── loading_indicator_view.podspec
├── lib
├── loading_indicator_view.dart
└── src
│ ├── indicators
│ ├── ball_beat_indicator.dart
│ ├── ball_clip_rotate_indicator.dart
│ ├── ball_clip_rotate_multiple_indicator.dart
│ ├── ball_clip_rotate_pulse_indicator.dart
│ ├── ball_grid_beat_indicator.dart
│ ├── ball_grid_pulse_indicator.dart
│ ├── ball_pulse_indicator.dart
│ ├── ball_pulse_rise_indicator.dart
│ ├── ball_pulse_sync_indicator.dart
│ ├── ball_rotate_indicator.dart
│ ├── ball_scale_indicator.dart
│ ├── ball_scale_multiple_indicator.dart
│ ├── ball_scale_ripple_indicator.dart
│ ├── ball_scale_ripple_multiple_indicator.dart
│ ├── ball_spin_fade_loader_indicator.dart
│ ├── ball_zig_zag_indicator.dart
│ ├── cube_transition_indicator.dart
│ ├── line_scale_indicator.dart
│ ├── line_scale_pulse_out_indicator.dart
│ ├── line_scale_pulse_out_rapid_indicator.dart
│ ├── line_spin_fade_loader_indicator.dart
│ ├── pacman_indicator.dart
│ ├── semi_circle_spin_indicator.dart
│ ├── square_spin_indicator.dart
│ └── triangle_skew_spin_indicator.dart
│ └── infinite_progress.dart
├── loading_indicator_view.iml
├── pubspec.yaml
└── test
└── loading_indicator_view_test.dart
/.gitignore:
--------------------------------------------------------------------------------
1 | .DS_Store
2 | .dart_tool/
3 | .idea/
4 | .packages
5 | .pub/
6 |
7 | build/
8 | ios/.generated/
9 | ios/Flutter/Generated.xcconfig
10 | ios/Runner/GeneratedPluginRegistrant.*
11 | pubspec.lock
12 |
--------------------------------------------------------------------------------
/.metadata:
--------------------------------------------------------------------------------
1 | # This file tracks properties of this Flutter project.
2 | # Used by Flutter tool to assess capabilities and perform upgrades etc.
3 | #
4 | # This file should be version controlled and should not be manually edited.
5 |
6 | version:
7 | revision: bc7bc940836f1f834699625426795fd6f07c18ec
8 | channel: beta
9 |
10 | project_type: plugin
11 |
--------------------------------------------------------------------------------
/CHANGELOG.md:
--------------------------------------------------------------------------------
1 | ## 1.1.0
2 |
3 | * 优化项目,去除无用代码,添加使用文档
4 |
5 | ## 1.0.0
6 |
7 | * 完成 24 个 loading widget
8 |
--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
1 | TODO: Add your license here.
2 |
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | # loading_indicator_view
2 |
3 | A collection of awesome flutter loading animation
4 |
5 |
6 | ## Demo
7 |
8 |
9 |
10 | ## Usage
11 |
12 | ```
13 | loading_indicator_view: ^1.1.0
14 | ```
15 |
16 |
17 | ## Animation types
18 |
19 | | Type | Type | Type | Type |
20 | |---|---|---|---|
21 | |1. LineSpinFadeLoader | 2. BallBeat | 3. BallClipRotateMultiple | 4. BallGridPulse |
22 | |5. LineScale | 6. BallPulseRise | 7. BallScaleRippleMultiple | 8. BallZigZag |
23 | |9. BallScale | 10. BallPulseSync| 11. BallScaleMultiple | 12. BallPulse |
24 | |13. BallClipRotatePulse | 14. BallGridBeat | 15. SquareSpin | 16. BallSpinFadeLoader |
25 | |17. BallScaleRipple | 18. SemiCircleSpin | 19. LineScalePulseOut | 20. BallClipRotate |
26 | |21. Pacman | 22. BallRotate | 23. CubeTransition | 24. TriangleSkewSpin|
27 |
28 |
29 | # Licence
30 | Copyright 2019 Hitomis, Inc.
31 |
32 | Licensed under the Apache License, Version 2.0 (the "License");
33 | you may not use this file except in compliance with the License.
34 | You may obtain a copy of the License at
35 |
36 | http://www.apache.org/licenses/LICENSE-2.0
37 |
38 | Unless required by applicable law or agreed to in writing, software
39 | distributed under the License is distributed on an "AS IS" BASIS,
40 | WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
41 | See the License for the specific language governing permissions and
42 | limitations under the License.
43 |
--------------------------------------------------------------------------------
/android/.gitignore:
--------------------------------------------------------------------------------
1 | *.iml
2 | .gradle
3 | /local.properties
4 | /.idea/workspace.xml
5 | /.idea/libraries
6 | .DS_Store
7 | /build
8 | /captures
9 |
--------------------------------------------------------------------------------
/android/build.gradle:
--------------------------------------------------------------------------------
1 | group 'com.vansz.loading_indicator_view'
2 | version '1.0-SNAPSHOT'
3 |
4 | buildscript {
5 | repositories {
6 | google()
7 | jcenter()
8 | }
9 |
10 | dependencies {
11 | classpath 'com.android.tools.build:gradle:3.2.1'
12 | }
13 | }
14 |
15 | rootProject.allprojects {
16 | repositories {
17 | google()
18 | jcenter()
19 | }
20 | }
21 |
22 | apply plugin: 'com.android.library'
23 |
24 | android {
25 | compileSdkVersion 28
26 |
27 | defaultConfig {
28 | minSdkVersion 16
29 | testInstrumentationRunner "android.support.test.runner.AndroidJUnitRunner"
30 | }
31 | lintOptions {
32 | disable 'InvalidPackage'
33 | }
34 | }
35 |
--------------------------------------------------------------------------------
/android/gradle.properties:
--------------------------------------------------------------------------------
1 | org.gradle.jvmargs=-Xmx1536M
2 |
--------------------------------------------------------------------------------
/android/settings.gradle:
--------------------------------------------------------------------------------
1 | rootProject.name = 'loading_indicator_view'
2 |
--------------------------------------------------------------------------------
/android/src/main/AndroidManifest.xml:
--------------------------------------------------------------------------------
1 |
3 |
4 |
--------------------------------------------------------------------------------
/android/src/main/java/com/vansz/loading_indicator_view/LoadingIndicatorViewPlugin.java:
--------------------------------------------------------------------------------
1 | package com.vansz.loading_indicator_view;
2 |
3 | import io.flutter.plugin.common.MethodCall;
4 | import io.flutter.plugin.common.MethodChannel;
5 | import io.flutter.plugin.common.MethodChannel.MethodCallHandler;
6 | import io.flutter.plugin.common.MethodChannel.Result;
7 | import io.flutter.plugin.common.PluginRegistry.Registrar;
8 |
9 | /** LoadingIndicatorViewPlugin */
10 | public class LoadingIndicatorViewPlugin implements MethodCallHandler {
11 | /** Plugin registration. */
12 | public static void registerWith(Registrar registrar) {
13 | final MethodChannel channel = new MethodChannel(registrar.messenger(), "loading_indicator_view");
14 | channel.setMethodCallHandler(new LoadingIndicatorViewPlugin());
15 | }
16 |
17 | @Override
18 | public void onMethodCall(MethodCall call, Result result) {
19 | if (call.method.equals("getPlatformVersion")) {
20 | result.success("Android " + android.os.Build.VERSION.RELEASE);
21 | } else {
22 | result.notImplemented();
23 | }
24 | }
25 | }
26 |
--------------------------------------------------------------------------------
/example/.gitignore:
--------------------------------------------------------------------------------
1 | # Miscellaneous
2 | *.class
3 | *.log
4 | *.pyc
5 | *.swp
6 | .DS_Store
7 | .atom/
8 | .buildlog/
9 | .history
10 | .svn/
11 |
12 | # IntelliJ related
13 | *.iml
14 | *.ipr
15 | *.iws
16 | .idea/
17 |
18 | # The .vscode folder contains launch configuration and tasks you configure in
19 | # VS Code which you may wish to be included in version control, so this line
20 | # is commented out by default.
21 | #.vscode/
22 |
23 | # Flutter/Dart/Pub related
24 | **/doc/api/
25 | .dart_tool/
26 | .flutter-plugins
27 | .packages
28 | .pub-cache/
29 | .pub/
30 | /build/
31 |
32 | # Android related
33 | **/android/**/gradle-wrapper.jar
34 | **/android/.gradle
35 | **/android/captures/
36 | **/android/gradlew
37 | **/android/gradlew.bat
38 | **/android/local.properties
39 | **/android/**/GeneratedPluginRegistrant.java
40 |
41 | # iOS/XCode related
42 | **/ios/**/*.mode1v3
43 | **/ios/**/*.mode2v3
44 | **/ios/**/*.moved-aside
45 | **/ios/**/*.pbxuser
46 | **/ios/**/*.perspectivev3
47 | **/ios/**/*sync/
48 | **/ios/**/.sconsign.dblite
49 | **/ios/**/.tags*
50 | **/ios/**/.vagrant/
51 | **/ios/**/DerivedData/
52 | **/ios/**/Icon?
53 | **/ios/**/Pods/
54 | **/ios/**/.symlinks/
55 | **/ios/**/profile
56 | **/ios/**/xcuserdata
57 | **/ios/.generated/
58 | **/ios/Flutter/App.framework
59 | **/ios/Flutter/Flutter.framework
60 | **/ios/Flutter/Generated.xcconfig
61 | **/ios/Flutter/app.flx
62 | **/ios/Flutter/app.zip
63 | **/ios/Flutter/flutter_assets/
64 | **/ios/ServiceDefinitions.json
65 | **/ios/Runner/GeneratedPluginRegistrant.*
66 |
67 | # Exceptions to above rules.
68 | !**/ios/**/default.mode1v3
69 | !**/ios/**/default.mode2v3
70 | !**/ios/**/default.pbxuser
71 | !**/ios/**/default.perspectivev3
72 | !/packages/flutter_tools/test/data/dart_dependencies_test/**/.packages
73 |
--------------------------------------------------------------------------------
/example/.metadata:
--------------------------------------------------------------------------------
1 | # This file tracks properties of this Flutter project.
2 | # Used by Flutter tool to assess capabilities and perform upgrades etc.
3 | #
4 | # This file should be version controlled and should not be manually edited.
5 |
6 | version:
7 | revision: bc7bc940836f1f834699625426795fd6f07c18ec
8 | channel: beta
9 |
10 | project_type: app
11 |
--------------------------------------------------------------------------------
/example/README.md:
--------------------------------------------------------------------------------
1 | ## Example
2 |
3 | * LineSpinFadeLoaderIndicator();
4 | * BallBeatIndicator();
5 | * BallClipRotateMultipleIndicator();
6 | * BallGridPulseIndicator();
7 | * LineScaleIndicator();
8 | * BallPulseRiseIndicator();
9 | * BallScaleRippleMultipleIndicator();
10 | * BallZigZagIndicator();
11 | * BallScaleIndicator();
12 | * BallPulseSyncIndicator();
13 | * BallScaleMultipleIndicator();
14 | * BallPulseIndicator();
15 | * BallClipRotatePulseIndicator();
16 | * BallGridBeatIndicator();
17 | * SquareSpinIndicator();
18 | * BallSpinFadeLoaderIndicator();
19 | * BallScaleRippleIndicator();
20 | * SemiCircleSpinIndicator();
21 | * LineScalePulseOutIndicator();
22 | * BallClipRotateIndicator();
23 | * PacmanIndicator();
24 | * BallRotateIndicator();
25 | * CubeTransitionIndicator();
26 | * TriangleSkewSpinIndicator();
27 |
28 | ## details
29 | example/lib/main.dart
--------------------------------------------------------------------------------
/example/android/app/build.gradle:
--------------------------------------------------------------------------------
1 | def localProperties = new Properties()
2 | def localPropertiesFile = rootProject.file('local.properties')
3 | if (localPropertiesFile.exists()) {
4 | localPropertiesFile.withReader('UTF-8') { reader ->
5 | localProperties.load(reader)
6 | }
7 | }
8 |
9 | def flutterRoot = localProperties.getProperty('flutter.sdk')
10 | if (flutterRoot == null) {
11 | throw new GradleException("Flutter SDK not found. Define location with flutter.sdk in the local.properties file.")
12 | }
13 |
14 | def flutterVersionCode = localProperties.getProperty('flutter.versionCode')
15 | if (flutterVersionCode == null) {
16 | flutterVersionCode = '1'
17 | }
18 |
19 | def flutterVersionName = localProperties.getProperty('flutter.versionName')
20 | if (flutterVersionName == null) {
21 | flutterVersionName = '1.0'
22 | }
23 |
24 | apply plugin: 'com.android.application'
25 | apply from: "$flutterRoot/packages/flutter_tools/gradle/flutter.gradle"
26 |
27 | android {
28 | compileSdkVersion 28
29 |
30 | lintOptions {
31 | disable 'InvalidPackage'
32 | }
33 |
34 | defaultConfig {
35 | // TODO: Specify your own unique Application ID (https://developer.android.com/studio/build/application-id.html).
36 | applicationId "com.vansz.loading_indicator_view_example"
37 | minSdkVersion 16
38 | targetSdkVersion 28
39 | versionCode flutterVersionCode.toInteger()
40 | versionName flutterVersionName
41 | testInstrumentationRunner "android.support.test.runner.AndroidJUnitRunner"
42 | }
43 |
44 | buildTypes {
45 | release {
46 | // TODO: Add your own signing config for the release build.
47 | // Signing with the debug keys for now, so `flutter run --release` works.
48 | signingConfig signingConfigs.debug
49 | }
50 | }
51 | }
52 |
53 | flutter {
54 | source '../..'
55 | }
56 |
57 | dependencies {
58 | testImplementation 'junit:junit:4.12'
59 | androidTestImplementation 'com.android.support.test:runner:1.0.2'
60 | androidTestImplementation 'com.android.support.test.espresso:espresso-core:3.0.2'
61 | }
62 |
--------------------------------------------------------------------------------
/example/android/app/src/debug/AndroidManifest.xml:
--------------------------------------------------------------------------------
1 |
3 |
6 |
7 |
8 |
--------------------------------------------------------------------------------
/example/android/app/src/main/AndroidManifest.xml:
--------------------------------------------------------------------------------
1 |
3 |
4 |
9 |
13 |
20 |
24 |
27 |
28 |
29 |
30 |
31 |
32 |
33 |
34 |
--------------------------------------------------------------------------------
/example/android/app/src/main/java/com/vansz/loading_indicator_view_example/MainActivity.java:
--------------------------------------------------------------------------------
1 | package com.vansz.loading_indicator_view_example;
2 |
3 | import android.os.Bundle;
4 | import io.flutter.app.FlutterActivity;
5 | import io.flutter.plugins.GeneratedPluginRegistrant;
6 |
7 | public class MainActivity extends FlutterActivity {
8 | @Override
9 | protected void onCreate(Bundle savedInstanceState) {
10 | super.onCreate(savedInstanceState);
11 | GeneratedPluginRegistrant.registerWith(this);
12 | }
13 | }
14 |
--------------------------------------------------------------------------------
/example/android/app/src/main/res/drawable/launch_background.xml:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
12 |
13 |
--------------------------------------------------------------------------------
/example/android/app/src/main/res/mipmap-hdpi/ic_launcher.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Hitomis/loading_indicator_view/08082fdfca2efadf0b3465522a0711bc99a2ed70/example/android/app/src/main/res/mipmap-hdpi/ic_launcher.png
--------------------------------------------------------------------------------
/example/android/app/src/main/res/mipmap-mdpi/ic_launcher.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Hitomis/loading_indicator_view/08082fdfca2efadf0b3465522a0711bc99a2ed70/example/android/app/src/main/res/mipmap-mdpi/ic_launcher.png
--------------------------------------------------------------------------------
/example/android/app/src/main/res/mipmap-xhdpi/ic_launcher.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Hitomis/loading_indicator_view/08082fdfca2efadf0b3465522a0711bc99a2ed70/example/android/app/src/main/res/mipmap-xhdpi/ic_launcher.png
--------------------------------------------------------------------------------
/example/android/app/src/main/res/mipmap-xxhdpi/ic_launcher.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Hitomis/loading_indicator_view/08082fdfca2efadf0b3465522a0711bc99a2ed70/example/android/app/src/main/res/mipmap-xxhdpi/ic_launcher.png
--------------------------------------------------------------------------------
/example/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Hitomis/loading_indicator_view/08082fdfca2efadf0b3465522a0711bc99a2ed70/example/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher.png
--------------------------------------------------------------------------------
/example/android/app/src/main/res/values/styles.xml:
--------------------------------------------------------------------------------
1 |
2 |
3 |
8 |
9 |
--------------------------------------------------------------------------------
/example/android/app/src/profile/AndroidManifest.xml:
--------------------------------------------------------------------------------
1 |
3 |
6 |
7 |
8 |
--------------------------------------------------------------------------------
/example/android/build.gradle:
--------------------------------------------------------------------------------
1 | buildscript {
2 | repositories {
3 | google()
4 | jcenter()
5 | }
6 |
7 | dependencies {
8 | classpath 'com.android.tools.build:gradle:3.2.1'
9 | }
10 | }
11 |
12 | allprojects {
13 | repositories {
14 | google()
15 | jcenter()
16 | }
17 | }
18 |
19 | rootProject.buildDir = '../build'
20 | subprojects {
21 | project.buildDir = "${rootProject.buildDir}/${project.name}"
22 | }
23 | subprojects {
24 | project.evaluationDependsOn(':app')
25 | }
26 |
27 | task clean(type: Delete) {
28 | delete rootProject.buildDir
29 | }
30 |
--------------------------------------------------------------------------------
/example/android/gradle.properties:
--------------------------------------------------------------------------------
1 | org.gradle.jvmargs=-Xmx1536M
2 |
--------------------------------------------------------------------------------
/example/android/gradle/wrapper/gradle-wrapper.properties:
--------------------------------------------------------------------------------
1 | #Fri Jun 23 08:50:38 CEST 2017
2 | distributionBase=GRADLE_USER_HOME
3 | distributionPath=wrapper/dists
4 | zipStoreBase=GRADLE_USER_HOME
5 | zipStorePath=wrapper/dists
6 | distributionUrl=https\://services.gradle.org/distributions/gradle-4.10.2-all.zip
7 |
--------------------------------------------------------------------------------
/example/android/settings.gradle:
--------------------------------------------------------------------------------
1 | include ':app'
2 |
3 | def flutterProjectRoot = rootProject.projectDir.parentFile.toPath()
4 |
5 | def plugins = new Properties()
6 | def pluginsFile = new File(flutterProjectRoot.toFile(), '.flutter-plugins')
7 | if (pluginsFile.exists()) {
8 | pluginsFile.withReader('UTF-8') { reader -> plugins.load(reader) }
9 | }
10 |
11 | plugins.each { name, path ->
12 | def pluginDirectory = flutterProjectRoot.resolve(path).resolve('android').toFile()
13 | include ":$name"
14 | project(":$name").projectDir = pluginDirectory
15 | }
16 |
--------------------------------------------------------------------------------
/example/ios/Flutter/AppFrameworkInfo.plist:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | CFBundleDevelopmentRegion
6 | en
7 | CFBundleExecutable
8 | App
9 | CFBundleIdentifier
10 | io.flutter.flutter.app
11 | CFBundleInfoDictionaryVersion
12 | 6.0
13 | CFBundleName
14 | App
15 | CFBundlePackageType
16 | FMWK
17 | CFBundleShortVersionString
18 | 1.0
19 | CFBundleSignature
20 | ????
21 | CFBundleVersion
22 | 1.0
23 | MinimumOSVersion
24 | 8.0
25 |
26 |
27 |
--------------------------------------------------------------------------------
/example/ios/Flutter/Debug.xcconfig:
--------------------------------------------------------------------------------
1 | #include "Pods/Target Support Files/Pods-Runner/Pods-Runner.debug.xcconfig"
2 | #include "Generated.xcconfig"
3 |
--------------------------------------------------------------------------------
/example/ios/Flutter/Release.xcconfig:
--------------------------------------------------------------------------------
1 | #include "Pods/Target Support Files/Pods-Runner/Pods-Runner.release.xcconfig"
2 | #include "Generated.xcconfig"
3 |
--------------------------------------------------------------------------------
/example/ios/Podfile:
--------------------------------------------------------------------------------
1 | # Uncomment this line to define a global platform for your project
2 | # platform :ios, '9.0'
3 |
4 | # CocoaPods analytics sends network stats synchronously affecting flutter build latency.
5 | ENV['COCOAPODS_DISABLE_STATS'] = 'true'
6 |
7 | project 'Runner', {
8 | 'Debug' => :debug,
9 | 'Profile' => :release,
10 | 'Release' => :release,
11 | }
12 |
13 | def parse_KV_file(file, separator='=')
14 | file_abs_path = File.expand_path(file)
15 | if !File.exists? file_abs_path
16 | return [];
17 | end
18 | pods_ary = []
19 | skip_line_start_symbols = ["#", "/"]
20 | File.foreach(file_abs_path) { |line|
21 | next if skip_line_start_symbols.any? { |symbol| line =~ /^\s*#{symbol}/ }
22 | plugin = line.split(pattern=separator)
23 | if plugin.length == 2
24 | podname = plugin[0].strip()
25 | path = plugin[1].strip()
26 | podpath = File.expand_path("#{path}", file_abs_path)
27 | pods_ary.push({:name => podname, :path => podpath});
28 | else
29 | puts "Invalid plugin specification: #{line}"
30 | end
31 | }
32 | return pods_ary
33 | end
34 |
35 | target 'Runner' do
36 | # Prepare symlinks folder. We use symlinks to avoid having Podfile.lock
37 | # referring to absolute paths on developers' machines.
38 | system('rm -rf .symlinks')
39 | system('mkdir -p .symlinks/plugins')
40 |
41 | # Flutter Pods
42 | generated_xcode_build_settings = parse_KV_file('./Flutter/Generated.xcconfig')
43 | if generated_xcode_build_settings.empty?
44 | puts "Generated.xcconfig must exist. If you're running pod install manually, make sure flutter pub get is executed first."
45 | end
46 | generated_xcode_build_settings.map { |p|
47 | if p[:name] == 'FLUTTER_FRAMEWORK_DIR'
48 | symlink = File.join('.symlinks', 'flutter')
49 | File.symlink(File.dirname(p[:path]), symlink)
50 | pod 'Flutter', :path => File.join(symlink, File.basename(p[:path]))
51 | end
52 | }
53 |
54 | # Plugin Pods
55 | plugin_pods = parse_KV_file('../.flutter-plugins')
56 | plugin_pods.map { |p|
57 | symlink = File.join('.symlinks', 'plugins', p[:name])
58 | File.symlink(p[:path], symlink)
59 | pod p[:name], :path => File.join(symlink, 'ios')
60 | }
61 | end
62 |
63 | post_install do |installer|
64 | installer.pods_project.targets.each do |target|
65 | target.build_configurations.each do |config|
66 | config.build_settings['ENABLE_BITCODE'] = 'NO'
67 | end
68 | end
69 | end
70 |
--------------------------------------------------------------------------------
/example/ios/Runner.xcodeproj/project.pbxproj:
--------------------------------------------------------------------------------
1 | // !$*UTF8*$!
2 | {
3 | archiveVersion = 1;
4 | classes = {
5 | };
6 | objectVersion = 46;
7 | objects = {
8 |
9 | /* Begin PBXBuildFile section */
10 | 1498D2341E8E89220040F4C2 /* GeneratedPluginRegistrant.m in Sources */ = {isa = PBXBuildFile; fileRef = 1498D2331E8E89220040F4C2 /* GeneratedPluginRegistrant.m */; };
11 | 3B3967161E833CAA004F5970 /* AppFrameworkInfo.plist in Resources */ = {isa = PBXBuildFile; fileRef = 3B3967151E833CAA004F5970 /* AppFrameworkInfo.plist */; };
12 | 3B80C3941E831B6300D905FE /* App.framework in Frameworks */ = {isa = PBXBuildFile; fileRef = 3B80C3931E831B6300D905FE /* App.framework */; };
13 | 3B80C3951E831B6300D905FE /* App.framework in Embed Frameworks */ = {isa = PBXBuildFile; fileRef = 3B80C3931E831B6300D905FE /* App.framework */; settings = {ATTRIBUTES = (CodeSignOnCopy, RemoveHeadersOnCopy, ); }; };
14 | 9705A1C61CF904A100538489 /* Flutter.framework in Frameworks */ = {isa = PBXBuildFile; fileRef = 9740EEBA1CF902C7004384FC /* Flutter.framework */; };
15 | 9705A1C71CF904A300538489 /* Flutter.framework in Embed Frameworks */ = {isa = PBXBuildFile; fileRef = 9740EEBA1CF902C7004384FC /* Flutter.framework */; settings = {ATTRIBUTES = (CodeSignOnCopy, RemoveHeadersOnCopy, ); }; };
16 | 9740EEB41CF90195004384FC /* Debug.xcconfig in Resources */ = {isa = PBXBuildFile; fileRef = 9740EEB21CF90195004384FC /* Debug.xcconfig */; };
17 | 978B8F6F1D3862AE00F588F7 /* AppDelegate.m in Sources */ = {isa = PBXBuildFile; fileRef = 7AFFD8EE1D35381100E5BB4D /* AppDelegate.m */; };
18 | 97C146F31CF9000F007C117D /* main.m in Sources */ = {isa = PBXBuildFile; fileRef = 97C146F21CF9000F007C117D /* main.m */; };
19 | 97C146FC1CF9000F007C117D /* Main.storyboard in Resources */ = {isa = PBXBuildFile; fileRef = 97C146FA1CF9000F007C117D /* Main.storyboard */; };
20 | 97C146FE1CF9000F007C117D /* Assets.xcassets in Resources */ = {isa = PBXBuildFile; fileRef = 97C146FD1CF9000F007C117D /* Assets.xcassets */; };
21 | 97C147011CF9000F007C117D /* LaunchScreen.storyboard in Resources */ = {isa = PBXBuildFile; fileRef = 97C146FF1CF9000F007C117D /* LaunchScreen.storyboard */; };
22 | /* End PBXBuildFile section */
23 |
24 | /* Begin PBXCopyFilesBuildPhase section */
25 | 9705A1C41CF9048500538489 /* Embed Frameworks */ = {
26 | isa = PBXCopyFilesBuildPhase;
27 | buildActionMask = 2147483647;
28 | dstPath = "";
29 | dstSubfolderSpec = 10;
30 | files = (
31 | 3B80C3951E831B6300D905FE /* App.framework in Embed Frameworks */,
32 | 9705A1C71CF904A300538489 /* Flutter.framework in Embed Frameworks */,
33 | );
34 | name = "Embed Frameworks";
35 | runOnlyForDeploymentPostprocessing = 0;
36 | };
37 | /* End PBXCopyFilesBuildPhase section */
38 |
39 | /* Begin PBXFileReference section */
40 | 1498D2321E8E86230040F4C2 /* GeneratedPluginRegistrant.h */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.h; path = GeneratedPluginRegistrant.h; sourceTree = ""; };
41 | 1498D2331E8E89220040F4C2 /* GeneratedPluginRegistrant.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = GeneratedPluginRegistrant.m; sourceTree = ""; };
42 | 3B3967151E833CAA004F5970 /* AppFrameworkInfo.plist */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = text.plist.xml; name = AppFrameworkInfo.plist; path = Flutter/AppFrameworkInfo.plist; sourceTree = ""; };
43 | 3B80C3931E831B6300D905FE /* App.framework */ = {isa = PBXFileReference; lastKnownFileType = wrapper.framework; name = App.framework; path = Flutter/App.framework; sourceTree = ""; };
44 | 7AFA3C8E1D35360C0083082E /* Release.xcconfig */ = {isa = PBXFileReference; lastKnownFileType = text.xcconfig; name = Release.xcconfig; path = Flutter/Release.xcconfig; sourceTree = ""; };
45 | 7AFFD8ED1D35381100E5BB4D /* AppDelegate.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = AppDelegate.h; sourceTree = ""; };
46 | 7AFFD8EE1D35381100E5BB4D /* AppDelegate.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = AppDelegate.m; sourceTree = ""; };
47 | 9740EEB21CF90195004384FC /* Debug.xcconfig */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = text.xcconfig; name = Debug.xcconfig; path = Flutter/Debug.xcconfig; sourceTree = ""; };
48 | 9740EEB31CF90195004384FC /* Generated.xcconfig */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = text.xcconfig; name = Generated.xcconfig; path = Flutter/Generated.xcconfig; sourceTree = ""; };
49 | 9740EEBA1CF902C7004384FC /* Flutter.framework */ = {isa = PBXFileReference; lastKnownFileType = wrapper.framework; name = Flutter.framework; path = Flutter/Flutter.framework; sourceTree = ""; };
50 | 97C146EE1CF9000F007C117D /* Runner.app */ = {isa = PBXFileReference; explicitFileType = wrapper.application; includeInIndex = 0; path = Runner.app; sourceTree = BUILT_PRODUCTS_DIR; };
51 | 97C146F21CF9000F007C117D /* main.m */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.objc; path = main.m; sourceTree = ""; };
52 | 97C146FB1CF9000F007C117D /* Base */ = {isa = PBXFileReference; lastKnownFileType = file.storyboard; name = Base; path = Base.lproj/Main.storyboard; sourceTree = ""; };
53 | 97C146FD1CF9000F007C117D /* Assets.xcassets */ = {isa = PBXFileReference; lastKnownFileType = folder.assetcatalog; path = Assets.xcassets; sourceTree = ""; };
54 | 97C147001CF9000F007C117D /* Base */ = {isa = PBXFileReference; lastKnownFileType = file.storyboard; name = Base; path = Base.lproj/LaunchScreen.storyboard; sourceTree = ""; };
55 | 97C147021CF9000F007C117D /* Info.plist */ = {isa = PBXFileReference; lastKnownFileType = text.plist.xml; path = Info.plist; sourceTree = ""; };
56 | /* End PBXFileReference section */
57 |
58 | /* Begin PBXFrameworksBuildPhase section */
59 | 97C146EB1CF9000F007C117D /* Frameworks */ = {
60 | isa = PBXFrameworksBuildPhase;
61 | buildActionMask = 2147483647;
62 | files = (
63 | 9705A1C61CF904A100538489 /* Flutter.framework in Frameworks */,
64 | 3B80C3941E831B6300D905FE /* App.framework in Frameworks */,
65 | );
66 | runOnlyForDeploymentPostprocessing = 0;
67 | };
68 | /* End PBXFrameworksBuildPhase section */
69 |
70 | /* Begin PBXGroup section */
71 | 9740EEB11CF90186004384FC /* Flutter */ = {
72 | isa = PBXGroup;
73 | children = (
74 | 3B80C3931E831B6300D905FE /* App.framework */,
75 | 3B3967151E833CAA004F5970 /* AppFrameworkInfo.plist */,
76 | 9740EEBA1CF902C7004384FC /* Flutter.framework */,
77 | 9740EEB21CF90195004384FC /* Debug.xcconfig */,
78 | 7AFA3C8E1D35360C0083082E /* Release.xcconfig */,
79 | 9740EEB31CF90195004384FC /* Generated.xcconfig */,
80 | );
81 | name = Flutter;
82 | sourceTree = "";
83 | };
84 | 97C146E51CF9000F007C117D = {
85 | isa = PBXGroup;
86 | children = (
87 | 9740EEB11CF90186004384FC /* Flutter */,
88 | 97C146F01CF9000F007C117D /* Runner */,
89 | 97C146EF1CF9000F007C117D /* Products */,
90 | CF3B75C9A7D2FA2A4C99F110 /* Frameworks */,
91 | );
92 | sourceTree = "";
93 | };
94 | 97C146EF1CF9000F007C117D /* Products */ = {
95 | isa = PBXGroup;
96 | children = (
97 | 97C146EE1CF9000F007C117D /* Runner.app */,
98 | );
99 | name = Products;
100 | sourceTree = "";
101 | };
102 | 97C146F01CF9000F007C117D /* Runner */ = {
103 | isa = PBXGroup;
104 | children = (
105 | 7AFFD8ED1D35381100E5BB4D /* AppDelegate.h */,
106 | 7AFFD8EE1D35381100E5BB4D /* AppDelegate.m */,
107 | 97C146FA1CF9000F007C117D /* Main.storyboard */,
108 | 97C146FD1CF9000F007C117D /* Assets.xcassets */,
109 | 97C146FF1CF9000F007C117D /* LaunchScreen.storyboard */,
110 | 97C147021CF9000F007C117D /* Info.plist */,
111 | 97C146F11CF9000F007C117D /* Supporting Files */,
112 | 1498D2321E8E86230040F4C2 /* GeneratedPluginRegistrant.h */,
113 | 1498D2331E8E89220040F4C2 /* GeneratedPluginRegistrant.m */,
114 | );
115 | path = Runner;
116 | sourceTree = "";
117 | };
118 | 97C146F11CF9000F007C117D /* Supporting Files */ = {
119 | isa = PBXGroup;
120 | children = (
121 | 97C146F21CF9000F007C117D /* main.m */,
122 | );
123 | name = "Supporting Files";
124 | sourceTree = "";
125 | };
126 | /* End PBXGroup section */
127 |
128 | /* Begin PBXNativeTarget section */
129 | 97C146ED1CF9000F007C117D /* Runner */ = {
130 | isa = PBXNativeTarget;
131 | buildConfigurationList = 97C147051CF9000F007C117D /* Build configuration list for PBXNativeTarget "Runner" */;
132 | buildPhases = (
133 | 9740EEB61CF901F6004384FC /* Run Script */,
134 | 97C146EA1CF9000F007C117D /* Sources */,
135 | 97C146EB1CF9000F007C117D /* Frameworks */,
136 | 97C146EC1CF9000F007C117D /* Resources */,
137 | 9705A1C41CF9048500538489 /* Embed Frameworks */,
138 | 3B06AD1E1E4923F5004D2608 /* Thin Binary */,
139 | );
140 | buildRules = (
141 | );
142 | dependencies = (
143 | );
144 | name = Runner;
145 | productName = Runner;
146 | productReference = 97C146EE1CF9000F007C117D /* Runner.app */;
147 | productType = "com.apple.product-type.application";
148 | };
149 | /* End PBXNativeTarget section */
150 |
151 | /* Begin PBXProject section */
152 | 97C146E61CF9000F007C117D /* Project object */ = {
153 | isa = PBXProject;
154 | attributes = {
155 | LastUpgradeCheck = 0910;
156 | ORGANIZATIONNAME = "The Chromium Authors";
157 | TargetAttributes = {
158 | 97C146ED1CF9000F007C117D = {
159 | CreatedOnToolsVersion = 7.3.1;
160 | };
161 | };
162 | };
163 | buildConfigurationList = 97C146E91CF9000F007C117D /* Build configuration list for PBXProject "Runner" */;
164 | compatibilityVersion = "Xcode 3.2";
165 | developmentRegion = English;
166 | hasScannedForEncodings = 0;
167 | knownRegions = (
168 | en,
169 | Base,
170 | );
171 | mainGroup = 97C146E51CF9000F007C117D;
172 | productRefGroup = 97C146EF1CF9000F007C117D /* Products */;
173 | projectDirPath = "";
174 | projectRoot = "";
175 | targets = (
176 | 97C146ED1CF9000F007C117D /* Runner */,
177 | );
178 | };
179 | /* End PBXProject section */
180 |
181 | /* Begin PBXResourcesBuildPhase section */
182 | 97C146EC1CF9000F007C117D /* Resources */ = {
183 | isa = PBXResourcesBuildPhase;
184 | buildActionMask = 2147483647;
185 | files = (
186 | 97C147011CF9000F007C117D /* LaunchScreen.storyboard in Resources */,
187 | 3B3967161E833CAA004F5970 /* AppFrameworkInfo.plist in Resources */,
188 | 9740EEB41CF90195004384FC /* Debug.xcconfig in Resources */,
189 | 97C146FE1CF9000F007C117D /* Assets.xcassets in Resources */,
190 | 97C146FC1CF9000F007C117D /* Main.storyboard in Resources */,
191 | );
192 | runOnlyForDeploymentPostprocessing = 0;
193 | };
194 | /* End PBXResourcesBuildPhase section */
195 |
196 | /* Begin PBXShellScriptBuildPhase section */
197 | 3B06AD1E1E4923F5004D2608 /* Thin Binary */ = {
198 | isa = PBXShellScriptBuildPhase;
199 | buildActionMask = 2147483647;
200 | files = (
201 | );
202 | inputPaths = (
203 | );
204 | name = "Thin Binary";
205 | outputPaths = (
206 | );
207 | runOnlyForDeploymentPostprocessing = 0;
208 | shellPath = /bin/sh;
209 | shellScript = "/bin/sh \"$FLUTTER_ROOT/packages/flutter_tools/bin/xcode_backend.sh\" thin";
210 | };
211 | 9740EEB61CF901F6004384FC /* Run Script */ = {
212 | isa = PBXShellScriptBuildPhase;
213 | buildActionMask = 2147483647;
214 | files = (
215 | );
216 | inputPaths = (
217 | );
218 | name = "Run Script";
219 | outputPaths = (
220 | );
221 | runOnlyForDeploymentPostprocessing = 0;
222 | shellPath = /bin/sh;
223 | shellScript = "/bin/sh \"$FLUTTER_ROOT/packages/flutter_tools/bin/xcode_backend.sh\" build";
224 | };
225 | /* End PBXShellScriptBuildPhase section */
226 |
227 | /* Begin PBXSourcesBuildPhase section */
228 | 97C146EA1CF9000F007C117D /* Sources */ = {
229 | isa = PBXSourcesBuildPhase;
230 | buildActionMask = 2147483647;
231 | files = (
232 | 978B8F6F1D3862AE00F588F7 /* AppDelegate.m in Sources */,
233 | 97C146F31CF9000F007C117D /* main.m in Sources */,
234 | 1498D2341E8E89220040F4C2 /* GeneratedPluginRegistrant.m in Sources */,
235 | );
236 | runOnlyForDeploymentPostprocessing = 0;
237 | };
238 | /* End PBXSourcesBuildPhase section */
239 |
240 | /* Begin PBXVariantGroup section */
241 | 97C146FA1CF9000F007C117D /* Main.storyboard */ = {
242 | isa = PBXVariantGroup;
243 | children = (
244 | 97C146FB1CF9000F007C117D /* Base */,
245 | );
246 | name = Main.storyboard;
247 | sourceTree = "";
248 | };
249 | 97C146FF1CF9000F007C117D /* LaunchScreen.storyboard */ = {
250 | isa = PBXVariantGroup;
251 | children = (
252 | 97C147001CF9000F007C117D /* Base */,
253 | );
254 | name = LaunchScreen.storyboard;
255 | sourceTree = "";
256 | };
257 | /* End PBXVariantGroup section */
258 |
259 | /* Begin XCBuildConfiguration section */
260 | 249021D3217E4FDB00AE95B9 /* Profile */ = {
261 | isa = XCBuildConfiguration;
262 | baseConfigurationReference = 7AFA3C8E1D35360C0083082E /* Release.xcconfig */;
263 | buildSettings = {
264 | ALWAYS_SEARCH_USER_PATHS = NO;
265 | CLANG_ANALYZER_NONNULL = YES;
266 | CLANG_CXX_LANGUAGE_STANDARD = "gnu++0x";
267 | CLANG_CXX_LIBRARY = "libc++";
268 | CLANG_ENABLE_MODULES = YES;
269 | CLANG_ENABLE_OBJC_ARC = YES;
270 | CLANG_WARN_BLOCK_CAPTURE_AUTORELEASING = YES;
271 | CLANG_WARN_BOOL_CONVERSION = YES;
272 | CLANG_WARN_COMMA = YES;
273 | CLANG_WARN_CONSTANT_CONVERSION = YES;
274 | CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR;
275 | CLANG_WARN_EMPTY_BODY = YES;
276 | CLANG_WARN_ENUM_CONVERSION = YES;
277 | CLANG_WARN_INFINITE_RECURSION = YES;
278 | CLANG_WARN_INT_CONVERSION = YES;
279 | CLANG_WARN_NON_LITERAL_NULL_CONVERSION = YES;
280 | CLANG_WARN_OBJC_LITERAL_CONVERSION = YES;
281 | CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR;
282 | CLANG_WARN_RANGE_LOOP_ANALYSIS = YES;
283 | CLANG_WARN_STRICT_PROTOTYPES = YES;
284 | CLANG_WARN_SUSPICIOUS_MOVE = YES;
285 | CLANG_WARN_UNREACHABLE_CODE = YES;
286 | CLANG_WARN__DUPLICATE_METHOD_MATCH = YES;
287 | "CODE_SIGN_IDENTITY[sdk=iphoneos*]" = "iPhone Developer";
288 | COPY_PHASE_STRIP = NO;
289 | DEBUG_INFORMATION_FORMAT = "dwarf-with-dsym";
290 | ENABLE_NS_ASSERTIONS = NO;
291 | ENABLE_STRICT_OBJC_MSGSEND = YES;
292 | GCC_C_LANGUAGE_STANDARD = gnu99;
293 | GCC_NO_COMMON_BLOCKS = YES;
294 | GCC_WARN_64_TO_32_BIT_CONVERSION = YES;
295 | GCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR;
296 | GCC_WARN_UNDECLARED_SELECTOR = YES;
297 | GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE;
298 | GCC_WARN_UNUSED_FUNCTION = YES;
299 | GCC_WARN_UNUSED_VARIABLE = YES;
300 | IPHONEOS_DEPLOYMENT_TARGET = 8.0;
301 | MTL_ENABLE_DEBUG_INFO = NO;
302 | SDKROOT = iphoneos;
303 | TARGETED_DEVICE_FAMILY = "1,2";
304 | VALIDATE_PRODUCT = YES;
305 | };
306 | name = Profile;
307 | };
308 | 249021D4217E4FDB00AE95B9 /* Profile */ = {
309 | isa = XCBuildConfiguration;
310 | baseConfigurationReference = 7AFA3C8E1D35360C0083082E /* Release.xcconfig */;
311 | buildSettings = {
312 | ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon;
313 | CURRENT_PROJECT_VERSION = "$(FLUTTER_BUILD_NUMBER)";
314 | DEVELOPMENT_TEAM = S8QB4VV633;
315 | ENABLE_BITCODE = NO;
316 | FRAMEWORK_SEARCH_PATHS = (
317 | "$(inherited)",
318 | "$(PROJECT_DIR)/Flutter",
319 | );
320 | INFOPLIST_FILE = Runner/Info.plist;
321 | LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks";
322 | LIBRARY_SEARCH_PATHS = (
323 | "$(inherited)",
324 | "$(PROJECT_DIR)/Flutter",
325 | );
326 | PRODUCT_BUNDLE_IDENTIFIER = com.vansz.loadingIndicatorViewExample;
327 | PRODUCT_NAME = "$(TARGET_NAME)";
328 | VERSIONING_SYSTEM = "apple-generic";
329 | };
330 | name = Profile;
331 | };
332 | 97C147031CF9000F007C117D /* Debug */ = {
333 | isa = XCBuildConfiguration;
334 | baseConfigurationReference = 9740EEB21CF90195004384FC /* Debug.xcconfig */;
335 | buildSettings = {
336 | ALWAYS_SEARCH_USER_PATHS = NO;
337 | CLANG_ANALYZER_NONNULL = YES;
338 | CLANG_CXX_LANGUAGE_STANDARD = "gnu++0x";
339 | CLANG_CXX_LIBRARY = "libc++";
340 | CLANG_ENABLE_MODULES = YES;
341 | CLANG_ENABLE_OBJC_ARC = YES;
342 | CLANG_WARN_BLOCK_CAPTURE_AUTORELEASING = YES;
343 | CLANG_WARN_BOOL_CONVERSION = YES;
344 | CLANG_WARN_COMMA = YES;
345 | CLANG_WARN_CONSTANT_CONVERSION = YES;
346 | CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR;
347 | CLANG_WARN_EMPTY_BODY = YES;
348 | CLANG_WARN_ENUM_CONVERSION = YES;
349 | CLANG_WARN_INFINITE_RECURSION = YES;
350 | CLANG_WARN_INT_CONVERSION = YES;
351 | CLANG_WARN_NON_LITERAL_NULL_CONVERSION = YES;
352 | CLANG_WARN_OBJC_LITERAL_CONVERSION = YES;
353 | CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR;
354 | CLANG_WARN_RANGE_LOOP_ANALYSIS = YES;
355 | CLANG_WARN_STRICT_PROTOTYPES = YES;
356 | CLANG_WARN_SUSPICIOUS_MOVE = YES;
357 | CLANG_WARN_UNREACHABLE_CODE = YES;
358 | CLANG_WARN__DUPLICATE_METHOD_MATCH = YES;
359 | "CODE_SIGN_IDENTITY[sdk=iphoneos*]" = "iPhone Developer";
360 | COPY_PHASE_STRIP = NO;
361 | DEBUG_INFORMATION_FORMAT = dwarf;
362 | ENABLE_STRICT_OBJC_MSGSEND = YES;
363 | ENABLE_TESTABILITY = YES;
364 | GCC_C_LANGUAGE_STANDARD = gnu99;
365 | GCC_DYNAMIC_NO_PIC = NO;
366 | GCC_NO_COMMON_BLOCKS = YES;
367 | GCC_OPTIMIZATION_LEVEL = 0;
368 | GCC_PREPROCESSOR_DEFINITIONS = (
369 | "DEBUG=1",
370 | "$(inherited)",
371 | );
372 | GCC_WARN_64_TO_32_BIT_CONVERSION = YES;
373 | GCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR;
374 | GCC_WARN_UNDECLARED_SELECTOR = YES;
375 | GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE;
376 | GCC_WARN_UNUSED_FUNCTION = YES;
377 | GCC_WARN_UNUSED_VARIABLE = YES;
378 | IPHONEOS_DEPLOYMENT_TARGET = 8.0;
379 | MTL_ENABLE_DEBUG_INFO = YES;
380 | ONLY_ACTIVE_ARCH = YES;
381 | SDKROOT = iphoneos;
382 | TARGETED_DEVICE_FAMILY = "1,2";
383 | };
384 | name = Debug;
385 | };
386 | 97C147041CF9000F007C117D /* Release */ = {
387 | isa = XCBuildConfiguration;
388 | baseConfigurationReference = 7AFA3C8E1D35360C0083082E /* Release.xcconfig */;
389 | buildSettings = {
390 | ALWAYS_SEARCH_USER_PATHS = NO;
391 | CLANG_ANALYZER_NONNULL = YES;
392 | CLANG_CXX_LANGUAGE_STANDARD = "gnu++0x";
393 | CLANG_CXX_LIBRARY = "libc++";
394 | CLANG_ENABLE_MODULES = YES;
395 | CLANG_ENABLE_OBJC_ARC = YES;
396 | CLANG_WARN_BLOCK_CAPTURE_AUTORELEASING = YES;
397 | CLANG_WARN_BOOL_CONVERSION = YES;
398 | CLANG_WARN_COMMA = YES;
399 | CLANG_WARN_CONSTANT_CONVERSION = YES;
400 | CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR;
401 | CLANG_WARN_EMPTY_BODY = YES;
402 | CLANG_WARN_ENUM_CONVERSION = YES;
403 | CLANG_WARN_INFINITE_RECURSION = YES;
404 | CLANG_WARN_INT_CONVERSION = YES;
405 | CLANG_WARN_NON_LITERAL_NULL_CONVERSION = YES;
406 | CLANG_WARN_OBJC_LITERAL_CONVERSION = YES;
407 | CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR;
408 | CLANG_WARN_RANGE_LOOP_ANALYSIS = YES;
409 | CLANG_WARN_STRICT_PROTOTYPES = YES;
410 | CLANG_WARN_SUSPICIOUS_MOVE = YES;
411 | CLANG_WARN_UNREACHABLE_CODE = YES;
412 | CLANG_WARN__DUPLICATE_METHOD_MATCH = YES;
413 | "CODE_SIGN_IDENTITY[sdk=iphoneos*]" = "iPhone Developer";
414 | COPY_PHASE_STRIP = NO;
415 | DEBUG_INFORMATION_FORMAT = "dwarf-with-dsym";
416 | ENABLE_NS_ASSERTIONS = NO;
417 | ENABLE_STRICT_OBJC_MSGSEND = YES;
418 | GCC_C_LANGUAGE_STANDARD = gnu99;
419 | GCC_NO_COMMON_BLOCKS = YES;
420 | GCC_WARN_64_TO_32_BIT_CONVERSION = YES;
421 | GCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR;
422 | GCC_WARN_UNDECLARED_SELECTOR = YES;
423 | GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE;
424 | GCC_WARN_UNUSED_FUNCTION = YES;
425 | GCC_WARN_UNUSED_VARIABLE = YES;
426 | IPHONEOS_DEPLOYMENT_TARGET = 8.0;
427 | MTL_ENABLE_DEBUG_INFO = NO;
428 | SDKROOT = iphoneos;
429 | TARGETED_DEVICE_FAMILY = "1,2";
430 | VALIDATE_PRODUCT = YES;
431 | };
432 | name = Release;
433 | };
434 | 97C147061CF9000F007C117D /* Debug */ = {
435 | isa = XCBuildConfiguration;
436 | baseConfigurationReference = 9740EEB21CF90195004384FC /* Debug.xcconfig */;
437 | buildSettings = {
438 | ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon;
439 | CURRENT_PROJECT_VERSION = "$(FLUTTER_BUILD_NUMBER)";
440 | ENABLE_BITCODE = NO;
441 | FRAMEWORK_SEARCH_PATHS = (
442 | "$(inherited)",
443 | "$(PROJECT_DIR)/Flutter",
444 | );
445 | INFOPLIST_FILE = Runner/Info.plist;
446 | LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks";
447 | LIBRARY_SEARCH_PATHS = (
448 | "$(inherited)",
449 | "$(PROJECT_DIR)/Flutter",
450 | );
451 | PRODUCT_BUNDLE_IDENTIFIER = com.vansz.loadingIndicatorViewExample;
452 | PRODUCT_NAME = "$(TARGET_NAME)";
453 | VERSIONING_SYSTEM = "apple-generic";
454 | };
455 | name = Debug;
456 | };
457 | 97C147071CF9000F007C117D /* Release */ = {
458 | isa = XCBuildConfiguration;
459 | baseConfigurationReference = 7AFA3C8E1D35360C0083082E /* Release.xcconfig */;
460 | buildSettings = {
461 | ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon;
462 | CURRENT_PROJECT_VERSION = "$(FLUTTER_BUILD_NUMBER)";
463 | ENABLE_BITCODE = NO;
464 | FRAMEWORK_SEARCH_PATHS = (
465 | "$(inherited)",
466 | "$(PROJECT_DIR)/Flutter",
467 | );
468 | INFOPLIST_FILE = Runner/Info.plist;
469 | LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks";
470 | LIBRARY_SEARCH_PATHS = (
471 | "$(inherited)",
472 | "$(PROJECT_DIR)/Flutter",
473 | );
474 | PRODUCT_BUNDLE_IDENTIFIER = com.vansz.loadingIndicatorViewExample;
475 | PRODUCT_NAME = "$(TARGET_NAME)";
476 | VERSIONING_SYSTEM = "apple-generic";
477 | };
478 | name = Release;
479 | };
480 | /* End XCBuildConfiguration section */
481 |
482 | /* Begin XCConfigurationList section */
483 | 97C146E91CF9000F007C117D /* Build configuration list for PBXProject "Runner" */ = {
484 | isa = XCConfigurationList;
485 | buildConfigurations = (
486 | 97C147031CF9000F007C117D /* Debug */,
487 | 97C147041CF9000F007C117D /* Release */,
488 | 249021D3217E4FDB00AE95B9 /* Profile */,
489 | );
490 | defaultConfigurationIsVisible = 0;
491 | defaultConfigurationName = Release;
492 | };
493 | 97C147051CF9000F007C117D /* Build configuration list for PBXNativeTarget "Runner" */ = {
494 | isa = XCConfigurationList;
495 | buildConfigurations = (
496 | 97C147061CF9000F007C117D /* Debug */,
497 | 97C147071CF9000F007C117D /* Release */,
498 | 249021D4217E4FDB00AE95B9 /* Profile */,
499 | );
500 | defaultConfigurationIsVisible = 0;
501 | defaultConfigurationName = Release;
502 | };
503 | /* End XCConfigurationList section */
504 | };
505 | rootObject = 97C146E61CF9000F007C117D /* Project object */;
506 | }
507 |
--------------------------------------------------------------------------------
/example/ios/Runner.xcodeproj/project.xcworkspace/contents.xcworkspacedata:
--------------------------------------------------------------------------------
1 |
2 |
4 |
6 |
7 |
8 |
--------------------------------------------------------------------------------
/example/ios/Runner.xcodeproj/xcshareddata/xcschemes/Runner.xcscheme:
--------------------------------------------------------------------------------
1 |
2 |
5 |
8 |
9 |
15 |
21 |
22 |
23 |
24 |
25 |
31 |
32 |
33 |
34 |
40 |
41 |
42 |
43 |
44 |
45 |
56 |
58 |
64 |
65 |
66 |
67 |
68 |
69 |
75 |
77 |
83 |
84 |
85 |
86 |
88 |
89 |
92 |
93 |
94 |
--------------------------------------------------------------------------------
/example/ios/Runner.xcworkspace/contents.xcworkspacedata:
--------------------------------------------------------------------------------
1 |
2 |
4 |
6 |
7 |
8 |
--------------------------------------------------------------------------------
/example/ios/Runner/AppDelegate.h:
--------------------------------------------------------------------------------
1 | #import
2 | #import
3 |
4 | @interface AppDelegate : FlutterAppDelegate
5 |
6 | @end
7 |
--------------------------------------------------------------------------------
/example/ios/Runner/AppDelegate.m:
--------------------------------------------------------------------------------
1 | #include "AppDelegate.h"
2 | #include "GeneratedPluginRegistrant.h"
3 |
4 | @implementation AppDelegate
5 |
6 | - (BOOL)application:(UIApplication *)application
7 | didFinishLaunchingWithOptions:(NSDictionary *)launchOptions {
8 | [GeneratedPluginRegistrant registerWithRegistry:self];
9 | // Override point for customization after application launch.
10 | return [super application:application didFinishLaunchingWithOptions:launchOptions];
11 | }
12 |
13 | @end
14 |
--------------------------------------------------------------------------------
/example/ios/Runner/Assets.xcassets/AppIcon.appiconset/Contents.json:
--------------------------------------------------------------------------------
1 | {
2 | "images" : [
3 | {
4 | "size" : "20x20",
5 | "idiom" : "iphone",
6 | "filename" : "Icon-App-20x20@2x.png",
7 | "scale" : "2x"
8 | },
9 | {
10 | "size" : "20x20",
11 | "idiom" : "iphone",
12 | "filename" : "Icon-App-20x20@3x.png",
13 | "scale" : "3x"
14 | },
15 | {
16 | "size" : "29x29",
17 | "idiom" : "iphone",
18 | "filename" : "Icon-App-29x29@1x.png",
19 | "scale" : "1x"
20 | },
21 | {
22 | "size" : "29x29",
23 | "idiom" : "iphone",
24 | "filename" : "Icon-App-29x29@2x.png",
25 | "scale" : "2x"
26 | },
27 | {
28 | "size" : "29x29",
29 | "idiom" : "iphone",
30 | "filename" : "Icon-App-29x29@3x.png",
31 | "scale" : "3x"
32 | },
33 | {
34 | "size" : "40x40",
35 | "idiom" : "iphone",
36 | "filename" : "Icon-App-40x40@2x.png",
37 | "scale" : "2x"
38 | },
39 | {
40 | "size" : "40x40",
41 | "idiom" : "iphone",
42 | "filename" : "Icon-App-40x40@3x.png",
43 | "scale" : "3x"
44 | },
45 | {
46 | "size" : "60x60",
47 | "idiom" : "iphone",
48 | "filename" : "Icon-App-60x60@2x.png",
49 | "scale" : "2x"
50 | },
51 | {
52 | "size" : "60x60",
53 | "idiom" : "iphone",
54 | "filename" : "Icon-App-60x60@3x.png",
55 | "scale" : "3x"
56 | },
57 | {
58 | "size" : "20x20",
59 | "idiom" : "ipad",
60 | "filename" : "Icon-App-20x20@1x.png",
61 | "scale" : "1x"
62 | },
63 | {
64 | "size" : "20x20",
65 | "idiom" : "ipad",
66 | "filename" : "Icon-App-20x20@2x.png",
67 | "scale" : "2x"
68 | },
69 | {
70 | "size" : "29x29",
71 | "idiom" : "ipad",
72 | "filename" : "Icon-App-29x29@1x.png",
73 | "scale" : "1x"
74 | },
75 | {
76 | "size" : "29x29",
77 | "idiom" : "ipad",
78 | "filename" : "Icon-App-29x29@2x.png",
79 | "scale" : "2x"
80 | },
81 | {
82 | "size" : "40x40",
83 | "idiom" : "ipad",
84 | "filename" : "Icon-App-40x40@1x.png",
85 | "scale" : "1x"
86 | },
87 | {
88 | "size" : "40x40",
89 | "idiom" : "ipad",
90 | "filename" : "Icon-App-40x40@2x.png",
91 | "scale" : "2x"
92 | },
93 | {
94 | "size" : "76x76",
95 | "idiom" : "ipad",
96 | "filename" : "Icon-App-76x76@1x.png",
97 | "scale" : "1x"
98 | },
99 | {
100 | "size" : "76x76",
101 | "idiom" : "ipad",
102 | "filename" : "Icon-App-76x76@2x.png",
103 | "scale" : "2x"
104 | },
105 | {
106 | "size" : "83.5x83.5",
107 | "idiom" : "ipad",
108 | "filename" : "Icon-App-83.5x83.5@2x.png",
109 | "scale" : "2x"
110 | },
111 | {
112 | "size" : "1024x1024",
113 | "idiom" : "ios-marketing",
114 | "filename" : "Icon-App-1024x1024@1x.png",
115 | "scale" : "1x"
116 | }
117 | ],
118 | "info" : {
119 | "version" : 1,
120 | "author" : "xcode"
121 | }
122 | }
123 |
--------------------------------------------------------------------------------
/example/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-1024x1024@1x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Hitomis/loading_indicator_view/08082fdfca2efadf0b3465522a0711bc99a2ed70/example/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-1024x1024@1x.png
--------------------------------------------------------------------------------
/example/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-20x20@1x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Hitomis/loading_indicator_view/08082fdfca2efadf0b3465522a0711bc99a2ed70/example/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-20x20@1x.png
--------------------------------------------------------------------------------
/example/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-20x20@2x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Hitomis/loading_indicator_view/08082fdfca2efadf0b3465522a0711bc99a2ed70/example/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-20x20@2x.png
--------------------------------------------------------------------------------
/example/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-20x20@3x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Hitomis/loading_indicator_view/08082fdfca2efadf0b3465522a0711bc99a2ed70/example/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-20x20@3x.png
--------------------------------------------------------------------------------
/example/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-29x29@1x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Hitomis/loading_indicator_view/08082fdfca2efadf0b3465522a0711bc99a2ed70/example/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-29x29@1x.png
--------------------------------------------------------------------------------
/example/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-29x29@2x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Hitomis/loading_indicator_view/08082fdfca2efadf0b3465522a0711bc99a2ed70/example/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-29x29@2x.png
--------------------------------------------------------------------------------
/example/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-29x29@3x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Hitomis/loading_indicator_view/08082fdfca2efadf0b3465522a0711bc99a2ed70/example/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-29x29@3x.png
--------------------------------------------------------------------------------
/example/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-40x40@1x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Hitomis/loading_indicator_view/08082fdfca2efadf0b3465522a0711bc99a2ed70/example/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-40x40@1x.png
--------------------------------------------------------------------------------
/example/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-40x40@2x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Hitomis/loading_indicator_view/08082fdfca2efadf0b3465522a0711bc99a2ed70/example/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-40x40@2x.png
--------------------------------------------------------------------------------
/example/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-40x40@3x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Hitomis/loading_indicator_view/08082fdfca2efadf0b3465522a0711bc99a2ed70/example/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-40x40@3x.png
--------------------------------------------------------------------------------
/example/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-60x60@2x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Hitomis/loading_indicator_view/08082fdfca2efadf0b3465522a0711bc99a2ed70/example/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-60x60@2x.png
--------------------------------------------------------------------------------
/example/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-60x60@3x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Hitomis/loading_indicator_view/08082fdfca2efadf0b3465522a0711bc99a2ed70/example/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-60x60@3x.png
--------------------------------------------------------------------------------
/example/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-76x76@1x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Hitomis/loading_indicator_view/08082fdfca2efadf0b3465522a0711bc99a2ed70/example/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-76x76@1x.png
--------------------------------------------------------------------------------
/example/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-76x76@2x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Hitomis/loading_indicator_view/08082fdfca2efadf0b3465522a0711bc99a2ed70/example/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-76x76@2x.png
--------------------------------------------------------------------------------
/example/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-83.5x83.5@2x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Hitomis/loading_indicator_view/08082fdfca2efadf0b3465522a0711bc99a2ed70/example/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-83.5x83.5@2x.png
--------------------------------------------------------------------------------
/example/ios/Runner/Assets.xcassets/LaunchImage.imageset/Contents.json:
--------------------------------------------------------------------------------
1 | {
2 | "images" : [
3 | {
4 | "idiom" : "universal",
5 | "filename" : "LaunchImage.png",
6 | "scale" : "1x"
7 | },
8 | {
9 | "idiom" : "universal",
10 | "filename" : "LaunchImage@2x.png",
11 | "scale" : "2x"
12 | },
13 | {
14 | "idiom" : "universal",
15 | "filename" : "LaunchImage@3x.png",
16 | "scale" : "3x"
17 | }
18 | ],
19 | "info" : {
20 | "version" : 1,
21 | "author" : "xcode"
22 | }
23 | }
24 |
--------------------------------------------------------------------------------
/example/ios/Runner/Assets.xcassets/LaunchImage.imageset/LaunchImage.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Hitomis/loading_indicator_view/08082fdfca2efadf0b3465522a0711bc99a2ed70/example/ios/Runner/Assets.xcassets/LaunchImage.imageset/LaunchImage.png
--------------------------------------------------------------------------------
/example/ios/Runner/Assets.xcassets/LaunchImage.imageset/LaunchImage@2x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Hitomis/loading_indicator_view/08082fdfca2efadf0b3465522a0711bc99a2ed70/example/ios/Runner/Assets.xcassets/LaunchImage.imageset/LaunchImage@2x.png
--------------------------------------------------------------------------------
/example/ios/Runner/Assets.xcassets/LaunchImage.imageset/LaunchImage@3x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Hitomis/loading_indicator_view/08082fdfca2efadf0b3465522a0711bc99a2ed70/example/ios/Runner/Assets.xcassets/LaunchImage.imageset/LaunchImage@3x.png
--------------------------------------------------------------------------------
/example/ios/Runner/Assets.xcassets/LaunchImage.imageset/README.md:
--------------------------------------------------------------------------------
1 | # Launch Screen Assets
2 |
3 | You can customize the launch screen with your own desired assets by replacing the image files in this directory.
4 |
5 | You can also do it by opening your Flutter project's Xcode project with `open ios/Runner.xcworkspace`, selecting `Runner/Assets.xcassets` in the Project Navigator and dropping in the desired images.
--------------------------------------------------------------------------------
/example/ios/Runner/Base.lproj/LaunchScreen.storyboard:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 |
20 |
21 |
22 |
23 |
24 |
25 |
26 |
27 |
28 |
29 |
30 |
31 |
32 |
33 |
34 |
35 |
36 |
37 |
38 |
--------------------------------------------------------------------------------
/example/ios/Runner/Base.lproj/Main.storyboard:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 |
20 |
21 |
22 |
23 |
24 |
25 |
26 |
27 |
--------------------------------------------------------------------------------
/example/ios/Runner/Info.plist:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | CFBundleDevelopmentRegion
6 | en
7 | CFBundleExecutable
8 | $(EXECUTABLE_NAME)
9 | CFBundleIdentifier
10 | $(PRODUCT_BUNDLE_IDENTIFIER)
11 | CFBundleInfoDictionaryVersion
12 | 6.0
13 | CFBundleName
14 | loading_indicator_view_example
15 | CFBundlePackageType
16 | APPL
17 | CFBundleShortVersionString
18 | $(FLUTTER_BUILD_NAME)
19 | CFBundleSignature
20 | ????
21 | CFBundleVersion
22 | $(FLUTTER_BUILD_NUMBER)
23 | LSRequiresIPhoneOS
24 |
25 | UILaunchStoryboardName
26 | LaunchScreen
27 | UIMainStoryboardFile
28 | Main
29 | UISupportedInterfaceOrientations
30 |
31 | UIInterfaceOrientationPortrait
32 | UIInterfaceOrientationLandscapeLeft
33 | UIInterfaceOrientationLandscapeRight
34 |
35 | UISupportedInterfaceOrientations~ipad
36 |
37 | UIInterfaceOrientationPortrait
38 | UIInterfaceOrientationPortraitUpsideDown
39 | UIInterfaceOrientationLandscapeLeft
40 | UIInterfaceOrientationLandscapeRight
41 |
42 | UIViewControllerBasedStatusBarAppearance
43 |
44 |
45 |
46 |
--------------------------------------------------------------------------------
/example/ios/Runner/main.m:
--------------------------------------------------------------------------------
1 | #import
2 | #import
3 | #import "AppDelegate.h"
4 |
5 | int main(int argc, char* argv[]) {
6 | @autoreleasepool {
7 | return UIApplicationMain(argc, argv, nil, NSStringFromClass([AppDelegate class]));
8 | }
9 | }
10 |
--------------------------------------------------------------------------------
/example/lib/main.dart:
--------------------------------------------------------------------------------
1 | import 'package:flutter/cupertino.dart';
2 | import 'package:flutter/material.dart';
3 | import 'package:loading_indicator_view/loading_indicator_view.dart';
4 |
5 | void main() => runApp(MyApp());
6 |
7 | class MyApp extends StatelessWidget {
8 | // This widget is the root of your application.
9 | @override
10 | Widget build(BuildContext context) {
11 | return MaterialApp(
12 | title: 'Flutter Demo',
13 | debugShowCheckedModeBanner: false,
14 | theme: ThemeData(
15 | // This is the theme of your application.
16 | //
17 | // Try running your application with "flutter run". You'll see the
18 | // application has a blue toolbar. Then, without quitting the app, try
19 | // changing the primarySwatch below to Colors.green and then invoke
20 | // "hot reload" (press "r" in the console where you ran "flutter run",
21 | // or simply save your changes to "hot reload" in a Flutter IDE).
22 | // Notice that the counter didn't reset back to zero; the application
23 | // is not restarted.
24 | primarySwatch: Colors.blue,
25 | ),
26 | home: MyHomePage(title: 'Flutter Demo Home Page'),
27 | );
28 | }
29 | }
30 |
31 | class MyHomePage extends StatefulWidget {
32 | MyHomePage({Key key, this.title}) : super(key: key);
33 |
34 | final String title;
35 |
36 | @override
37 | _MyHomePageState createState() => _MyHomePageState();
38 | }
39 |
40 | class _MyHomePageState extends State {
41 | int _orderNum = 1;
42 |
43 | @override
44 | Widget build(BuildContext context) {
45 | return Scaffold(
46 | backgroundColor: Color.fromARGB(255, 185, 63, 81),
47 | body: GridView(
48 | gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
49 | crossAxisCount: 4,
50 | childAspectRatio: 1.0,
51 | ),
52 | children: [
53 | wrapOrder(Center(child: LineSpinFadeLoaderIndicator())),
54 | wrapOrder(Center(child: BallBeatIndicator())),
55 | wrapOrder(Center(child: BallClipRotateMultipleIndicator())),
56 | wrapOrder(Center(child: BallGridPulseIndicator())),
57 | wrapOrder(Center(child: LineScaleIndicator())),
58 | wrapOrder(Center(child: BallPulseRiseIndicator())),
59 | wrapOrder(Center(child: BallScaleRippleMultipleIndicator())),
60 | wrapOrder(Center(child: BallZigZagIndicator())),
61 | wrapOrder(Center(child: BallScaleIndicator())),
62 | wrapOrder(Center(child: BallPulseSyncIndicator())),
63 | wrapOrder(Center(child: BallScaleMultipleIndicator())),
64 | wrapOrder(Center(child: BallPulseIndicator())),
65 | wrapOrder(Center(child: BallClipRotatePulseIndicator())),
66 | wrapOrder(Center(child: BallGridBeatIndicator())),
67 | wrapOrder(Center(child: SquareSpinIndicator())),
68 | wrapOrder(Center(child: BallSpinFadeLoaderIndicator())),
69 | wrapOrder(Center(child: BallScaleRippleIndicator())),
70 | wrapOrder(Center(child: SemiCircleSpinIndicator())),
71 | wrapOrder(Center(child: LineScalePulseOutIndicator())),
72 | wrapOrder(Center(child: BallClipRotateIndicator())),
73 | wrapOrder(Center(child: PacmanIndicator())),
74 | wrapOrder(Center(child: BallRotateIndicator())),
75 | wrapOrder(Center(child: CubeTransitionIndicator())),
76 | wrapOrder(Center(child: TriangleSkewSpinIndicator())),
77 | ],
78 | ),
79 | );
80 | }
81 |
82 |
83 | @override
84 | void didUpdateWidget(MyHomePage oldWidget) {
85 | super.didUpdateWidget(oldWidget);
86 | if (oldWidget != widget) {
87 | _orderNum = 1;
88 | }
89 | }
90 |
91 | Widget wrapContainer(Widget child, [Color backgroundColor = Colors.green]) =>
92 | Container(color: backgroundColor, child: child);
93 |
94 | Widget wrapOrder(Widget child) => Stack(children: [
95 | child,
96 | Positioned(
97 | left: 8,
98 | bottom: 0,
99 | child: Text("${_orderNum++}",
100 | style: TextStyle(color: Colors.white, fontSize: 18)),
101 | ),
102 | ]);
103 | }
104 |
--------------------------------------------------------------------------------
/example/pubspec.yaml:
--------------------------------------------------------------------------------
1 | name: loading_indicator_view_example
2 | description: Demonstrates how to use the loading_indicator_view plugin.
3 | publish_to: 'none'
4 |
5 | environment:
6 | sdk: ">=2.1.0 <3.0.0"
7 |
8 | dependencies:
9 | flutter:
10 | sdk: flutter
11 |
12 | # The following adds the Cupertino Icons font to your application.
13 | # Use with the CupertinoIcons class for iOS style icons.
14 | cupertino_icons: ^0.1.2
15 |
16 | dev_dependencies:
17 | flutter_test:
18 | sdk: flutter
19 |
20 | loading_indicator_view:
21 | path: ../
22 |
23 | # For information on the generic Dart part of this file, see the
24 | # following page: https://dart.dev/tools/pub/pubspec
25 |
26 | # The following section is specific to Flutter.
27 | flutter:
28 |
29 | # The following line ensures that the Material Icons font is
30 | # included with your application, so that you can use the icons in
31 | # the material Icons class.
32 | uses-material-design: true
33 |
34 | # To add assets to your application, add an assets section, like this:
35 | # assets:
36 | # - images/a_dot_burr.jpeg
37 | # - images/a_dot_ham.jpeg
38 |
39 | # An image asset can refer to one or more resolution-specific "variants", see
40 | # https://flutter.dev/assets-and-images/#resolution-aware.
41 |
42 | # For details regarding adding assets from package dependencies, see
43 | # https://flutter.dev/assets-and-images/#from-packages
44 |
45 | # To add custom fonts to your application, add a fonts section here,
46 | # in this "flutter" section. Each entry in this list should have a
47 | # "family" key with the font family name, and a "fonts" key with a
48 | # list giving the asset and other descriptors for the font. For
49 | # example:
50 | # fonts:
51 | # - family: Schyler
52 | # fonts:
53 | # - asset: fonts/Schyler-Regular.ttf
54 | # - asset: fonts/Schyler-Italic.ttf
55 | # style: italic
56 | # - family: Trajan Pro
57 | # fonts:
58 | # - asset: fonts/TrajanPro.ttf
59 | # - asset: fonts/TrajanPro_Bold.ttf
60 | # weight: 700
61 | #
62 | # For details regarding fonts from package dependencies,
63 | # see https://flutter.dev/custom-fonts/#from-packages
64 |
--------------------------------------------------------------------------------
/example/test/widget_test.dart:
--------------------------------------------------------------------------------
1 | // This is a basic Flutter widget test.
2 | //
3 | // To perform an interaction with a widget in your test, use the WidgetTester
4 | // utility that Flutter provides. For example, you can send tap and scroll
5 | // gestures. You can also use WidgetTester to find child widgets in the widget
6 | // tree, read text, and verify that the values of widget properties are correct.
7 |
8 | import 'package:flutter_test/flutter_test.dart';
9 |
10 |
11 | void main() {
12 | testWidgets('Verify Platform version', (WidgetTester tester) async {
13 | });
14 | }
15 |
--------------------------------------------------------------------------------
/flutter_indicator_view.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Hitomis/loading_indicator_view/08082fdfca2efadf0b3465522a0711bc99a2ed70/flutter_indicator_view.gif
--------------------------------------------------------------------------------
/ios/.gitignore:
--------------------------------------------------------------------------------
1 | .idea/
2 | .vagrant/
3 | .sconsign.dblite
4 | .svn/
5 |
6 | .DS_Store
7 | *.swp
8 | profile
9 |
10 | DerivedData/
11 | build/
12 | GeneratedPluginRegistrant.h
13 | GeneratedPluginRegistrant.m
14 |
15 | .generated/
16 |
17 | *.pbxuser
18 | *.mode1v3
19 | *.mode2v3
20 | *.perspectivev3
21 |
22 | !default.pbxuser
23 | !default.mode1v3
24 | !default.mode2v3
25 | !default.perspectivev3
26 |
27 | xcuserdata
28 |
29 | *.moved-aside
30 |
31 | *.pyc
32 | *sync/
33 | Icon?
34 | .tags*
35 |
36 | /Flutter/Generated.xcconfig
37 |
--------------------------------------------------------------------------------
/ios/Assets/.gitkeep:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Hitomis/loading_indicator_view/08082fdfca2efadf0b3465522a0711bc99a2ed70/ios/Assets/.gitkeep
--------------------------------------------------------------------------------
/ios/Classes/LoadingIndicatorViewPlugin.h:
--------------------------------------------------------------------------------
1 | #import
2 |
3 | @interface LoadingIndicatorViewPlugin : NSObject
4 | @end
5 |
--------------------------------------------------------------------------------
/ios/Classes/LoadingIndicatorViewPlugin.m:
--------------------------------------------------------------------------------
1 | #import "LoadingIndicatorViewPlugin.h"
2 |
3 | @implementation LoadingIndicatorViewPlugin
4 | + (void)registerWithRegistrar:(NSObject*)registrar {
5 | FlutterMethodChannel* channel = [FlutterMethodChannel
6 | methodChannelWithName:@"loading_indicator_view"
7 | binaryMessenger:[registrar messenger]];
8 | LoadingIndicatorViewPlugin* instance = [[LoadingIndicatorViewPlugin alloc] init];
9 | [registrar addMethodCallDelegate:instance channel:channel];
10 | }
11 |
12 | - (void)handleMethodCall:(FlutterMethodCall*)call result:(FlutterResult)result {
13 | if ([@"getPlatformVersion" isEqualToString:call.method]) {
14 | result([@"iOS " stringByAppendingString:[[UIDevice currentDevice] systemVersion]]);
15 | } else {
16 | result(FlutterMethodNotImplemented);
17 | }
18 | }
19 |
20 | @end
21 |
--------------------------------------------------------------------------------
/ios/loading_indicator_view.podspec:
--------------------------------------------------------------------------------
1 | #
2 | # To learn more about a Podspec see http://guides.cocoapods.org/syntax/podspec.html
3 | #
4 | Pod::Spec.new do |s|
5 | s.name = 'loading_indicator_view'
6 | s.version = '0.0.1'
7 | s.summary = 'Flutter loading indicator widget'
8 | s.description = <<-DESC
9 | Flutter loading indicator widget
10 | DESC
11 | s.homepage = 'http://example.com'
12 | s.license = { :file => '../LICENSE' }
13 | s.author = { 'Your Company' => 'email@example.com' }
14 | s.source = { :path => '.' }
15 | s.source_files = 'Classes/**/*'
16 | s.public_header_files = 'Classes/**/*.h'
17 | s.dependency 'Flutter'
18 |
19 | s.ios.deployment_target = '8.0'
20 | end
21 |
22 |
--------------------------------------------------------------------------------
/lib/loading_indicator_view.dart:
--------------------------------------------------------------------------------
1 | export 'src/indicators/ball_beat_indicator.dart';
2 | export 'src/indicators/ball_clip_rotate_indicator.dart';
3 | export 'src/indicators/ball_clip_rotate_multiple_indicator.dart';
4 | export 'src/indicators/ball_clip_rotate_pulse_indicator.dart';
5 | export 'src/indicators/ball_grid_beat_indicator.dart';
6 | export 'src/indicators/ball_grid_pulse_indicator.dart';
7 | export 'src/indicators/ball_pulse_indicator.dart';
8 | export 'src/indicators/ball_pulse_rise_indicator.dart';
9 | export 'src/indicators/ball_pulse_sync_indicator.dart';
10 | export 'src/indicators/ball_rotate_indicator.dart';
11 | export 'src/indicators/ball_scale_indicator.dart';
12 | export 'src/indicators/ball_scale_multiple_indicator.dart';
13 | export 'src/indicators/ball_scale_ripple_indicator.dart';
14 | export 'src/indicators/ball_scale_ripple_multiple_indicator.dart';
15 | export 'src/indicators/ball_spin_fade_loader_indicator.dart';
16 | export 'src/indicators/ball_zig_zag_indicator.dart';
17 | export 'src/indicators/cube_transition_indicator.dart';
18 | export 'src/indicators/line_scale_indicator.dart';
19 | export 'src/indicators/line_scale_pulse_out_indicator.dart';
20 | export 'src/indicators/line_scale_pulse_out_rapid_indicator.dart';
21 | export 'src/indicators/line_spin_fade_loader_indicator.dart';
22 | export 'src/indicators/pacman_indicator.dart';
23 | export 'src/indicators/semi_circle_spin_indicator.dart';
24 | export 'src/indicators/square_spin_indicator.dart';
25 | export 'src/indicators/triangle_skew_spin_indicator.dart';
26 |
--------------------------------------------------------------------------------
/lib/src/indicators/ball_beat_indicator.dart:
--------------------------------------------------------------------------------
1 | import 'dart:math';
2 |
3 | import 'package:flutter/material.dart';
4 | import 'package:loading_indicator_view/src/infinite_progress.dart';
5 |
6 | ///
7 | /// author: Vans Z
8 | /// date: 2019-05-31
9 | ///
10 |
11 | class BallBeatIndicator extends StatefulWidget {
12 | BallBeatIndicator({
13 | this.minAlpha: 51,
14 | this.maxAlpha: 255,
15 | this.minRadius: 5.6,
16 | this.maxRadius: 7.2,
17 | this.spacing: 3,
18 | this.ballColor: Colors.white,
19 | this.duration: const Duration(milliseconds: 400),
20 | });
21 |
22 | final int minAlpha;
23 | final int maxAlpha;
24 | final double minRadius;
25 | final double maxRadius;
26 | final double spacing;
27 | final Color ballColor;
28 | final Duration duration;
29 |
30 | @override
31 | State createState() => _BallBeatIndicatorState();
32 | }
33 |
34 | class _BallBeatIndicatorState extends State
35 | with SingleTickerProviderStateMixin, InfiniteProgressMixin {
36 | @override
37 | void initState() {
38 | startEngine(this, widget.duration);
39 | super.initState();
40 | }
41 |
42 | @override
43 | void dispose() {
44 | closeEngine();
45 | super.dispose();
46 | }
47 |
48 | @override
49 | Size measureSize() {
50 | var width = widget.maxRadius * 2 * 3 + widget.spacing * 2;
51 | var height = widget.maxRadius * 2;
52 | return Size(width, height);
53 | }
54 |
55 | @override
56 | Widget build(BuildContext context) {
57 | return AnimatedBuilder(
58 | animation: controller,
59 | builder: (context, child) {
60 | return CustomPaint(
61 | size: measureSize(),
62 | painter: _BallBeatIndicatorPainter(
63 | animationValue: animationValue,
64 | minRadius: widget.minRadius,
65 | maxRadius: widget.maxRadius,
66 | minAlpha: widget.minAlpha,
67 | maxAlpha: widget.maxAlpha,
68 | spacing: widget.spacing,
69 | ballColor: widget.ballColor,
70 | ),
71 | );
72 | },
73 | );
74 | }
75 | }
76 |
77 | double progress = .0;
78 | double lastExtent = .0;
79 |
80 | class _BallBeatIndicatorPainter extends CustomPainter {
81 | _BallBeatIndicatorPainter({
82 | this.animationValue,
83 | this.minRadius,
84 | this.maxRadius,
85 | this.minAlpha,
86 | this.maxAlpha,
87 | this.spacing,
88 | this.ballColor,
89 | }) : alphaList = [
90 | minAlpha + (maxAlpha - minAlpha) * 0.9,
91 | minAlpha + (maxAlpha - minAlpha) * 0.1,
92 | minAlpha + (maxAlpha - minAlpha) * 0.9,
93 | ],
94 | radiusList = [
95 | minRadius + (maxRadius - minRadius) * 0.9,
96 | minRadius + (maxRadius - minRadius) * 0.63,
97 | minRadius + (maxRadius - minRadius) * 0.9,
98 | ];
99 |
100 | final double animationValue;
101 | final double minRadius;
102 | final double maxRadius;
103 | final int minAlpha;
104 | final int maxAlpha;
105 | final double spacing;
106 | final Color ballColor;
107 | final List alphaList;
108 | final List radiusList;
109 |
110 | @override
111 | void paint(Canvas canvas, Size size) {
112 | var paint = Paint()
113 | ..isAntiAlias = true
114 | ..style = PaintingStyle.fill
115 | ..strokeJoin = StrokeJoin.round
116 | ..strokeCap = StrokeCap.round;
117 |
118 | progress += (lastExtent - animationValue).abs();
119 | lastExtent = animationValue;
120 | if (progress >= double.maxFinite) {
121 | progress = .0;
122 | lastExtent = .0;
123 | }
124 |
125 | var diffAlpha = maxAlpha - minAlpha;
126 | var diffRadius = maxRadius - minRadius;
127 | for (int i = 0; i < radiusList.length; i++) {
128 | var offsetAlpha = asin((alphaList[i] - minAlpha) / diffAlpha);
129 | var beatAlpha =
130 | sin(progress * pi / 180 + offsetAlpha).abs() * diffAlpha + minAlpha;
131 | paint.color = Color.fromARGB(
132 | beatAlpha.round(), ballColor.red, ballColor.green, ballColor.blue);
133 |
134 | var dx = maxRadius + 2 * i * maxRadius + i * spacing;
135 | var offset = Offset(dx, maxRadius);
136 | var offsetExtent = asin((radiusList[i] - minRadius) / diffRadius);
137 | var scaleRadius =
138 | sin(progress * pi / 180 + offsetExtent).abs() * diffRadius +
139 | minRadius;
140 | canvas.drawCircle(offset, scaleRadius, paint);
141 | }
142 | }
143 |
144 | @override
145 | bool shouldRepaint(CustomPainter oldDelegate) => true;
146 | }
147 |
--------------------------------------------------------------------------------
/lib/src/indicators/ball_clip_rotate_indicator.dart:
--------------------------------------------------------------------------------
1 | import 'dart:math';
2 |
3 | import 'package:flutter/material.dart';
4 |
5 | ///
6 | /// author: Vans Z
7 | /// date: 2019-06-04
8 | ///
9 |
10 | class BallClipRotateIndicator extends StatefulWidget {
11 | BallClipRotateIndicator({
12 | this.startAngle: -5,
13 | this.minRadius: 12,
14 | this.maxRadius: 20,
15 | this.color: Colors.white,
16 | this.duration: const Duration(milliseconds: 400),
17 | });
18 |
19 | final double startAngle;
20 | final double minRadius;
21 | final double maxRadius;
22 | final Color color;
23 | final Duration duration;
24 |
25 | @override
26 | State createState() => _BallClipRotateIndicatorState();
27 | }
28 |
29 | class _BallClipRotateIndicatorState extends State
30 | with SingleTickerProviderStateMixin {
31 | Animation _radius;
32 | Animation _rotate;
33 | AnimationController _controller;
34 |
35 | @override
36 | void initState() {
37 | _controller = AnimationController(duration: widget.duration, vsync: this);
38 | _radius =
39 | Tween(begin: widget.minRadius, end: widget.maxRadius).animate(
40 | CurvedAnimation(
41 | parent: _controller,
42 | curve: Interval(0, 1, curve: Curves.fastOutSlowIn),
43 | ),
44 | );
45 | _rotate = Tween(
46 | begin: 0,
47 | end: 360,
48 | ).animate(
49 | CurvedAnimation(
50 | parent: _controller,
51 | curve: Interval(0, 1, curve: Curves.fastOutSlowIn),
52 | ),
53 | );
54 | _controller.addStatusListener((AnimationStatus status) {
55 | if (status == AnimationStatus.completed) {
56 | _controller.reverse();
57 | } else if (status == AnimationStatus.dismissed) {
58 | _controller.forward();
59 | }
60 | });
61 | _controller.forward();
62 | super.initState();
63 | }
64 |
65 | @override
66 | void dispose() {
67 | _controller?.dispose();
68 | super.dispose();
69 | }
70 |
71 | Size _measureSize() {
72 | return Size(2 * widget.maxRadius, 2 * widget.maxRadius);
73 | }
74 |
75 | @override
76 | Widget build(BuildContext context) {
77 | return AnimatedBuilder(
78 | animation: _controller,
79 | builder: (context, child) {
80 | return CustomPaint(
81 | size: _measureSize(),
82 | painter: _BallClipRotateIndicatorPainter(
83 | angle: _rotate.value,
84 | radius: _radius.value,
85 | startAngle: widget.startAngle,
86 | minRadius: widget.minRadius,
87 | maxRadius: widget.maxRadius,
88 | color: widget.color,
89 | ),
90 | );
91 | },
92 | );
93 | }
94 | }
95 |
96 | double _progress = .0;
97 | double _lastExtent = .0;
98 |
99 | class _BallClipRotateIndicatorPainter extends CustomPainter {
100 | _BallClipRotateIndicatorPainter({
101 | this.angle,
102 | this.radius,
103 | this.minRadius,
104 | this.maxRadius,
105 | this.startAngle,
106 | this.color,
107 | });
108 |
109 | final double angle;
110 | final double radius;
111 | final double minRadius;
112 | final double maxRadius;
113 | final double startAngle;
114 | final Color color;
115 |
116 | @override
117 | void paint(Canvas canvas, Size size) {
118 | var paint = Paint()
119 | ..isAntiAlias = true
120 | ..style = PaintingStyle.stroke
121 | ..strokeWidth = 2
122 | ..strokeCap = StrokeCap.round
123 | ..color = color;
124 |
125 | _progress += (_lastExtent - angle).abs();
126 | _lastExtent = angle;
127 | if (_progress >= double.maxFinite) {
128 | _progress = .0;
129 | _lastExtent = .0;
130 | }
131 |
132 | canvas.translate(size.width * .5, size.height * .5);
133 | canvas.rotate((_progress + startAngle) * pi / 180);
134 | var preScale = minRadius / maxRadius;
135 | var scale = preScale + (radius - minRadius) / maxRadius;
136 | canvas.scale(scale);
137 | Rect rect = Rect.fromLTWH(
138 | -size.width * .5, -size.height * .5, size.width, size.height);
139 | canvas.drawArc(rect, -45 * pi / 180, 270 * pi / 180, false, paint);
140 | }
141 |
142 | @override
143 | bool shouldRepaint(CustomPainter oldDelegate) => true;
144 | }
145 |
--------------------------------------------------------------------------------
/lib/src/indicators/ball_clip_rotate_multiple_indicator.dart:
--------------------------------------------------------------------------------
1 | import 'dart:math';
2 |
3 | import 'package:flutter/material.dart';
4 |
5 | ///
6 | /// author: Vans Z
7 | /// date: 2019-06-05
8 | ///
9 |
10 | class BallClipRotateMultipleIndicator extends StatefulWidget {
11 | BallClipRotateMultipleIndicator({
12 | this.startAngle: 0,
13 | this.minRadius: 10,
14 | this.maxRadius: 20,
15 | this.dashCircleRadius: 10,
16 | this.color: Colors.white,
17 | this.duration: const Duration(milliseconds: 400),
18 | });
19 |
20 | final double startAngle;
21 | final double minRadius;
22 | final double maxRadius;
23 | final double dashCircleRadius;
24 | final Color color;
25 | final Duration duration;
26 |
27 | @override
28 | State createState() => _BallClipRotateMultipleIndicator();
29 | }
30 |
31 | class _BallClipRotateMultipleIndicator
32 | extends State
33 | with SingleTickerProviderStateMixin {
34 | Animation _radius;
35 | Animation _rotate;
36 | AnimationController _controller;
37 |
38 | @override
39 | void initState() {
40 | _controller = AnimationController(duration: widget.duration, vsync: this);
41 | _radius =
42 | Tween(begin: widget.minRadius, end: widget.maxRadius).animate(
43 | CurvedAnimation(
44 | parent: _controller,
45 | curve: Interval(0, 1, curve: Curves.fastOutSlowIn),
46 | ),
47 | );
48 | _rotate = Tween(
49 | begin: 0,
50 | end: 180,
51 | ).animate(
52 | CurvedAnimation(
53 | parent: _controller,
54 | curve: Interval(0, 1, curve: Curves.fastOutSlowIn),
55 | ),
56 | );
57 | _controller.addStatusListener((AnimationStatus status) {
58 | if (status == AnimationStatus.completed) {
59 | _controller.reverse();
60 | } else if (status == AnimationStatus.dismissed) {
61 | _controller.forward();
62 | }
63 | });
64 | _controller.forward();
65 | super.initState();
66 | }
67 |
68 | @override
69 | void dispose() {
70 | _controller?.dispose();
71 | super.dispose();
72 | }
73 |
74 | Size _measureSize() {
75 | return Size(2 * widget.maxRadius, 2 * widget.maxRadius);
76 | }
77 |
78 | @override
79 | Widget build(BuildContext context) {
80 | return AnimatedBuilder(
81 | animation: _controller,
82 | builder: (context, child) {
83 | return CustomPaint(
84 | size: _measureSize(),
85 | painter: _BallClipRotateMultipleIndicatorPainter(
86 | angle: _rotate.value,
87 | radius: _radius.value,
88 | minRadius: widget.minRadius,
89 | maxRadius: widget.maxRadius,
90 | dashCircleRadius: widget.dashCircleRadius,
91 | startAngle: widget.startAngle,
92 | color: widget.color,
93 | ),
94 | );
95 | },
96 | );
97 | }
98 | }
99 |
100 | double _progress = .0;
101 | double _lastExtent = .0;
102 |
103 | class _BallClipRotateMultipleIndicatorPainter extends CustomPainter {
104 | _BallClipRotateMultipleIndicatorPainter({
105 | this.angle,
106 | this.radius,
107 | this.minRadius,
108 | this.maxRadius,
109 | this.dashCircleRadius,
110 | this.startAngle,
111 | this.color,
112 | }) : outsideStartAngles = [135, -45],
113 | insideStartAngles = [225, 45];
114 |
115 | final double angle;
116 | final double radius;
117 | final double minRadius;
118 | final double maxRadius;
119 | final double dashCircleRadius;
120 | final double startAngle;
121 | final List outsideStartAngles;
122 | final List insideStartAngles;
123 | final Color color;
124 |
125 | @override
126 | void paint(Canvas canvas, Size size) {
127 | var paint = Paint()
128 | ..isAntiAlias = true
129 | ..style = PaintingStyle.stroke
130 | ..strokeCap = StrokeCap.round
131 | ..strokeWidth = 2
132 | ..color = color;
133 |
134 | _progress += (_lastExtent - angle).abs();
135 | _lastExtent = angle;
136 | if (_progress >= double.maxFinite) {
137 | _progress = .0;
138 | _lastExtent = .0;
139 | }
140 |
141 | var halfWidth = size.width * .5;
142 | var halfHeight = size.height * .5;
143 |
144 | canvas.save();
145 | canvas.translate(halfWidth, halfHeight);
146 | canvas.rotate((_progress + startAngle) * pi / 180);
147 | var preScale = minRadius / maxRadius;
148 | var scale = preScale + (radius - minRadius) / maxRadius;
149 | canvas.scale(scale);
150 |
151 | for (var i = 0; i < outsideStartAngles.length; i++) {
152 | Rect rect =
153 | Rect.fromLTWH(-halfWidth, -halfHeight, size.width, size.height);
154 | canvas.drawArc(
155 | rect, outsideStartAngles[i] * pi / 180, 90 * pi / 180, false, paint);
156 | }
157 | canvas.restore();
158 |
159 | canvas.save();
160 | var dashCircleSize = dashCircleRadius * 2;
161 | canvas.translate(halfWidth, halfHeight);
162 | canvas.rotate((-_progress + startAngle) * pi / 180);
163 | canvas.scale(scale);
164 | for (var i = 0; i < insideStartAngles.length; i++) {
165 | Rect rect = Rect.fromLTWH(
166 | -dashCircleRadius, -dashCircleRadius, dashCircleSize, dashCircleSize);
167 | canvas.drawArc(
168 | rect, insideStartAngles[i] * pi / 180, 90 * pi / 180, false, paint);
169 | }
170 | canvas.restore();
171 | }
172 |
173 | @override
174 | bool shouldRepaint(CustomPainter oldDelegate) => true;
175 | }
176 |
--------------------------------------------------------------------------------
/lib/src/indicators/ball_clip_rotate_pulse_indicator.dart:
--------------------------------------------------------------------------------
1 | import 'dart:math';
2 |
3 | import 'package:flutter/material.dart';
4 |
5 | ///
6 | /// author: Vans Z
7 | /// date: 2019-06-05
8 | ///
9 |
10 | class BallClipRotatePulseIndicator extends StatefulWidget {
11 | BallClipRotatePulseIndicator({
12 | this.startAngle: -5,
13 | this.minRadius: 10,
14 | this.maxRadius: 20,
15 | this.solidCircleRadius: 10,
16 | this.color: Colors.white,
17 | this.duration: const Duration(milliseconds: 400),
18 | });
19 |
20 | final double startAngle;
21 | final double minRadius;
22 | final double maxRadius;
23 | final double solidCircleRadius;
24 | final Color color;
25 | final Duration duration;
26 |
27 | @override
28 | State createState() => _BallClipRotatePulseIndicatorState();
29 | }
30 |
31 | class _BallClipRotatePulseIndicatorState
32 | extends State
33 | with SingleTickerProviderStateMixin {
34 | Animation _radius;
35 | Animation _rotate;
36 | AnimationController _controller;
37 |
38 | @override
39 | void initState() {
40 | _controller = AnimationController(duration: widget.duration, vsync: this);
41 | _radius =
42 | Tween(begin: widget.minRadius, end: widget.maxRadius).animate(
43 | CurvedAnimation(
44 | parent: _controller,
45 | curve: Interval(0, 1, curve: Curves.fastOutSlowIn),
46 | ),
47 | );
48 | _rotate = Tween(
49 | begin: 0,
50 | end: 180,
51 | ).animate(
52 | CurvedAnimation(
53 | parent: _controller,
54 | curve: Interval(0, 1, curve: Curves.fastOutSlowIn),
55 | ),
56 | );
57 | _controller.addStatusListener((AnimationStatus status) {
58 | if (status == AnimationStatus.completed) {
59 | _controller.reverse();
60 | } else if (status == AnimationStatus.dismissed) {
61 | _controller.forward();
62 | }
63 | });
64 | _controller.forward();
65 | super.initState();
66 | }
67 |
68 | @override
69 | void dispose() {
70 | _controller?.dispose();
71 | super.dispose();
72 | }
73 |
74 | Size _measureSize() {
75 | return Size(widget.maxRadius * 2, widget.maxRadius * 2);
76 | }
77 |
78 | @override
79 | Widget build(BuildContext context) {
80 | return AnimatedBuilder(
81 | animation: _controller,
82 | builder: (context, child) {
83 | return CustomPaint(
84 | size: _measureSize(),
85 | painter: _BallClipRotatePulseIndicatorPainter(
86 | angle: _rotate.value,
87 | radius: _radius.value,
88 | minRadius: widget.minRadius,
89 | maxRadius: widget.maxRadius,
90 | solidCircleRadius: widget.solidCircleRadius,
91 | startAngle: widget.startAngle,
92 | color: widget.color,
93 | ),
94 | );
95 | },
96 | );
97 | }
98 | }
99 |
100 | double _progress = .0;
101 | double _lastExtent = .0;
102 |
103 | class _BallClipRotatePulseIndicatorPainter extends CustomPainter {
104 | _BallClipRotatePulseIndicatorPainter({
105 | this.angle,
106 | this.radius,
107 | this.minRadius,
108 | this.maxRadius,
109 | this.solidCircleRadius,
110 | this.startAngle,
111 | this.color,
112 | }) : startAngles = [225, 45];
113 |
114 | final double angle;
115 | final double radius;
116 | final double minRadius;
117 | final double maxRadius;
118 | final double solidCircleRadius;
119 | final double startAngle;
120 | final List startAngles;
121 | final Color color;
122 |
123 | @override
124 | void paint(Canvas canvas, Size size) {
125 | var paint = Paint()
126 | ..isAntiAlias = true
127 | ..color = color
128 | ..strokeWidth = 2
129 | ..strokeCap = StrokeCap.round;
130 |
131 | _progress += (_lastExtent - angle).abs();
132 | _lastExtent = angle;
133 | if (_progress >= double.maxFinite) {
134 | _progress = .0;
135 | _lastExtent = .0;
136 | }
137 |
138 | var halfWidth = size.width * .5;
139 | var halfHeight = size.height * .5;
140 |
141 | canvas.translate(halfWidth, halfHeight);
142 | canvas.rotate((_progress + startAngle) * pi / 180);
143 | var preScale = minRadius / maxRadius;
144 | var scale = preScale + (radius - minRadius) / maxRadius;
145 | canvas.scale(scale);
146 |
147 | paint.style = PaintingStyle.stroke;
148 | for (var i = 0; i < startAngles.length; i++) {
149 | Rect rect =
150 | Rect.fromLTWH(-halfWidth, -halfHeight, size.width, size.height);
151 | canvas.drawArc(
152 | rect, startAngles[i] * pi / 180, 90 * pi / 180, false, paint);
153 | }
154 |
155 | paint.style = PaintingStyle.fill;
156 | canvas.drawCircle(Offset(0, 0), solidCircleRadius, paint);
157 | }
158 |
159 | @override
160 | bool shouldRepaint(CustomPainter oldDelegate) => true;
161 | }
162 |
--------------------------------------------------------------------------------
/lib/src/indicators/ball_grid_beat_indicator.dart:
--------------------------------------------------------------------------------
1 | import 'dart:math';
2 |
3 | import 'package:flutter/material.dart';
4 | import 'package:loading_indicator_view/src/infinite_progress.dart';
5 |
6 | ///
7 | /// author: Vans Z
8 | /// date: 2019-05-31
9 | ///
10 |
11 | class BallGridBeatIndicator extends StatefulWidget {
12 | BallGridBeatIndicator({
13 | this.minAlpha: 51,
14 | this.maxAlpha: 255,
15 | this.radius: 7.2,
16 | this.spacing: 3,
17 | this.ballColor: Colors.white,
18 | this.duration: const Duration(milliseconds: 400),
19 | });
20 |
21 | final int minAlpha;
22 | final int maxAlpha;
23 | final double radius;
24 | final double spacing;
25 | final Color ballColor;
26 | final Duration duration;
27 |
28 | @override
29 | State createState() => _BallGridBeatIndicatorState();
30 | }
31 |
32 | class _BallGridBeatIndicatorState extends State
33 | with SingleTickerProviderStateMixin, InfiniteProgressMixin {
34 | @override
35 | void initState() {
36 | startEngine(this, widget.duration);
37 | super.initState();
38 | }
39 |
40 | @override
41 | void dispose() {
42 | closeEngine();
43 | super.dispose();
44 | }
45 |
46 | @override
47 | Size measureSize() {
48 | var size = widget.radius * 2 * 3 + widget.spacing * 2;
49 | return Size(size, size);
50 | }
51 |
52 | @override
53 | Widget build(BuildContext context) {
54 | return AnimatedBuilder(
55 | animation: controller,
56 | builder: (context, child) {
57 | return CustomPaint(
58 | size: measureSize(),
59 | painter: _BallGridBeatIndicatorPainter(
60 | animationValue: animationValue,
61 | radius: widget.radius,
62 | minAlpha: widget.minAlpha,
63 | maxAlpha: widget.maxAlpha,
64 | spacing: widget.spacing,
65 | ballColor: widget.ballColor,
66 | ),
67 | );
68 | },
69 | );
70 | }
71 | }
72 |
73 | double _progress = .0;
74 | double _lastExtent = .0;
75 |
76 | class _BallGridBeatIndicatorPainter extends CustomPainter {
77 | _BallGridBeatIndicatorPainter({
78 | this.animationValue,
79 | this.radius,
80 | this.minAlpha,
81 | this.maxAlpha,
82 | this.spacing,
83 | this.ballColor,
84 | }) : alphaList = [
85 | minAlpha + (maxAlpha - minAlpha) * 0.9,
86 | minAlpha + (maxAlpha - minAlpha) * 0.8,
87 | minAlpha + (maxAlpha - minAlpha) * 0.7,
88 | minAlpha + (maxAlpha - minAlpha) * 0.6,
89 | minAlpha + (maxAlpha - minAlpha) * 0.5,
90 | minAlpha + (maxAlpha - minAlpha) * 0.4,
91 | minAlpha + (maxAlpha - minAlpha) * 0.3,
92 | minAlpha + (maxAlpha - minAlpha) * 0.2,
93 | minAlpha + (maxAlpha - minAlpha) * 0.1,
94 | ];
95 |
96 | final double animationValue;
97 | final double radius;
98 | final int minAlpha;
99 | final int maxAlpha;
100 | final double spacing;
101 | final Color ballColor;
102 | final List alphaList;
103 |
104 | @override
105 | void paint(Canvas canvas, Size size) {
106 | var paint = Paint()
107 | ..isAntiAlias = true
108 | ..style = PaintingStyle.fill
109 | ..strokeJoin = StrokeJoin.round
110 | ..strokeCap = StrokeCap.round;
111 |
112 | _progress += (_lastExtent - animationValue).abs();
113 | _lastExtent = animationValue;
114 | if (_progress >= double.maxFinite) {
115 | _progress = .0;
116 | _lastExtent = .0;
117 | }
118 |
119 | var diffAlpha = maxAlpha - minAlpha;
120 | for (int i = 0; i < alphaList.length; i++) {
121 | canvas.save();
122 | int row = i ~/ 3;
123 | int column = i % 3;
124 |
125 | var dx = radius + 2 * column * radius + column * spacing;
126 | var dy = (2 * row + 1) * radius + row * spacing;
127 | var offset = Offset(dx, dy);
128 |
129 | var offsetAlpha = asin((alphaList[i] - minAlpha) / diffAlpha);
130 | var beatAlpha =
131 | sin(_progress * pi / 180 + offsetAlpha).abs() * diffAlpha + minAlpha;
132 | paint.color = Color.fromARGB(
133 | beatAlpha.round(), ballColor.red, ballColor.green, ballColor.blue);
134 |
135 | canvas.drawCircle(offset, radius, paint);
136 | canvas.restore();
137 | }
138 | }
139 |
140 | @override
141 | bool shouldRepaint(CustomPainter oldDelegate) => true;
142 | }
143 |
--------------------------------------------------------------------------------
/lib/src/indicators/ball_grid_pulse_indicator.dart:
--------------------------------------------------------------------------------
1 | import 'dart:math';
2 |
3 | import 'package:flutter/material.dart';
4 | import 'package:loading_indicator_view/src/infinite_progress.dart';
5 |
6 | ///
7 | /// author: Vans Z
8 | /// date: 2019-05-31
9 | ///
10 |
11 | class BallGridPulseIndicator extends StatefulWidget {
12 | BallGridPulseIndicator({
13 | this.minRadius: 3.6,
14 | this.maxRadius: 7.2,
15 | this.minAlpha: 51,
16 | this.maxAlpha: 255,
17 | this.spacing: 3,
18 | this.ballColor: Colors.white,
19 | this.duration: const Duration(milliseconds: 400),
20 | });
21 |
22 | final double minRadius;
23 | final double maxRadius;
24 | final double minAlpha;
25 | final double maxAlpha;
26 | final double spacing;
27 | final Color ballColor;
28 | final Duration duration;
29 |
30 | @override
31 | State createState() => _BallGridPulseIndicatorState();
32 | }
33 |
34 | class _BallGridPulseIndicatorState extends State
35 | with SingleTickerProviderStateMixin, InfiniteProgressMixin {
36 | @override
37 | void initState() {
38 | startEngine(this, widget.duration);
39 | super.initState();
40 | }
41 |
42 | @override
43 | void dispose() {
44 | closeEngine();
45 | super.dispose();
46 | }
47 |
48 | @override
49 | Size measureSize() {
50 | var size = widget.maxRadius * 2 * 3 + widget.spacing * 2;
51 | return Size(size, size);
52 | }
53 |
54 | @override
55 | Widget build(BuildContext context) {
56 | return AnimatedBuilder(
57 | animation: controller,
58 | builder: (context, child) {
59 | return CustomPaint(
60 | size: measureSize(),
61 | painter: _BallGridPulseIndicatorPainter(
62 | animationValue: animationValue,
63 | minRadius: widget.minRadius,
64 | maxRadius: widget.maxRadius,
65 | minAlpha: widget.minAlpha,
66 | maxAlpha: widget.maxAlpha,
67 | spacing: widget.spacing,
68 | ballColor: widget.ballColor),
69 | );
70 | });
71 | }
72 | }
73 |
74 | double _progress = .0;
75 | double _lastExtent = .0;
76 |
77 | class _BallGridPulseIndicatorPainter extends CustomPainter {
78 | _BallGridPulseIndicatorPainter({
79 | this.animationValue,
80 | this.minRadius,
81 | this.maxRadius,
82 | this.minAlpha,
83 | this.maxAlpha,
84 | this.spacing,
85 | this.ballColor,
86 | }) : radiusList = [
87 | minRadius + (maxRadius - minRadius) * 0.9,
88 | minRadius + (maxRadius - minRadius) * 0.8,
89 | minRadius + (maxRadius - minRadius) * 0.7,
90 | minRadius + (maxRadius - minRadius) * 0.6,
91 | minRadius + (maxRadius - minRadius) * 0.5,
92 | minRadius + (maxRadius - minRadius) * 0.4,
93 | minRadius + (maxRadius - minRadius) * 0.3,
94 | minRadius + (maxRadius - minRadius) * 0.2,
95 | minRadius + (maxRadius - minRadius) * 0.1,
96 | ],
97 | alphaList = [
98 | minAlpha + (maxAlpha - minAlpha) * 0.9,
99 | minAlpha + (maxAlpha - minAlpha) * 0.8,
100 | minAlpha + (maxAlpha - minAlpha) * 0.7,
101 | minAlpha + (maxAlpha - minAlpha) * 0.6,
102 | minAlpha + (maxAlpha - minAlpha) * 0.5,
103 | minAlpha + (maxAlpha - minAlpha) * 0.4,
104 | minAlpha + (maxAlpha - minAlpha) * 0.3,
105 | minAlpha + (maxAlpha - minAlpha) * 0.2,
106 | minAlpha + (maxAlpha - minAlpha) * 0.1,
107 | ];
108 | final double animationValue;
109 | final double minRadius;
110 | final double maxRadius;
111 | final double minAlpha;
112 | final double maxAlpha;
113 | final double spacing;
114 | final Color ballColor;
115 | final List radiusList;
116 | final List alphaList;
117 |
118 | @override
119 | void paint(Canvas canvas, Size size) {
120 | var paint = Paint()
121 | ..isAntiAlias = true
122 | ..style = PaintingStyle.fill
123 | ..color = ballColor
124 | ..strokeJoin = StrokeJoin.round
125 | ..strokeCap = StrokeCap.round;
126 |
127 | _progress += (_lastExtent - animationValue).abs();
128 | _lastExtent = animationValue;
129 | if (_progress >= double.maxFinite) {
130 | _progress = .0;
131 | _lastExtent = .0;
132 | }
133 |
134 | var diffRadius = maxRadius - minRadius;
135 | var diffAlpha = maxAlpha - minAlpha;
136 | for (int i = 0; i < radiusList.length; i++) {
137 | canvas.save();
138 | int row = i ~/ 3;
139 | int column = i % 3;
140 |
141 | var dx = maxRadius + 2 * column * maxRadius + column * spacing;
142 | var dy = (2 * row + 1) * maxRadius + row * spacing;
143 | var offset = Offset(dx, dy);
144 |
145 | var offsetAlpha = asin((alphaList[i] - minAlpha) / diffAlpha);
146 | var beatAlpha =
147 | sin(_progress * pi / 180 + offsetAlpha).abs() * diffAlpha + minAlpha;
148 | paint.color = Color.fromARGB(
149 | beatAlpha.round(), ballColor.red, ballColor.green, ballColor.blue);
150 |
151 | var offsetExtent = asin((radiusList[i] - minRadius) / diffRadius);
152 | var scaleRadius =
153 | sin(_progress * pi / 180 + offsetExtent).abs() * diffRadius +
154 | minRadius;
155 | canvas.drawCircle(offset, scaleRadius, paint);
156 | canvas.restore();
157 | }
158 | }
159 |
160 | @override
161 | bool shouldRepaint(CustomPainter oldDelegate) => true;
162 | }
163 |
--------------------------------------------------------------------------------
/lib/src/indicators/ball_pulse_indicator.dart:
--------------------------------------------------------------------------------
1 | import 'package:flutter/material.dart';
2 | import 'dart:math';
3 |
4 | import 'package:loading_indicator_view/src/infinite_progress.dart';
5 |
6 | ///
7 | /// author:Vans Z
8 | /// date: 2019-05-27
9 | ///
10 | class BallPulseIndicator extends StatefulWidget {
11 | BallPulseIndicator({
12 | this.minRadius: 2.4,
13 | this.maxRadius: 7.2,
14 | this.spacing: 3,
15 | this.ballColor: Colors.white,
16 | this.duration: const Duration(milliseconds: 400),
17 | });
18 |
19 | final double minRadius;
20 | final double maxRadius;
21 | final double spacing;
22 | final Color ballColor;
23 | final Duration duration;
24 |
25 | @override
26 | State createState() => _BallPulseIndicatorState();
27 | }
28 |
29 | class _BallPulseIndicatorState extends State
30 | with SingleTickerProviderStateMixin, InfiniteProgressMixin {
31 | @override
32 | void initState() {
33 | startEngine(this, widget.duration);
34 | super.initState();
35 | }
36 |
37 | @override
38 | void dispose() {
39 | closeEngine();
40 | super.dispose();
41 | }
42 |
43 | @override
44 | Size measureSize() {
45 | var width = widget.maxRadius * 2 * 3 + widget.spacing * 2;
46 | var height = widget.maxRadius * 2;
47 | return Size(width, height);
48 | }
49 |
50 | @override
51 | Widget build(BuildContext context) {
52 | return AnimatedBuilder(
53 | animation: controller,
54 | builder: (context, child) {
55 | return CustomPaint(
56 | size: measureSize(),
57 | painter: _BallPulseIndicatorPainter(
58 | animationValue: animationValue,
59 | minRadius: widget.minRadius,
60 | maxRadius: widget.maxRadius,
61 | spacing: widget.spacing,
62 | ballColor: widget.ballColor,
63 | ),
64 | );
65 | },
66 | );
67 | }
68 | }
69 |
70 | double _progress = .0;
71 | double _lastExtent = .0;
72 |
73 | class _BallPulseIndicatorPainter extends CustomPainter {
74 | _BallPulseIndicatorPainter({
75 | this.animationValue,
76 | this.minRadius,
77 | this.maxRadius,
78 | this.spacing,
79 | this.ballColor,
80 | }) : radiusList = [
81 | minRadius + (maxRadius - minRadius) * 0.9,
82 | minRadius + (maxRadius - minRadius) * 0.6,
83 | minRadius + (maxRadius - minRadius) * 0.3,
84 | ];
85 |
86 | final double animationValue;
87 | final double minRadius;
88 | final double maxRadius;
89 | final double spacing;
90 | final Color ballColor;
91 | final List radiusList;
92 |
93 | @override
94 | void paint(Canvas canvas, Size size) {
95 | var paint = Paint()
96 | ..isAntiAlias = true
97 | ..style = PaintingStyle.fill
98 | ..color = ballColor
99 | ..strokeJoin = StrokeJoin.round
100 | ..strokeCap = StrokeCap.round;
101 |
102 | _progress += (_lastExtent - animationValue).abs();
103 | _lastExtent = animationValue;
104 | if (_progress >= double.maxFinite) {
105 | _progress = .0;
106 | _lastExtent = .0;
107 | }
108 |
109 | var diffRadius = maxRadius - minRadius;
110 | for (int i = 0; i < radiusList.length; i++) {
111 | var dx = maxRadius + 2 * i * maxRadius + i * spacing;
112 | var offset = Offset(dx, maxRadius);
113 |
114 | var offsetExtent = asin((radiusList[i] - minRadius) / diffRadius);
115 | var scaleRadius =
116 | sin(_progress * pi / 180 + offsetExtent).abs() * diffRadius +
117 | minRadius;
118 | canvas.drawCircle(offset, scaleRadius, paint);
119 | }
120 | }
121 |
122 | @override
123 | bool shouldRepaint(CustomPainter oldDelegate) => true;
124 | }
125 |
--------------------------------------------------------------------------------
/lib/src/indicators/ball_pulse_rise_indicator.dart:
--------------------------------------------------------------------------------
1 | import 'dart:math';
2 |
3 | import 'package:flutter/material.dart';
4 |
5 | ///
6 | /// author: Vans Z
7 | /// date: 2019-06-07
8 | ///
9 |
10 | class BallPulseRiseIndicator extends StatefulWidget {
11 | BallPulseRiseIndicator({
12 | this.ballRadius: 4.8,
13 | this.horizontalSpacing: 12,
14 | this.verticalSpacing: 24,
15 | this.color: Colors.white,
16 | this.duration: const Duration(milliseconds: 1250),
17 | });
18 |
19 | final double ballRadius;
20 | final double horizontalSpacing;
21 | final double verticalSpacing;
22 | final Color color;
23 | final Duration duration;
24 |
25 | @override
26 | State createState() => _BallPulseRiseIndicatorState();
27 | }
28 |
29 | class _BallPulseRiseIndicatorState extends State
30 | with SingleTickerProviderStateMixin {
31 | AnimationController _controller;
32 | Animation _rotateX;
33 |
34 | @override
35 | void initState() {
36 | _controller = AnimationController(vsync: this, duration: widget.duration);
37 | _rotateX = Tween(begin: 0, end: 360)
38 | .animate(CurvedAnimation(parent: _controller, curve: Curves.linear));
39 | _controller.addListener(() {
40 | if (_controller.isCompleted) {
41 | _controller.reset();
42 | _controller.forward();
43 | }
44 | });
45 | _controller.forward();
46 | super.initState();
47 | }
48 |
49 | @override
50 | void dispose() {
51 | _controller?.dispose();
52 | super.dispose();
53 | }
54 |
55 | @override
56 | Widget build(BuildContext context) {
57 | return AnimatedBuilder(
58 | animation: _controller,
59 | builder: (context, child) {
60 | return CustomPaint(
61 | size: _measureSize(),
62 | painter: _BallPulseRiseIndicatorPainter(
63 | rotateX: _rotateX.value,
64 | ballRadius: widget.ballRadius,
65 | horizontalSpacing: widget.horizontalSpacing,
66 | verticalSpacing: widget.verticalSpacing,
67 | color: widget.color,
68 | ),
69 | );
70 | },
71 | );
72 | }
73 |
74 | Size _measureSize() {
75 | var width = widget.ballRadius * 2 * 3 + widget.horizontalSpacing * 2;
76 | var height = widget.ballRadius * 2 * 2 + widget.verticalSpacing;
77 | return Size(width, height);
78 | }
79 | }
80 |
81 | class _BallPulseRiseIndicatorPainter extends CustomPainter {
82 | _BallPulseRiseIndicatorPainter({
83 | this.rotateX,
84 | this.ballRadius,
85 | this.horizontalSpacing,
86 | this.verticalSpacing,
87 | this.color,
88 | });
89 |
90 | final double rotateX;
91 | final double ballRadius;
92 | final double horizontalSpacing;
93 | final double verticalSpacing;
94 | final Color color;
95 |
96 | @override
97 | void paint(Canvas canvas, Size size) {
98 | var paint = Paint()
99 | ..isAntiAlias = true
100 | ..style = PaintingStyle.fill
101 | ..color = color;
102 |
103 | var matrix = Matrix4.rotationX(rotateX * pi / 180);
104 | canvas.translate(0, size.height * .5);
105 | canvas.transform(matrix.storage);
106 |
107 | var dx, dy;
108 |
109 | dx = (size.width - 2 * ballRadius - horizontalSpacing) * .5;
110 | dy = (-verticalSpacing - ballRadius) * .5;
111 | canvas.drawCircle(Offset(dx, dy), ballRadius, paint);
112 |
113 | dx = size.width - dx;
114 | canvas.drawCircle(Offset(dx, dy), ballRadius, paint);
115 |
116 | dx = ballRadius;
117 | dy = verticalSpacing * .5 + ballRadius;
118 | canvas.drawCircle(Offset(dx, dy), ballRadius, paint);
119 |
120 | dx = 3 * ballRadius + horizontalSpacing;
121 | canvas.drawCircle(Offset(dx, dy), ballRadius, paint);
122 |
123 | dx = 5 * ballRadius + 2 * horizontalSpacing;
124 | canvas.drawCircle(Offset(dx, dy), ballRadius, paint);
125 | }
126 |
127 | @override
128 | bool shouldRepaint(CustomPainter oldDelegate) => true;
129 | }
130 |
--------------------------------------------------------------------------------
/lib/src/indicators/ball_pulse_sync_indicator.dart:
--------------------------------------------------------------------------------
1 | import 'dart:math';
2 |
3 | import 'package:flutter/material.dart';
4 | import 'package:loading_indicator_view/src/infinite_progress.dart';
5 |
6 | ///
7 | /// author:Vans Z
8 | /// date: 2019-05-29
9 | ///
10 |
11 | class BallPulseSyncIndicator extends StatefulWidget {
12 | BallPulseSyncIndicator({
13 | this.radius: 7.2,
14 | this.extent: 16,
15 | this.spacing: 3,
16 | this.ballColor: Colors.white,
17 | this.duration: const Duration(milliseconds: 400),
18 | });
19 |
20 | final double radius;
21 | final double extent;
22 | final double spacing;
23 | final Color ballColor;
24 | final Duration duration;
25 |
26 | @override
27 | State createState() => _BallPulseSyncIndicatorState();
28 | }
29 |
30 | class _BallPulseSyncIndicatorState extends State
31 | with TickerProviderStateMixin, InfiniteProgressMixin {
32 |
33 | @override
34 | void initState() {
35 | startEngine(this, widget.duration);
36 | super.initState();
37 | }
38 |
39 | @override
40 | void dispose() {
41 | closeEngine();
42 | super.dispose();
43 | }
44 |
45 | @override
46 | Size measureSize() {
47 | var width = widget.radius * 2 * 3 + widget.spacing * 2;
48 | var height = widget.extent + widget.radius * 2;
49 | return Size(width, height);
50 | }
51 |
52 | @override
53 | Widget build(BuildContext context) {
54 | return AnimatedBuilder(
55 | animation: controller,
56 | builder: (context, child){
57 | return CustomPaint(
58 | size: measureSize(),
59 | painter: _BallPulseSyncIndicatorPainter(
60 | animationValue: animationValue,
61 | extent: widget.extent,
62 | radius: widget.radius,
63 | spacing: widget.spacing,
64 | ballColor: widget.ballColor,
65 | ),
66 | );
67 | }
68 | );
69 | }
70 | }
71 |
72 | double _progress = .0;
73 | double _lastExtent = .0;
74 |
75 | class _BallPulseSyncIndicatorPainter extends CustomPainter {
76 | _BallPulseSyncIndicatorPainter({
77 | this.animationValue,
78 | this.extent,
79 | this.radius,
80 | this.spacing,
81 | this.ballColor,
82 | }) : extentList = [extent * 0.9, extent * 0.6, extent * 0.3];
83 |
84 | final double animationValue;
85 | final double extent;
86 | final double radius;
87 | final double spacing;
88 | final Color ballColor;
89 | final List extentList;
90 |
91 | @override
92 | void paint(Canvas canvas, Size size) {
93 | var paint = Paint()
94 | ..isAntiAlias = true
95 | ..style = PaintingStyle.fill
96 | ..color = ballColor
97 | ..strokeJoin = StrokeJoin.round
98 | ..strokeCap = StrokeCap.round;
99 |
100 | _progress += (_lastExtent - animationValue).abs();
101 | _lastExtent = animationValue;
102 | if (_progress >= double.maxFinite) {
103 | _progress = .0;
104 | _lastExtent = .0;
105 | }
106 | for (int i = 0; i < extentList.length; i++) {
107 | var dx = radius + 2 * i * radius + i * spacing;
108 | var offsetExtent = asin(extentList[i] / extent);
109 | var offsetY = sin(_progress * pi / 180 + offsetExtent).abs() * extent + radius;
110 | var offset = Offset(dx, offsetY);
111 | canvas.drawCircle(offset, radius, paint);
112 | }
113 | }
114 |
115 | @override
116 | bool shouldRepaint(CustomPainter oldDelegate) => true;
117 | }
118 |
--------------------------------------------------------------------------------
/lib/src/indicators/ball_rotate_indicator.dart:
--------------------------------------------------------------------------------
1 | import 'dart:math';
2 |
3 | import 'package:flutter/material.dart';
4 |
5 | ///
6 | /// author: Vans Z
7 | /// date: 2019-06-07
8 | ///
9 |
10 | class BallRotateIndicator extends StatefulWidget {
11 | BallRotateIndicator({
12 | this.minBallRadius: 2,
13 | this.maxBallRadius: 4,
14 | this.spacing: 7,
15 | this.color: Colors.white,
16 | this.duration: const Duration(milliseconds: 500),
17 | });
18 |
19 | final double minBallRadius;
20 | final double maxBallRadius;
21 | final double spacing;
22 | final Color color;
23 | final Duration duration;
24 |
25 | @override
26 | State createState() => _BallRotateIndicatorState();
27 | }
28 |
29 | class _BallRotateIndicatorState extends State
30 | with SingleTickerProviderStateMixin {
31 | AnimationController _controller;
32 | Animation _radius;
33 | Animation _rotate;
34 |
35 | @override
36 | void initState() {
37 | _controller = AnimationController(duration: widget.duration, vsync: this);
38 | _radius = Tween(begin: widget.minBallRadius, end: widget.maxBallRadius).animate(
39 | CurvedAnimation(parent: _controller, curve: Curves.fastOutSlowIn),
40 | );
41 | _rotate = Tween(begin: 0, end: 180).animate(
42 | CurvedAnimation(parent: _controller, curve: Curves.fastOutSlowIn),
43 | );
44 | _controller.addStatusListener((AnimationStatus status) {
45 | if (status == AnimationStatus.completed) {
46 | _controller.reverse();
47 | } else if (status == AnimationStatus.dismissed) {
48 | _controller.forward();
49 | }
50 | });
51 | _controller.forward();
52 | super.initState();
53 | }
54 |
55 | @override
56 | void dispose() {
57 | _controller?.dispose();
58 | super.dispose();
59 | }
60 |
61 | Size measureSize() {
62 | var width = widget.maxBallRadius * 2 * 3 + widget.spacing * 2;
63 | var height = widget.maxBallRadius * 2;
64 | return Size(width, height);
65 | }
66 |
67 | @override
68 | Widget build(BuildContext context) => AnimatedBuilder(
69 | animation: _controller,
70 | builder: (context, child) => CustomPaint(
71 | size: measureSize(),
72 | painter: _BallRotateIndicatorPainter(
73 | angle: _rotate.value,
74 | radius: _radius.value,
75 | maxBallRadius: widget.maxBallRadius,
76 | minBallRadius: widget.minBallRadius,
77 | spacing: widget.spacing,
78 | color: widget.color,
79 | ),
80 | ),
81 | );
82 | }
83 |
84 | double _progress = .0;
85 | double _lastExtent = .0;
86 |
87 | class _BallRotateIndicatorPainter extends CustomPainter {
88 | _BallRotateIndicatorPainter({
89 | this.angle,
90 | this.radius,
91 | this.minBallRadius,
92 | this.maxBallRadius,
93 | this.spacing,
94 | this.color,
95 | });
96 |
97 | final double angle;
98 | final double radius;
99 | final double minBallRadius;
100 | final double maxBallRadius;
101 | final double spacing;
102 | final Color color;
103 |
104 | @override
105 | void paint(Canvas canvas, Size size) {
106 | var paint = Paint()
107 | ..isAntiAlias = true
108 | ..style = PaintingStyle.fill
109 | ..color = color;
110 |
111 | _progress += (_lastExtent - angle).abs();
112 | _lastExtent = angle;
113 | if (_progress >= double.maxFinite) {
114 | _progress = .0;
115 | _lastExtent = .0;
116 | }
117 |
118 | canvas.translate(size.width * .5, size.height * .5);
119 | canvas.rotate((_progress) * pi / 180);
120 |
121 | var preScale = minBallRadius / maxBallRadius;
122 | var scale = preScale + (radius - minBallRadius) / maxBallRadius;
123 | canvas.scale(scale);
124 |
125 | for (var i = 0; i < 3; i++) {
126 | var dx = (2 * i - 2) * maxBallRadius + (i - 1) * spacing;
127 | canvas.drawCircle(Offset(dx, 0), maxBallRadius, paint);
128 | }
129 | }
130 |
131 | @override
132 | bool shouldRepaint(CustomPainter oldDelegate) => true;
133 | }
134 |
--------------------------------------------------------------------------------
/lib/src/indicators/ball_scale_indicator.dart:
--------------------------------------------------------------------------------
1 | import 'package:flutter/material.dart';
2 |
3 | ///
4 | /// author: Vans Z
5 | /// date: 2019-06-01
6 | ///
7 |
8 | class BallScaleIndicator extends StatefulWidget {
9 | BallScaleIndicator({
10 | this.radius: 20,
11 | this.ballColor: Colors.white,
12 | this.duration: const Duration(milliseconds: 1000),
13 | });
14 |
15 | final double radius;
16 | final Color ballColor;
17 | final Duration duration;
18 |
19 | @override
20 | State createState() => _BallScaleIndicatorState();
21 | }
22 |
23 | class _BallScaleIndicatorState extends State
24 | with SingleTickerProviderStateMixin {
25 | Animation _animation;
26 | AnimationController _controller;
27 |
28 | @override
29 | void initState() {
30 | _controller = AnimationController(vsync: this, duration: widget.duration);
31 | _animation = CurvedAnimation(parent: _controller, curve: Curves.linear);
32 | _animation = Tween(begin: 0, end: widget.radius).animate(_animation)
33 | ..addStatusListener((AnimationStatus status) {
34 | if (status == AnimationStatus.completed) {
35 | _controller.reset();
36 | _controller.forward();
37 | }
38 | });
39 | _controller.forward();
40 | super.initState();
41 | }
42 |
43 | @override
44 | void dispose() {
45 | _controller?.dispose();
46 | super.dispose();
47 | }
48 |
49 | Size _measureSize() {
50 | var size = 2 * widget.radius;
51 | return Size(size, size);
52 | }
53 |
54 | @override
55 | Widget build(BuildContext context) {
56 | return AnimatedBuilder(
57 | animation: _animation,
58 | builder: (context, child) {
59 | return CustomPaint(
60 | size: _measureSize(),
61 | painter: _BallScaleIndicatorPainter(
62 | animationValue: _animation.value,
63 | radius: widget.radius,
64 | ballColor: widget.ballColor,
65 | ),
66 | );
67 | },
68 | );
69 | }
70 | }
71 |
72 | class _BallScaleIndicatorPainter extends CustomPainter {
73 | _BallScaleIndicatorPainter({
74 | this.animationValue,
75 | this.radius,
76 | this.ballColor,
77 | });
78 |
79 | final double animationValue;
80 | final double radius;
81 | final Color ballColor;
82 |
83 | @override
84 | void paint(Canvas canvas, Size size) {
85 | var paint = Paint()
86 | ..isAntiAlias = true
87 | ..color = Color.fromARGB((255 * (1 - animationValue / radius)).toInt(),
88 | ballColor.red, ballColor.green, ballColor.blue)
89 | ..style = PaintingStyle.fill;
90 |
91 | var center = Offset(radius, radius);
92 | canvas.drawCircle(center, animationValue, paint);
93 | }
94 |
95 | @override
96 | bool shouldRepaint(CustomPainter oldDelegate) => true;
97 | }
98 |
--------------------------------------------------------------------------------
/lib/src/indicators/ball_scale_multiple_indicator.dart:
--------------------------------------------------------------------------------
1 | import 'package:flutter/material.dart';
2 |
3 | ///
4 | /// author: Vans Z
5 | /// date: 2019-06-01
6 | ///
7 |
8 | class BallScaleMultipleIndicator extends StatefulWidget {
9 | BallScaleMultipleIndicator({
10 | this.radius: 20,
11 | this.ballColor: Colors.white,
12 | this.duration: const Duration(milliseconds: 1000),
13 | });
14 |
15 | final double radius;
16 | final Color ballColor;
17 | final Duration duration;
18 |
19 | @override
20 | State createState() => _BallScaleMultipleIndicatorState();
21 | }
22 |
23 | class _BallScaleMultipleIndicatorState extends State
24 | with SingleTickerProviderStateMixin {
25 | Animation _animation;
26 | AnimationController _controller;
27 |
28 | @override
29 | void initState() {
30 | _controller = AnimationController(vsync: this, duration: widget.duration);
31 | _animation = CurvedAnimation(parent: _controller, curve: Curves.linear);
32 | _animation = Tween(begin: 0, end: widget.radius).animate(_animation)
33 | ..addStatusListener((AnimationStatus status) {
34 | if (status == AnimationStatus.completed) {
35 | _controller.reset();
36 | _controller.forward();
37 | }
38 | });
39 | _controller.forward();
40 | super.initState();
41 | }
42 |
43 | @override
44 | void dispose() {
45 | _controller?.dispose();
46 | super.dispose();
47 | }
48 |
49 | Size _measureSize() {
50 | var size = 2 * widget.radius;
51 | return Size(size, size);
52 | }
53 |
54 | @override
55 | Widget build(BuildContext context) {
56 | return AnimatedBuilder(
57 | animation: _animation,
58 | builder: (context, child) {
59 | return CustomPaint(
60 | size: _measureSize(),
61 | painter: _BallScaleMultipleIndicatorPainter(
62 | animationValue: _animation.value,
63 | radius: widget.radius,
64 | ballColor: widget.ballColor,
65 | duration: widget.duration,
66 | ),
67 | );
68 | },
69 | );
70 | }
71 | }
72 |
73 | class _BallScaleMultipleIndicatorPainter extends CustomPainter {
74 | _BallScaleMultipleIndicatorPainter({
75 | this.animationValue,
76 | this.radius,
77 | this.ballColor,
78 | this.duration,
79 | }) : offsetList = [radius, radius * .7, radius * .4];
80 |
81 | final double animationValue;
82 | final double radius;
83 | final Color ballColor;
84 | final Duration duration;
85 | final List offsetList;
86 |
87 | @override
88 | void paint(Canvas canvas, Size size) {
89 | var percent = animationValue / radius;
90 | var paint = Paint()
91 | ..isAntiAlias = true
92 | ..color = Color.fromARGB((255 * (1 - percent)).toInt(), ballColor.red,
93 | ballColor.green, ballColor.blue)
94 | ..style = PaintingStyle.fill;
95 |
96 | var center = Offset(radius, radius);
97 |
98 | for (var i = 0; i < offsetList.length; i++) {
99 | canvas.save();
100 | canvas.drawCircle(center, offsetList[i] * percent, paint);
101 | canvas.restore();
102 | }
103 | }
104 |
105 | @override
106 | bool shouldRepaint(CustomPainter oldDelegate) => true;
107 | }
108 |
--------------------------------------------------------------------------------
/lib/src/indicators/ball_scale_ripple_indicator.dart:
--------------------------------------------------------------------------------
1 | import 'package:flutter/material.dart';
2 |
3 | ///
4 | /// author: Vans Z
5 | /// date: 2019-06-03
6 | ///
7 |
8 | class BallScaleRippleIndicator extends StatefulWidget {
9 | BallScaleRippleIndicator({
10 | this.radius: 20,
11 | this.ballColor: Colors.white,
12 | this.duration: const Duration(milliseconds: 1000),
13 | });
14 |
15 | final double radius;
16 | final Color ballColor;
17 | final Duration duration;
18 |
19 | @override
20 | State createState() => _BallScaleRippleIndicatorState();
21 | }
22 |
23 | class _BallScaleRippleIndicatorState extends State
24 | with SingleTickerProviderStateMixin {
25 | Animation _radius;
26 | Animation _alpha;
27 | AnimationController _controller;
28 |
29 | @override
30 | void initState() {
31 | _controller = AnimationController(vsync: this, duration: widget.duration);
32 | _radius = Tween(begin: 0, end: widget.radius)
33 | .animate(CurvedAnimation(parent: _controller, curve: Interval(0, 0.6)));
34 | _alpha = Tween(begin: 255, end: 0)
35 | .animate(CurvedAnimation(parent: _controller, curve: Interval(0.6, 1)));
36 | _controller.addStatusListener((AnimationStatus status) {
37 | if (status == AnimationStatus.completed) {
38 | _controller.reset();
39 | _controller.forward();
40 | }
41 | });
42 | _controller.forward();
43 | super.initState();
44 | }
45 |
46 | @override
47 | void dispose() {
48 | _controller?.dispose();
49 | super.dispose();
50 | }
51 |
52 | Size _measureSize() {
53 | var size = 2 * widget.radius;
54 | return Size(size, size);
55 | }
56 |
57 | @override
58 | Widget build(BuildContext context) {
59 | return AnimatedBuilder(
60 | animation: _controller,
61 | builder: (context, child) {
62 | return CustomPaint(
63 | size: _measureSize(),
64 | painter: _BallScaleRippleIndicatorPainter(
65 | radiusAnimValue: _radius.value,
66 | alphaAnimValue: _alpha.value,
67 | totalRadius: widget.radius,
68 | ballColor: widget.ballColor,
69 | ),
70 | );
71 | },
72 | );
73 | }
74 | }
75 |
76 | class _BallScaleRippleIndicatorPainter extends CustomPainter {
77 | _BallScaleRippleIndicatorPainter({
78 | this.radiusAnimValue,
79 | this.alphaAnimValue,
80 | this.totalRadius,
81 | this.ballColor,
82 | });
83 |
84 | final double radiusAnimValue;
85 | final double alphaAnimValue;
86 | final double totalRadius;
87 | final Color ballColor;
88 |
89 | @override
90 | void paint(Canvas canvas, Size size) {
91 | var percent = radiusAnimValue / totalRadius;
92 | var paint = Paint()
93 | ..isAntiAlias = true
94 | ..style = PaintingStyle.stroke
95 | ..strokeWidth = 1.2 * percent;
96 |
97 | if (alphaAnimValue >= 255) {
98 | paint.color = Color.fromARGB((255 * percent).round(), ballColor.red,
99 | ballColor.green, ballColor.blue);
100 | } else {
101 | paint.color = Color.fromARGB(alphaAnimValue.round(), ballColor.red,
102 | ballColor.green, ballColor.blue);
103 | }
104 |
105 | var center = Offset(totalRadius, totalRadius);
106 | canvas.drawCircle(center, radiusAnimValue, paint);
107 | }
108 |
109 | @override
110 | bool shouldRepaint(CustomPainter oldDelegate) => true;
111 | }
112 |
--------------------------------------------------------------------------------
/lib/src/indicators/ball_scale_ripple_multiple_indicator.dart:
--------------------------------------------------------------------------------
1 | import 'package:flutter/material.dart';
2 |
3 | ///
4 | /// author: Vans Z
5 | /// date: 2019-06-01
6 | ///
7 |
8 | class BallScaleRippleMultipleIndicator extends StatefulWidget {
9 | BallScaleRippleMultipleIndicator({
10 | this.radius: 20,
11 | this.ballColor: Colors.white,
12 | this.duration: const Duration(milliseconds: 1000),
13 | });
14 |
15 | final double radius;
16 | final Color ballColor;
17 | final Duration duration;
18 |
19 | @override
20 | State createState() =>
21 | _BallScaleRippleMultipleIndicatorState();
22 | }
23 |
24 | class _BallScaleRippleMultipleIndicatorState
25 | extends State
26 | with SingleTickerProviderStateMixin {
27 | Animation _animation;
28 | AnimationController _controller;
29 |
30 | @override
31 | void initState() {
32 | _controller = AnimationController(vsync: this, duration: widget.duration);
33 | _animation = CurvedAnimation(parent: _controller, curve: Curves.linear);
34 | _animation = Tween(begin: 0, end: widget.radius).animate(_animation)
35 | ..addStatusListener((AnimationStatus status) {
36 | if (status == AnimationStatus.completed) {
37 | _controller.reset();
38 | _controller.forward();
39 | }
40 | });
41 | _controller.forward();
42 | super.initState();
43 | }
44 |
45 | @override
46 | void dispose() {
47 | _controller?.dispose();
48 | super.dispose();
49 | }
50 |
51 | Size _measureSize() {
52 | var size = 2 * widget.radius;
53 | return Size(size, size);
54 | }
55 |
56 | @override
57 | Widget build(BuildContext context) {
58 | return AnimatedBuilder(
59 | animation: _animation,
60 | builder: (context, child) {
61 | return CustomPaint(
62 | size: _measureSize(),
63 | painter: _BallScaleRippleMultipleIndicatorPainter(
64 | animationValue: _animation.value,
65 | radius: widget.radius,
66 | ballColor: widget.ballColor,
67 | duration: widget.duration,
68 | ),
69 | );
70 | },
71 | );
72 | }
73 | }
74 |
75 | class _BallScaleRippleMultipleIndicatorPainter extends CustomPainter {
76 | _BallScaleRippleMultipleIndicatorPainter({
77 | this.animationValue,
78 | this.radius,
79 | this.ballColor,
80 | this.duration,
81 | }) : offsetList = [radius, radius * .7, radius * .4],
82 | strokeList = [1.2, .84, 0.48];
83 |
84 | final double animationValue;
85 | final double radius;
86 | final Color ballColor;
87 | final Duration duration;
88 | final List offsetList;
89 | final List strokeList;
90 |
91 | @override
92 | void paint(Canvas canvas, Size size) {
93 | var percent = animationValue / radius;
94 | var paint = Paint()
95 | ..isAntiAlias = true
96 | ..color = Color.fromARGB((255 * percent).round(), ballColor.red,
97 | ballColor.green, ballColor.blue)
98 | ..style = PaintingStyle.stroke;
99 |
100 | var center = Offset(radius, radius);
101 |
102 | for (var i = 0; i < offsetList.length; i++) {
103 | canvas.save();
104 | paint.strokeWidth = strokeList[i] * percent;
105 | canvas.drawCircle(center, offsetList[i] * percent, paint);
106 | canvas.restore();
107 | }
108 | }
109 |
110 | @override
111 | bool shouldRepaint(CustomPainter oldDelegate) => true;
112 | }
113 |
--------------------------------------------------------------------------------
/lib/src/indicators/ball_spin_fade_loader_indicator.dart:
--------------------------------------------------------------------------------
1 | import 'dart:math';
2 |
3 | import 'package:flutter/material.dart';
4 |
5 | import '../infinite_progress.dart';
6 |
7 | ///
8 | /// author: Vans Z
9 | /// date: 2019-06-02
10 | ///
11 |
12 | class BallSpinFadeLoaderIndicator extends StatefulWidget {
13 | BallSpinFadeLoaderIndicator({
14 | this.radius = 24,
15 | this.minBallRadius: 1.6,
16 | this.maxBallRadius: 5,
17 | this.minBallAlpha: 77,
18 | this.maxBallAlpha: 255,
19 | this.ballColor: Colors.white,
20 | this.duration: const Duration(milliseconds: 500),
21 | });
22 |
23 | final double radius;
24 | final double minBallRadius;
25 | final double maxBallRadius;
26 | final double minBallAlpha;
27 | final double maxBallAlpha;
28 | final Color ballColor;
29 | final Duration duration;
30 |
31 | @override
32 | State createState() => _BallSpinFadeLoaderIndicatorState();
33 | }
34 |
35 | class _BallSpinFadeLoaderIndicatorState
36 | extends State
37 | with SingleTickerProviderStateMixin, InfiniteProgressMixin {
38 | @override
39 | void initState() {
40 | startEngine(this, widget.duration);
41 | super.initState();
42 | }
43 |
44 | @override
45 | void dispose() {
46 | closeEngine();
47 | super.dispose();
48 | }
49 |
50 | @override
51 | Widget build(BuildContext context) {
52 | return AnimatedBuilder(
53 | animation: controller,
54 | builder: (context, child) {
55 | return CustomPaint(
56 | size: _measureSize(),
57 | painter: _BallSpinFadeLoaderIndicatorPainter(
58 | animationValue: animationValue,
59 | minRadius: widget.minBallRadius,
60 | maxRadius: widget.maxBallRadius,
61 | minAlpha: widget.minBallAlpha,
62 | maxAlpha: widget.maxBallAlpha,
63 | ballColor: widget.ballColor),
64 | );
65 | },
66 | );
67 | }
68 |
69 | Size _measureSize() {
70 | return Size(2 * widget.radius, 2 * widget.radius);
71 | }
72 |
73 | @override
74 | Size measureSize() {
75 | return Size(2 * widget.radius, 2 * widget.radius);
76 | }
77 | }
78 |
79 | double _progress = .0;
80 | double _lastExtent = .0;
81 |
82 | class _BallSpinFadeLoaderIndicatorPainter extends CustomPainter {
83 | _BallSpinFadeLoaderIndicatorPainter({
84 | this.animationValue,
85 | this.minRadius,
86 | this.maxRadius,
87 | this.minAlpha,
88 | this.maxAlpha,
89 | this.ballColor,
90 | });
91 |
92 | final double animationValue;
93 | final double minRadius;
94 | final double maxRadius;
95 | final double minAlpha;
96 | final double maxAlpha;
97 | final Color ballColor;
98 |
99 | @override
100 | void paint(Canvas canvas, Size size) {
101 | var paint = Paint()
102 | ..isAntiAlias = true
103 | ..style = PaintingStyle.fill;
104 |
105 | _progress += (_lastExtent - animationValue).abs();
106 | _lastExtent = animationValue;
107 | if (_progress >= double.maxFinite) {
108 | _progress = .0;
109 | _lastExtent = .0;
110 | }
111 |
112 | var diffAlpha = maxAlpha - minAlpha;
113 | var diffRadius = maxRadius - minRadius;
114 | for (int i = 0; i < 8; i++) {
115 | canvas.save();
116 |
117 | var newProgress = _progress - i * 22.5;
118 | var beatAlpha = sin(newProgress * pi / 180).abs() * diffAlpha + minAlpha;
119 | paint.color = Color.fromARGB(
120 | beatAlpha.round(), ballColor.red, ballColor.green, ballColor.blue);
121 | var scaleRadius =
122 | sin(newProgress * pi / 180).abs() * diffRadius + minRadius;
123 | var point = _circleAt(size.width * .5, size.height * .5,
124 | size.width * .5 - maxRadius, i * pi / 4);
125 | canvas.drawCircle(point, scaleRadius, paint);
126 |
127 | canvas.restore();
128 | }
129 | }
130 |
131 | Offset _circleAt(double width, double height, double radius, double angle) {
132 | var x = width + radius * (cos(angle));
133 | var y = height + radius * (sin(angle));
134 | return Offset(x, y);
135 | }
136 |
137 | @override
138 | bool shouldRepaint(CustomPainter oldDelegate) => true;
139 | }
140 |
--------------------------------------------------------------------------------
/lib/src/indicators/ball_zig_zag_indicator.dart:
--------------------------------------------------------------------------------
1 | import 'dart:math';
2 |
3 | import 'package:flutter/material.dart';
4 |
5 | ///
6 | /// author: Vans Z
7 | /// date: 2019-06-06
8 | ///
9 |
10 | class BallZigZagIndicator extends StatefulWidget {
11 | BallZigZagIndicator({
12 | this.width: 40,
13 | this.height: 40,
14 | this.ballRadius: 4.8,
15 | this.color: Colors.white,
16 | this.duration: const Duration(milliseconds: 1000),
17 | });
18 |
19 | final double width;
20 | final double height;
21 | final double ballRadius;
22 | final Color color;
23 | final Duration duration;
24 |
25 | @override
26 | State createState() => _BallZigZagIndicatorState();
27 | }
28 |
29 | class _BallZigZagIndicatorState extends State
30 | with SingleTickerProviderStateMixin {
31 | AnimationController _controller;
32 | Animation _horizontal;
33 | Animation _rightWaistX;
34 | Animation _rightWaistY;
35 | Animation _leftWaistX;
36 | Animation _leftWaistY;
37 |
38 | @override
39 | void initState() {
40 | _controller = AnimationController(vsync: this, duration: widget.duration);
41 |
42 | var waistLength = sqrt(pow(widget.width * .5 - widget.ballRadius, 2) +
43 | pow(widget.height * .5 - widget.ballRadius, 2));
44 | var horizontalLength = widget.width - 2 * widget.ballRadius;
45 | var triangleLength = horizontalLength + 2 * waistLength;
46 | var horEndInterval = horizontalLength / triangleLength;
47 | var rightEndInterval = waistLength / triangleLength + horEndInterval;
48 | var leftEndInterval = waistLength / triangleLength + rightEndInterval;
49 |
50 | var begin = widget.ballRadius;
51 | var end = widget.width - widget.ballRadius;
52 |
53 | _horizontal = Tween(begin: begin, end: end).animate(CurvedAnimation(
54 | parent: _controller, curve: Interval(0, horEndInterval)));
55 |
56 | begin = widget.width - widget.ballRadius;
57 | end = widget.width * .5;
58 | _rightWaistX = Tween(begin: begin, end: end).animate(
59 | CurvedAnimation(
60 | parent: _controller,
61 | curve: Interval(horEndInterval, rightEndInterval)));
62 | begin = widget.ballRadius;
63 | end = widget.height * .5;
64 | _rightWaistY = Tween(begin: begin, end: end).animate(
65 | CurvedAnimation(
66 | parent: _controller,
67 | curve: Interval(horEndInterval, rightEndInterval)));
68 |
69 | begin = widget.width * .5;
70 | end = widget.ballRadius;
71 | _leftWaistX = Tween(begin: begin, end: end).animate(CurvedAnimation(
72 | parent: _controller,
73 | curve: Interval(rightEndInterval, leftEndInterval)));
74 | begin = widget.height * .5;
75 | end = widget.ballRadius;
76 | _leftWaistY = Tween(begin: begin, end: end).animate(CurvedAnimation(
77 | parent: _controller,
78 | curve: Interval(rightEndInterval, leftEndInterval)));
79 |
80 | _controller.addListener(() {
81 | if (_controller.isCompleted) {
82 | _controller.reset();
83 | _controller.forward();
84 | }
85 | });
86 | _controller.forward();
87 |
88 | super.initState();
89 | }
90 |
91 | @override
92 | void dispose() {
93 | _controller?.dispose();
94 | super.dispose();
95 | }
96 |
97 | @override
98 | Widget build(BuildContext context) {
99 | return AnimatedBuilder(
100 | animation: _controller,
101 | builder: (context, child) => CustomPaint(
102 | size: Size(widget.width, widget.height),
103 | painter: _BallZigZagIndicatorPainter(
104 | horizontal: _horizontal.value,
105 | rightWaistX: _rightWaistX.value,
106 | rightWaistY: _rightWaistY.value,
107 | leftWaistX: _leftWaistX.value,
108 | leftWaistY: _leftWaistY.value,
109 | ballRadius: widget.ballRadius,
110 | color: widget.color,
111 | ),
112 | ),
113 | );
114 | }
115 | }
116 |
117 | class _BallZigZagIndicatorPainter extends CustomPainter {
118 | _BallZigZagIndicatorPainter({
119 | this.horizontal,
120 | this.rightWaistX,
121 | this.rightWaistY,
122 | this.leftWaistX,
123 | this.leftWaistY,
124 | this.ballRadius,
125 | this.color,
126 | });
127 |
128 | final double horizontal;
129 | final double rightWaistX;
130 | final double rightWaistY;
131 | final double leftWaistX;
132 | final double leftWaistY;
133 | final double ballRadius;
134 | final Color color;
135 |
136 | @override
137 | void paint(Canvas canvas, Size size) {
138 | var paint = Paint()
139 | ..isAntiAlias = true
140 | ..style = PaintingStyle.fill
141 | ..color = color;
142 |
143 | canvas.save();
144 | if (horizontal < size.width - ballRadius) {
145 | canvas.drawCircle(Offset(horizontal, ballRadius), ballRadius, paint);
146 | } else if (rightWaistX > size.width * .5 &&
147 | rightWaistY < size.height * .5) {
148 | canvas.drawCircle(Offset(rightWaistX, rightWaistY), ballRadius, paint);
149 | } else if (leftWaistX > ballRadius && leftWaistY > ballRadius) {
150 | canvas.drawCircle(Offset(leftWaistX, leftWaistY), ballRadius, paint);
151 | }
152 | canvas.restore();
153 |
154 | canvas.save();
155 | canvas.translate(0, size.height);
156 | canvas.transform(Matrix4.rotationX(pi).storage);
157 | canvas.translate(size.width, 0);
158 | canvas.transform(Matrix4.rotationY(pi).storage);
159 | if (horizontal < size.width - ballRadius) {
160 | canvas.drawCircle(Offset(horizontal, ballRadius), ballRadius, paint);
161 | } else if (rightWaistX > size.width * .5 &&
162 | rightWaistY < size.height * .5) {
163 | canvas.drawCircle(Offset(rightWaistX, rightWaistY), ballRadius, paint);
164 | } else if (leftWaistX > ballRadius && leftWaistY > ballRadius) {
165 | canvas.drawCircle(Offset(leftWaistX, leftWaistY), ballRadius, paint);
166 | }
167 | canvas.restore();
168 | }
169 |
170 | @override
171 | bool shouldRepaint(CustomPainter oldDelegate) => true;
172 | }
173 |
--------------------------------------------------------------------------------
/lib/src/indicators/cube_transition_indicator.dart:
--------------------------------------------------------------------------------
1 | import 'dart:math';
2 |
3 | import 'package:flutter/material.dart';
4 |
5 | ///
6 | /// author: Vans Z
7 | /// date: 2019-06-06
8 | ///
9 |
10 | class CubeTransitionIndicator extends StatefulWidget {
11 | CubeTransitionIndicator({
12 | this.size: 36,
13 | this.minCubeSize: 4,
14 | this.maxCubeSize: 8,
15 | this.cubeColor: Colors.white,
16 | this.duration: const Duration(milliseconds: 1600),
17 | });
18 |
19 | final double size;
20 | final double minCubeSize;
21 | final double maxCubeSize;
22 | final Color cubeColor;
23 | final Duration duration;
24 |
25 | @override
26 | State createState() => _CubeTransitionIndicatorState();
27 | }
28 |
29 | class _CubeTransitionIndicatorState extends State
30 | with SingleTickerProviderStateMixin {
31 | AnimationController _controller;
32 | Animation transX;
33 | Animation transReverseX;
34 | Animation transY;
35 | Animation transReverseY;
36 |
37 | @override
38 | void initState() {
39 | _controller = AnimationController(vsync: this, duration: widget.duration);
40 | var end = widget.size - widget.maxCubeSize;
41 | transX = Tween(begin: 0, end: end).animate(
42 | CurvedAnimation(parent: _controller, curve: Interval(0, 0.25)));
43 | transY = Tween(begin: 0, end: end).animate(
44 | CurvedAnimation(parent: _controller, curve: Interval(0.25, 0.5)));
45 | transReverseX = Tween(begin: 0, end: end).animate(
46 | CurvedAnimation(parent: _controller, curve: Interval(0.5, 0.75)));
47 | transReverseY = Tween(begin: 0, end: end).animate(
48 | CurvedAnimation(parent: _controller, curve: Interval(0.75, 1)));
49 |
50 | _controller.addListener(() {
51 | if (_controller.isCompleted) {
52 | _controller.reset();
53 | _controller.forward();
54 | }
55 | });
56 |
57 | _controller.forward();
58 | super.initState();
59 | }
60 |
61 | @override
62 | void dispose() {
63 | _controller?.dispose();
64 | super.dispose();
65 | }
66 |
67 | @override
68 | Widget build(BuildContext context) => AnimatedBuilder(
69 | animation: _controller,
70 | builder: (context, child) {
71 | return CustomPaint(
72 | size: Size(widget.size, widget.size),
73 | painter: _CubeTransitionIndicatorPainter(
74 | transX: transX.value,
75 | transReverseX: transReverseX.value,
76 | transY: transY.value,
77 | transReverseY: transReverseY.value,
78 | minCubeSize: widget.minCubeSize,
79 | maxCubeSize: widget.maxCubeSize,
80 | color: widget.cubeColor,
81 | ),
82 | );
83 | },
84 | );
85 | }
86 |
87 | class _CubeTransitionIndicatorPainter extends CustomPainter {
88 | _CubeTransitionIndicatorPainter({
89 | this.transX,
90 | this.transReverseX,
91 | this.transY,
92 | this.transReverseY,
93 | this.minCubeSize,
94 | this.maxCubeSize,
95 | this.color,
96 | });
97 |
98 | final double transX;
99 | final double transReverseX;
100 | final double transY;
101 | final double transReverseY;
102 | final double minCubeSize;
103 | final double maxCubeSize;
104 | final Color color;
105 |
106 | @override
107 | void paint(Canvas canvas, Size size) {
108 | var paint = Paint()
109 | ..isAntiAlias = true
110 | ..style = PaintingStyle.fill
111 | ..color = color;
112 |
113 | var end = size.width - maxCubeSize;
114 | drawLTCube(end, canvas, paint);
115 | drawRBCube(end, canvas, paint);
116 | }
117 |
118 | void drawRBCube(double end, Canvas canvas, Paint paint) {
119 | var percent, scale, dx, dy;
120 | final radian = pi / 180;
121 | final left = -maxCubeSize * .5;
122 | final top = -maxCubeSize * .5;
123 |
124 | canvas.save();
125 |
126 | if (transX < end) {
127 | percent = transX / end;
128 | scale = 1 - (1 - minCubeSize / maxCubeSize) * percent;
129 | dx = end + maxCubeSize * .5 - transX;
130 | dy = end + maxCubeSize * .5;
131 | } else if (transY < end) {
132 | percent = transY / end;
133 | scale = (1 - minCubeSize / maxCubeSize) * percent + 0.5;
134 | dx = maxCubeSize * .5;
135 | dy = end + maxCubeSize * .5 - transY;
136 | } else if (transReverseX < end) {
137 | percent = transReverseX / end;
138 | scale = 1 - (1 - minCubeSize / maxCubeSize) * percent;
139 | dx = transReverseX + maxCubeSize * .5;
140 | dy = maxCubeSize * .5;
141 | } else if (transReverseY < end) {
142 | percent = transReverseY / end;
143 | scale = (1 - minCubeSize / maxCubeSize) * percent + 0.5;
144 | dx = end + maxCubeSize * .5;
145 | dy = transReverseY + maxCubeSize * .5;
146 | }
147 |
148 | canvas.translate(dx, dy);
149 | canvas.rotate(-90 * percent * radian);
150 | canvas.scale(scale);
151 | canvas.drawRect(Rect.fromLTWH(left, top, maxCubeSize, maxCubeSize), paint);
152 |
153 | canvas.restore();
154 | }
155 |
156 | void drawLTCube(double end, Canvas canvas, Paint paint) {
157 | var percent, scale, dx, dy;
158 | final radian = pi / 180;
159 | final left = -maxCubeSize * .5;
160 | final top = -maxCubeSize * .5;
161 |
162 | canvas.save();
163 |
164 | if (transX < end) {
165 | percent = transX / end;
166 | scale = 1 - (1 - minCubeSize / maxCubeSize) * percent;
167 | dx = transX + maxCubeSize * .5;
168 | dy = maxCubeSize * .5;
169 | } else if (transY < end) {
170 | percent = transY / end;
171 | scale = (1 - minCubeSize / maxCubeSize) * percent + 0.5;
172 | dx = end + maxCubeSize * .5;
173 | dy = transY + maxCubeSize * .5;
174 | } else if (transReverseX < end) {
175 | percent = transReverseX / end;
176 | scale = 1 - (1 - minCubeSize / maxCubeSize) * percent;
177 | dx = end + maxCubeSize * .5 - transReverseX;
178 | dy = end + maxCubeSize * .5;
179 | } else if (transReverseY < end) {
180 | percent = transReverseY / end;
181 | scale = (1 - minCubeSize / maxCubeSize) * percent + 0.5;
182 | dx = maxCubeSize * .5;
183 | dy = end + maxCubeSize * .5 - transReverseY;
184 | }
185 |
186 | canvas.translate(dx, dy);
187 | canvas.rotate(-90 * percent * radian);
188 | canvas.scale(scale);
189 | canvas.drawRect(Rect.fromLTWH(left, top, maxCubeSize, maxCubeSize), paint);
190 |
191 | canvas.restore();
192 | }
193 |
194 | @override
195 | bool shouldRepaint(CustomPainter oldDelegate) => true;
196 | }
197 |
--------------------------------------------------------------------------------
/lib/src/indicators/line_scale_indicator.dart:
--------------------------------------------------------------------------------
1 | import 'dart:math';
2 |
3 | import 'package:flutter/material.dart';
4 | import 'package:loading_indicator_view/src/infinite_progress.dart';
5 |
6 | ///
7 | /// author: Vans Z
8 | /// date: 2019-06-01
9 | ///
10 |
11 | class LineScaleIndicator extends StatefulWidget {
12 | LineScaleIndicator({
13 | this.maxLength: 38,
14 | this.minLength: 12,
15 | this.spacing: 3.5,
16 | this.lineWidth: 4,
17 | this.lineNum: 5,
18 | this.lineColor: Colors.white,
19 | this.duration: const Duration(milliseconds: 400),
20 | });
21 |
22 | final double maxLength;
23 | final double minLength;
24 | final double lineWidth;
25 | final double spacing;
26 | final int lineNum;
27 | final Color lineColor;
28 | final Duration duration;
29 |
30 | @override
31 | State createState() => _LineScaleIndicatorState();
32 | }
33 |
34 | class _LineScaleIndicatorState extends State
35 | with SingleTickerProviderStateMixin, InfiniteProgressMixin {
36 | @override
37 | void initState() {
38 | startEngine(this, widget.duration);
39 | super.initState();
40 | }
41 |
42 | @override
43 | void dispose() {
44 | closeEngine();
45 | super.dispose();
46 | }
47 |
48 | @override
49 | Widget build(BuildContext context) {
50 | return AnimatedBuilder(
51 | animation: controller,
52 | builder: (context, child) {
53 | return CustomPaint(
54 | size: measureSize(),
55 | painter: _LineScaleIndicatorPainter(
56 | animationValue: animationValue,
57 | minLength: widget.minLength,
58 | maxLength: widget.maxLength,
59 | spacing: widget.spacing,
60 | lineNum: widget.lineNum,
61 | lineWidth: widget.lineWidth,
62 | lineColor: widget.lineColor,
63 | ),
64 | );
65 | },
66 | );
67 | }
68 |
69 | @override
70 | Size measureSize() {
71 | var width = widget.lineNum * widget.lineWidth +
72 | (widget.lineNum - 1) * widget.spacing;
73 | return Size(width, widget.maxLength);
74 | }
75 | }
76 |
77 | double _progress = .0;
78 | double _lastExtent = .0;
79 |
80 | class _LineScaleIndicatorPainter extends CustomPainter {
81 | _LineScaleIndicatorPainter({
82 | this.animationValue,
83 | this.minLength,
84 | this.maxLength,
85 | this.lineWidth,
86 | this.spacing,
87 | this.lineNum,
88 | this.lineColor,
89 | }) {
90 | offsetLength = [];
91 | var diffLength = maxLength - minLength;
92 | for (int i = 0; i < lineNum; i++) {
93 | offsetLength.add(minLength + diffLength * 2 * i / 10.0);
94 | }
95 | }
96 |
97 | final double animationValue;
98 | final double minLength;
99 | final double maxLength;
100 | final double lineWidth;
101 | final double spacing;
102 | final int lineNum;
103 | final Color lineColor;
104 |
105 | List offsetLength;
106 |
107 | @override
108 | void paint(Canvas canvas, Size size) {
109 | var paint = Paint()
110 | ..isAntiAlias = true
111 | ..style = PaintingStyle.fill
112 | ..color = lineColor
113 | ..strokeJoin = StrokeJoin.round
114 | ..strokeCap = StrokeCap.round;
115 |
116 | _progress += (_lastExtent - animationValue).abs();
117 | _lastExtent = animationValue;
118 | if (_progress >= double.maxFinite) {
119 | _progress = .0;
120 | _lastExtent = .0;
121 | }
122 |
123 | var diffLength = maxLength - minLength;
124 | for (int i = 0; i < lineNum; i++) {
125 | var offsetExtent = asin((offsetLength[i] - minLength) / diffLength);
126 | var scaleLength =
127 | sin(_progress * pi / 180 + offsetExtent).abs() * diffLength +
128 | minLength;
129 | var left = (lineWidth + spacing) * i;
130 | var top = (maxLength - scaleLength) * .5;
131 | Rect rect = Rect.fromLTWH(left, top, lineWidth, scaleLength);
132 | RRect rRect = RRect.fromRectAndRadius(rect, Radius.circular(4.0));
133 | canvas.drawRRect(rRect, paint);
134 | }
135 | }
136 |
137 | @override
138 | bool shouldRepaint(CustomPainter oldDelegate) => true;
139 | }
140 |
--------------------------------------------------------------------------------
/lib/src/indicators/line_scale_pulse_out_indicator.dart:
--------------------------------------------------------------------------------
1 | import 'dart:math';
2 |
3 | import 'package:flutter/material.dart';
4 | import 'package:loading_indicator_view/src/infinite_progress.dart';
5 |
6 | ///
7 | /// author: Vans Z
8 | /// date: 2019-06-01
9 | ///
10 |
11 | class LineScalePulseOutIndicator extends StatefulWidget {
12 | LineScalePulseOutIndicator({
13 | this.maxLength: 42,
14 | this.minLength: 14,
15 | this.spacing: 3.5,
16 | this.lineWidth: 4,
17 | this.lineNum: 5,
18 | this.lineColor: Colors.white,
19 | this.duration: const Duration(milliseconds: 350),
20 | });
21 |
22 | final double maxLength;
23 | final double minLength;
24 | final double lineWidth;
25 | final double spacing;
26 | final int lineNum;
27 | final Color lineColor;
28 | final Duration duration;
29 |
30 | @override
31 | State createState() =>
32 | _LineScalePulseOutIndicatorState();
33 | }
34 |
35 | class _LineScalePulseOutIndicatorState
36 | extends State
37 | with SingleTickerProviderStateMixin, InfiniteProgressMixin {
38 | @override
39 | void initState() {
40 | startEngine(this, widget.duration);
41 | super.initState();
42 | }
43 |
44 | @override
45 | void dispose() {
46 | closeEngine();
47 | super.dispose();
48 | }
49 |
50 | @override
51 | Widget build(BuildContext context) {
52 | return AnimatedBuilder(
53 | animation: controller,
54 | builder: (context, child) {
55 | return CustomPaint(
56 | size: measureSize(),
57 | painter: _LineScalePulseOutIndicatorPainter(
58 | animationValue: animationValue,
59 | minLength: widget.minLength,
60 | maxLength: widget.maxLength,
61 | spacing: widget.spacing,
62 | lineNum: widget.lineNum,
63 | lineWidth: widget.lineWidth,
64 | lineColor: widget.lineColor,
65 | ),
66 | );
67 | },
68 | );
69 | }
70 |
71 | @override
72 | Size measureSize() {
73 | var width = widget.lineNum * widget.lineWidth +
74 | (widget.lineNum - 1) * widget.spacing;
75 | return Size(width, widget.maxLength);
76 | }
77 | }
78 |
79 | double _progress = .0;
80 | double _lastExtent = .0;
81 |
82 | class _LineScalePulseOutIndicatorPainter extends CustomPainter {
83 | _LineScalePulseOutIndicatorPainter({
84 | this.animationValue,
85 | this.minLength,
86 | this.maxLength,
87 | this.lineWidth,
88 | this.spacing,
89 | this.lineNum,
90 | this.lineColor,
91 | }) : offsetLength = [
92 | minLength + (maxLength - minLength) * .2,
93 | minLength + (maxLength - minLength) * .8,
94 | minLength,
95 | minLength + (maxLength - minLength) * .8,
96 | minLength + (maxLength - minLength) * .2,
97 | ];
98 |
99 | final double animationValue;
100 | final double minLength;
101 | final double maxLength;
102 | final double lineWidth;
103 | final double spacing;
104 | final int lineNum;
105 | final Color lineColor;
106 | final List offsetLength;
107 |
108 | @override
109 | void paint(Canvas canvas, Size size) {
110 | var paint = Paint()
111 | ..isAntiAlias = true
112 | ..style = PaintingStyle.fill
113 | ..color = lineColor
114 | ..strokeJoin = StrokeJoin.round
115 | ..strokeCap = StrokeCap.round;
116 |
117 | _progress += (_lastExtent - animationValue).abs();
118 | _lastExtent = animationValue;
119 | if (_progress >= double.maxFinite) {
120 | _progress = .0;
121 | _lastExtent = .0;
122 | }
123 |
124 | var diffLength = maxLength - minLength;
125 | for (int i = 0; i < lineNum; i++) {
126 | var offsetExtent = asin((offsetLength[i] - minLength) / diffLength);
127 | var scaleLength =
128 | sin(_progress * pi / 180 + offsetExtent).abs() * diffLength +
129 | minLength;
130 | var left = (lineWidth + spacing) * i;
131 | var top = (maxLength - scaleLength) * .5;
132 | Rect rect = Rect.fromLTWH(left, top, lineWidth, scaleLength);
133 | RRect rRect = RRect.fromRectAndRadius(rect, Radius.circular(4.0));
134 | canvas.drawRRect(rRect, paint);
135 | }
136 | }
137 |
138 | @override
139 | bool shouldRepaint(CustomPainter oldDelegate) => true;
140 | }
141 |
--------------------------------------------------------------------------------
/lib/src/indicators/line_scale_pulse_out_rapid_indicator.dart:
--------------------------------------------------------------------------------
1 | import 'dart:math';
2 |
3 | import 'package:flutter/material.dart';
4 | import 'package:loading_indicator_view/src/infinite_progress.dart';
5 |
6 | ///
7 | /// author: Vans Z
8 | /// date: 2019-06-01
9 | ///
10 |
11 | class LineScalePulseOutRapidIndicator extends StatefulWidget {
12 | LineScalePulseOutRapidIndicator({
13 | this.maxLength: 38,
14 | this.minLength: 12,
15 | this.spacing: 3.5,
16 | this.lineWidth: 4,
17 | this.lineNum: 5,
18 | this.lineColor: Colors.white,
19 | this.duration: const Duration(milliseconds: 400),
20 | });
21 |
22 | final double maxLength;
23 | final double minLength;
24 | final double lineWidth;
25 | final double spacing;
26 | final int lineNum;
27 | final Color lineColor;
28 | final Duration duration;
29 |
30 | @override
31 | State createState() =>
32 | _LineScalePulseOutRapidIndicatorState();
33 | }
34 |
35 | class _LineScalePulseOutRapidIndicatorState
36 | extends State
37 | with SingleTickerProviderStateMixin, InfiniteProgressMixin {
38 | @override
39 | void initState() {
40 | startEngine(this, widget.duration);
41 | super.initState();
42 | }
43 |
44 | @override
45 | void dispose() {
46 | closeEngine();
47 | super.dispose();
48 | }
49 |
50 | @override
51 | Widget build(BuildContext context) {
52 | return AnimatedBuilder(
53 | animation: controller,
54 | builder: (context, child) {
55 | return CustomPaint(
56 | size: measureSize(),
57 | painter: _LineScalePulseOutRapidIndicatorPainter(
58 | animationValue: animationValue,
59 | minLength: widget.minLength,
60 | maxLength: widget.maxLength,
61 | spacing: widget.spacing,
62 | lineNum: widget.lineNum,
63 | lineWidth: widget.lineWidth,
64 | lineColor: widget.lineColor,
65 | ),
66 | );
67 | },
68 | );
69 | }
70 |
71 | @override
72 | Size measureSize() {
73 | var width = widget.lineNum * widget.lineWidth +
74 | (widget.lineNum - 1) * widget.spacing;
75 | return Size(width, widget.maxLength);
76 | }
77 | }
78 |
79 | double _progress = .0;
80 | double _lastExtent = .0;
81 |
82 | class _LineScalePulseOutRapidIndicatorPainter extends CustomPainter {
83 | _LineScalePulseOutRapidIndicatorPainter({
84 | this.animationValue,
85 | this.minLength,
86 | this.maxLength,
87 | this.lineWidth,
88 | this.spacing,
89 | this.lineNum,
90 | this.lineColor,
91 | }) : offsetLength = [
92 | minLength + (maxLength - minLength) * .3,
93 | minLength + (maxLength - minLength) * .7,
94 | minLength,
95 | minLength + (maxLength - minLength) * .7,
96 | minLength + (maxLength - minLength) * .3,
97 | ];
98 |
99 | final double animationValue;
100 | final double minLength;
101 | final double maxLength;
102 | final double lineWidth;
103 | final double spacing;
104 | final int lineNum;
105 | final Color lineColor;
106 | final List offsetLength;
107 |
108 | @override
109 | void paint(Canvas canvas, Size size) {
110 | var paint = Paint()
111 | ..isAntiAlias = true
112 | ..style = PaintingStyle.fill
113 | ..color = lineColor
114 | ..strokeJoin = StrokeJoin.round
115 | ..strokeCap = StrokeCap.round;
116 |
117 | _progress += (_lastExtent - animationValue).abs();
118 | _lastExtent = animationValue;
119 | if (_progress >= double.maxFinite) {
120 | _progress = .0;
121 | _lastExtent = .0;
122 | }
123 |
124 | var diffLength = maxLength - minLength;
125 | for (int i = 0; i < lineNum; i++) {
126 | var offsetExtent = asin((offsetLength[i] - minLength) / diffLength);
127 | var scaleLength =
128 | sin(_progress * pi / 180 + offsetExtent).abs() * diffLength +
129 | minLength;
130 | var left = (lineWidth + spacing) * i;
131 | var top = (maxLength - scaleLength) * .5;
132 | Rect rect = Rect.fromLTWH(left, top, lineWidth, scaleLength);
133 | RRect rRect = RRect.fromRectAndRadius(rect, Radius.circular(4.0));
134 | canvas.drawRRect(rRect, paint);
135 | }
136 | }
137 |
138 | @override
139 | bool shouldRepaint(CustomPainter oldDelegate) => true;
140 | }
141 |
--------------------------------------------------------------------------------
/lib/src/indicators/line_spin_fade_loader_indicator.dart:
--------------------------------------------------------------------------------
1 | import 'dart:math';
2 |
3 | import 'package:flutter/material.dart';
4 |
5 | import '../infinite_progress.dart';
6 |
7 | ///
8 | /// author: Vans Z
9 | /// date: 2019-06-02
10 | ///
11 |
12 | class LineSpinFadeLoaderIndicator extends StatefulWidget {
13 | LineSpinFadeLoaderIndicator({
14 | this.radius = 18,
15 | this.minLineWidth: 2.4,
16 | this.maxLineWidth: 4.8,
17 | this.minLineHeight: 4.8,
18 | this.maxLineHeight: 9.6,
19 | this.minBallAlpha: 77,
20 | this.maxBallAlpha: 255,
21 | this.ballColor: Colors.white,
22 | this.duration: const Duration(milliseconds: 500),
23 | });
24 |
25 | final double radius;
26 | final double minLineWidth;
27 | final double maxLineWidth;
28 | final double minLineHeight;
29 | final double maxLineHeight;
30 | final double minBallAlpha;
31 | final double maxBallAlpha;
32 | final Color ballColor;
33 | final Duration duration;
34 |
35 | @override
36 | State createState() => _LineSpinFadeLoaderIndicatorState();
37 | }
38 |
39 | class _LineSpinFadeLoaderIndicatorState
40 | extends State
41 | with SingleTickerProviderStateMixin, InfiniteProgressMixin {
42 | @override
43 | void initState() {
44 | startEngine(this, widget.duration);
45 | super.initState();
46 | }
47 |
48 | @override
49 | void dispose() {
50 | closeEngine();
51 | super.dispose();
52 | }
53 |
54 | @override
55 | Widget build(BuildContext context) {
56 | return AnimatedBuilder(
57 | animation: controller,
58 | builder: (context, child) {
59 | return CustomPaint(
60 | size: measureSize(),
61 | painter: _LineSpinFadeLoaderIndicatorPainter(
62 | animationValue: animationValue,
63 | minLineWidth: widget.minLineWidth,
64 | maxLineWidth: widget.maxLineWidth,
65 | minLineHeight: widget.minLineHeight,
66 | maxLineHeight: widget.maxLineHeight,
67 | minAlpha: widget.minBallAlpha,
68 | maxAlpha: widget.maxBallAlpha,
69 | ballColor: widget.ballColor),
70 | );
71 | },
72 | );
73 | }
74 |
75 | @override
76 | Size measureSize() {
77 | return Size(2 * widget.radius, 2 * widget.radius);
78 | }
79 | }
80 |
81 | double _progress = .0;
82 | double _lastExtent = .0;
83 |
84 | class _LineSpinFadeLoaderIndicatorPainter extends CustomPainter {
85 | _LineSpinFadeLoaderIndicatorPainter({
86 | this.animationValue,
87 | this.minLineWidth,
88 | this.maxLineWidth,
89 | this.minLineHeight,
90 | this.maxLineHeight,
91 | this.minAlpha,
92 | this.maxAlpha,
93 | this.ballColor,
94 | });
95 |
96 | final double animationValue;
97 | final double minLineWidth;
98 | final double maxLineWidth;
99 | final double minLineHeight;
100 | final double maxLineHeight;
101 | final double minAlpha;
102 | final double maxAlpha;
103 | final Color ballColor;
104 |
105 | @override
106 | void paint(Canvas canvas, Size size) {
107 | var paint = Paint()
108 | ..isAntiAlias = true
109 | ..style = PaintingStyle.fill;
110 |
111 | _progress += (_lastExtent - animationValue).abs();
112 | _lastExtent = animationValue;
113 | if (_progress >= double.maxFinite) {
114 | _progress = .0;
115 | _lastExtent = .0;
116 | }
117 |
118 | var diffAlpha = maxAlpha - minAlpha;
119 | var diffWidth = maxLineWidth - minLineWidth;
120 | var diffHeight = maxLineHeight - minLineHeight;
121 | for (int i = 0; i < 8; i++) {
122 | canvas.save();
123 |
124 | var newProgress = _progress - i * 22.5;
125 | var beatAlpha = sin(newProgress * pi / 180).abs() * diffAlpha + minAlpha;
126 | paint.color = Color.fromARGB(
127 | beatAlpha.round(), ballColor.red, ballColor.green, ballColor.blue);
128 | var scaleWidth =
129 | sin(newProgress * pi / 180).abs() * diffWidth + minLineWidth;
130 | var scaleHeight =
131 | sin(newProgress * pi / 180).abs() * diffHeight + minLineHeight;
132 | var point = _circleAt(size.width * .5, size.height * .5,
133 | size.width * .5 - maxLineWidth, i * pi / 4);
134 |
135 | canvas.translate(point.dx, point.dy);
136 | canvas.rotate((90 + (i * 45)) * pi / 180);
137 | Rect rect = Rect.fromLTWH(
138 | -scaleWidth * .5, -scaleHeight * .5, scaleWidth, scaleHeight);
139 | RRect rRect = RRect.fromRectAndRadius(rect, Radius.circular(4.0));
140 | canvas.drawRRect(rRect, paint);
141 |
142 | canvas.restore();
143 | }
144 | }
145 |
146 | Offset _circleAt(double width, double height, double radius, double angle) {
147 | var x = width + radius * (cos(angle));
148 | var y = height + radius * (sin(angle));
149 | return Offset(x, y);
150 | }
151 |
152 | @override
153 | bool shouldRepaint(CustomPainter oldDelegate) => true;
154 | }
155 |
--------------------------------------------------------------------------------
/lib/src/indicators/pacman_indicator.dart:
--------------------------------------------------------------------------------
1 | import 'dart:math';
2 |
3 | import 'package:flutter/material.dart';
4 |
5 | ///
6 | /// author: Vans Z
7 | /// date: 2019-06-04
8 | ///
9 |
10 | class PacmanIndicator extends StatefulWidget {
11 | PacmanIndicator({
12 | this.radius: 16,
13 | this.beanRadius: 4,
14 | this.color: Colors.white,
15 | this.duration: const Duration(milliseconds: 325),
16 | });
17 |
18 | final double radius;
19 | final double beanRadius;
20 | final Color color;
21 | final Duration duration;
22 |
23 | @override
24 | State createState() => _PacmanIndicatorState();
25 | }
26 |
27 | class _PacmanIndicatorState extends State
28 | with SingleTickerProviderStateMixin {
29 | AnimationController _controller;
30 | Animation pacman;
31 | Animation bean;
32 |
33 | @override
34 | void initState() {
35 | _controller = AnimationController(vsync: this, duration: widget.duration);
36 | pacman = Tween(begin: 0, end: 90)
37 | .animate(CurvedAnimation(parent: _controller, curve: Curves.linear));
38 | bean = Tween(begin: 0, end: widget.radius * .5)
39 | .animate(CurvedAnimation(parent: _controller, curve: Curves.linear));
40 | _controller.addStatusListener((AnimationStatus status) {
41 | if (status == AnimationStatus.completed) {
42 | _controller.reverse();
43 | } else if (status == AnimationStatus.dismissed) {
44 | _controller.forward();
45 | }
46 | });
47 | _controller.forward();
48 | super.initState();
49 | }
50 |
51 | @override
52 | void dispose() {
53 | _controller?.dispose();
54 | super.dispose();
55 | }
56 |
57 | Size _measureSize() {
58 | var width = (widget.radius + widget.beanRadius) * 2;
59 | var height = widget.radius * 2;
60 | return Size(width, height);
61 | }
62 |
63 | @override
64 | Widget build(BuildContext context) {
65 | return AnimatedBuilder(
66 | animation: _controller,
67 | builder: (context, child) => CustomPaint(
68 | size: _measureSize(),
69 | painter: _PacmanIndicatorPainter(
70 | pacmanAngle: pacman.value,
71 | beanTransX: bean.value,
72 | radius: widget.radius,
73 | beanRadius: widget.beanRadius,
74 | color: widget.color,
75 | ),
76 | ));
77 | }
78 | }
79 |
80 | double _progress = .0;
81 | double _lastExtent = .0;
82 |
83 | class _PacmanIndicatorPainter extends CustomPainter {
84 | _PacmanIndicatorPainter({
85 | this.pacmanAngle,
86 | this.beanTransX,
87 | this.radius,
88 | this.beanRadius,
89 | this.color,
90 | });
91 |
92 | final double pacmanAngle;
93 | final double beanTransX;
94 | final double radius;
95 | final double beanRadius;
96 | final Color color;
97 |
98 | @override
99 | void paint(Canvas canvas, Size size) {
100 | var paint = Paint()
101 | ..isAntiAlias = true
102 | ..style = PaintingStyle.fill
103 | ..color = color;
104 |
105 | var width = radius * 2;
106 | var height = radius * 2;
107 | var radian = pi / 180;
108 | Rect rect = Rect.fromLTWH(0, 0, width, height);
109 | canvas.drawArc(rect, (0 + pacmanAngle * .5) * radian,
110 | (360 - pacmanAngle) * radian, true, paint);
111 |
112 | _progress += (_lastExtent - beanTransX).abs();
113 | _lastExtent = beanTransX;
114 | if (_progress >= radius) {
115 | _progress = .0;
116 | _lastExtent = .0;
117 | }
118 |
119 | var beanAlpha = 255 - (122.5 * _progress / radius);
120 | paint.color =
121 | Color.fromARGB(beanAlpha.round(), color.red, color.green, color.blue);
122 |
123 | var cx = width + beanRadius;
124 | var cy = size.height * .5;
125 | canvas.drawCircle(Offset(cx - _progress, cy), beanRadius, paint);
126 | }
127 |
128 | @override
129 | bool shouldRepaint(CustomPainter oldDelegate) => true;
130 | }
131 |
--------------------------------------------------------------------------------
/lib/src/indicators/semi_circle_spin_indicator.dart:
--------------------------------------------------------------------------------
1 | import 'dart:math';
2 |
3 | import 'package:flutter/material.dart';
4 |
5 | ///
6 | /// author: Vans Z
7 | /// date: 2019-06-04
8 | ///
9 |
10 | class SemiCircleSpinIndicator extends StatefulWidget {
11 | SemiCircleSpinIndicator({
12 | this.radius: 24,
13 | this.color: Colors.white,
14 | this.duration: const Duration(milliseconds: 600),
15 | });
16 |
17 | final double radius;
18 | final Color color;
19 | final Duration duration;
20 |
21 | @override
22 | State createState() => _SemiCircleSpinIndicatorState();
23 | }
24 |
25 | class _SemiCircleSpinIndicatorState extends State
26 | with SingleTickerProviderStateMixin {
27 | AnimationController _controller;
28 | Animation _animation;
29 |
30 | @override
31 | void initState() {
32 | _controller = AnimationController(vsync: this, duration: widget.duration);
33 | _animation =
34 | CurvedAnimation(parent: _controller, curve: Curves.fastOutSlowIn);
35 | _animation = Tween(begin: 0, end: 360).animate(_animation)
36 | ..addStatusListener((AnimationStatus status) {
37 | if (status == AnimationStatus.completed) {
38 | _controller.reset();
39 | _controller.forward();
40 | }
41 | });
42 | _controller.forward();
43 | super.initState();
44 | }
45 |
46 | @override
47 | void dispose() {
48 | _controller?.dispose();
49 | super.dispose();
50 | }
51 |
52 | Size _measureSize() {
53 | return Size(2 * widget.radius, 2 * widget.radius);
54 | }
55 |
56 | @override
57 | Widget build(BuildContext context) {
58 | return AnimatedBuilder(
59 | animation: _animation,
60 | builder: (context, child) {
61 | return CustomPaint(
62 | size: _measureSize(),
63 | painter: _SemiCircleSpinIndicatorPainter(
64 | animationValue: _animation.value,
65 | color: widget.color,
66 | ),
67 | );
68 | },
69 | );
70 | }
71 | }
72 |
73 | class _SemiCircleSpinIndicatorPainter extends CustomPainter {
74 | _SemiCircleSpinIndicatorPainter({
75 | this.animationValue,
76 | this.color,
77 | });
78 |
79 | final double animationValue;
80 | final Color color;
81 |
82 | @override
83 | void paint(Canvas canvas, Size size) {
84 | var paint = Paint()
85 | ..isAntiAlias = true
86 | ..style = PaintingStyle.fill
87 | ..color = color;
88 |
89 | canvas.translate(size.width * .5, size.height * .5);
90 | canvas.rotate(animationValue * pi / 180);
91 | Rect rect = Rect.fromLTWH(
92 | -size.width * .5, -size.height * .5, size.width, size.height);
93 | canvas.drawArc(rect, -60 * pi / 180, 120 * pi / 180, false, paint);
94 | }
95 |
96 | @override
97 | bool shouldRepaint(CustomPainter oldDelegate) => true;
98 | }
99 |
--------------------------------------------------------------------------------
/lib/src/indicators/square_spin_indicator.dart:
--------------------------------------------------------------------------------
1 | import 'dart:math';
2 |
3 | import 'package:flutter/material.dart';
4 | import 'package:flutter/widgets.dart';
5 |
6 | ///
7 | /// author: Vans Z
8 | /// date: 2019-06-02
9 | ///
10 |
11 | class SquareSpinIndicator extends StatefulWidget {
12 | SquareSpinIndicator({
13 | this.length = 36,
14 | this.color = Colors.white,
15 | this.duration = const Duration(milliseconds: 1250),
16 | });
17 |
18 | final double length;
19 | final Color color;
20 | final Duration duration;
21 |
22 | @override
23 | State createState() => _SquareSpinIndicatorState();
24 | }
25 |
26 | class _SquareSpinIndicatorState extends State
27 | with SingleTickerProviderStateMixin {
28 | AnimationController _controller;
29 | Animation _rotateX, _rotateY;
30 |
31 | @override
32 | void initState() {
33 | _controller = AnimationController(vsync: this, duration: widget.duration);
34 | _rotateX = Tween(begin: 0, end: 180)
35 | .animate(CurvedAnimation(parent: _controller, curve: Interval(0, 0.5)));
36 | _rotateY = Tween(begin: 0, end: 180)
37 | .animate(CurvedAnimation(parent: _controller, curve: Interval(0.5, 1)));
38 | _controller.addListener(() {
39 | if (_controller.isCompleted) {
40 | _controller.reset();
41 | _controller.forward();
42 | }
43 | });
44 | _controller.forward();
45 | super.initState();
46 | }
47 |
48 | @override
49 | void dispose() {
50 | _controller?.dispose();
51 | super.dispose();
52 | }
53 |
54 | @override
55 | Widget build(BuildContext context) {
56 | return AnimatedBuilder(
57 | animation: _controller,
58 | builder: (context, child) {
59 | return CustomPaint(
60 | size: _measureSize(),
61 | painter: _SquareSpinIndicatorPainter(
62 | rotateX: _rotateX.value,
63 | rotateY: _rotateY.value,
64 | color: widget.color,
65 | ),
66 | );
67 | },
68 | );
69 | }
70 |
71 | Size _measureSize() => Size(widget.length, widget.length);
72 | }
73 |
74 | class _SquareSpinIndicatorPainter extends CustomPainter {
75 | _SquareSpinIndicatorPainter({
76 | this.rotateX,
77 | this.rotateY,
78 | this.color,
79 | });
80 |
81 | final double rotateX;
82 | final double rotateY;
83 | final Color color;
84 |
85 | @override
86 | void paint(Canvas canvas, Size size) {
87 | var paint = Paint()
88 | ..isAntiAlias = true
89 | ..style = PaintingStyle.fill
90 | ..color = color;
91 |
92 | final halfLength = size.width * .5;
93 | var rect = Rect.fromLTWH(-halfLength, -halfLength, size.width, size.height);
94 |
95 | final radian = pi / 180;
96 | var matrix;
97 | if (rotateX < 180) {
98 | matrix = Matrix4.rotationX(rotateX * radian);
99 | } else if (rotateY < 180) {
100 | matrix = Matrix4.rotationY(rotateY * radian);
101 | }
102 |
103 | canvas.translate(halfLength, halfLength);
104 | canvas.transform(matrix.storage);
105 | canvas.drawRect(rect, paint);
106 | }
107 |
108 | @override
109 | bool shouldRepaint(CustomPainter oldDelegate) => true;
110 | }
111 |
--------------------------------------------------------------------------------
/lib/src/indicators/triangle_skew_spin_indicator.dart:
--------------------------------------------------------------------------------
1 | import 'dart:math';
2 |
3 | import 'package:flutter/material.dart';
4 |
5 | ///
6 | /// author: Vans Z
7 | /// date: 2019-06-08
8 | ///
9 |
10 | class TriangleSkewSpinIndicator extends StatefulWidget {
11 | TriangleSkewSpinIndicator({
12 | this.width: 42,
13 | this.height: 28,
14 | this.color: Colors.white,
15 | this.duration: const Duration(milliseconds: 1250),
16 | });
17 |
18 | final double width;
19 | final double height;
20 | final Color color;
21 | final Duration duration;
22 |
23 | @override
24 | State createState() => _TriangleSkewSpinIndicatorState();
25 | }
26 |
27 | class _TriangleSkewSpinIndicatorState extends State
28 | with SingleTickerProviderStateMixin {
29 | AnimationController _controller;
30 | Animation _rotateX, _rotateY;
31 |
32 | @override
33 | void initState() {
34 | _controller = AnimationController(vsync: this, duration: widget.duration);
35 | _rotateY = Tween(begin: 0, end: 180)
36 | .animate(CurvedAnimation(parent: _controller, curve: Interval(0, 0.5)));
37 | _rotateX = Tween(begin: 0, end: 180)
38 | .animate(CurvedAnimation(parent: _controller, curve: Interval(0.5, 1)));
39 | _controller.addListener(() {
40 | if (_controller.isCompleted) {
41 | _controller.reset();
42 | _controller.forward();
43 | _count++;
44 | }
45 | });
46 | _controller.forward();
47 | super.initState();
48 | }
49 |
50 | @override
51 | void dispose() {
52 | _controller?.dispose();
53 | super.dispose();
54 | }
55 |
56 | @override
57 | Widget build(BuildContext context) => AnimatedBuilder(
58 | animation: _controller,
59 | builder: (context, child) => CustomPaint(
60 | size: Size(widget.width, widget.height),
61 | painter: _TriangleSkewSpinIndicatorPainter(
62 | rotateX: _rotateX.value,
63 | rotateY: _rotateY.value,
64 | color: widget.color,
65 | ),
66 | ),
67 | );
68 | }
69 |
70 | var _count = 0;
71 |
72 | class _TriangleSkewSpinIndicatorPainter extends CustomPainter {
73 | _TriangleSkewSpinIndicatorPainter({
74 | this.rotateX,
75 | this.rotateY,
76 | this.color,
77 | });
78 |
79 | final double rotateX;
80 | final double rotateY;
81 | final Color color;
82 |
83 | @override
84 | void paint(Canvas canvas, Size size) {
85 | var paint = Paint()
86 | ..isAntiAlias = true
87 | ..style = PaintingStyle.fill
88 | ..color = color;
89 |
90 | final radian = pi / 180;
91 | var matrix;
92 | if (rotateY < 180) {
93 | matrix = Matrix4.rotationY(rotateY * radian);
94 | } else if (rotateX < 180) {
95 | matrix = Matrix4.rotationX(rotateX * radian);
96 | }
97 |
98 | final halfWidth = size.width * .5;
99 | final halfHeight = size.height * .5;
100 |
101 | var path;
102 | if (_count % 2 == 0) {
103 | path = Path()
104 | ..moveTo(0, halfHeight)
105 | ..lineTo(halfWidth, -halfHeight)
106 | ..lineTo(-halfWidth, -halfHeight)
107 | ..close();
108 | } else {
109 | path = Path()
110 | ..moveTo(0, -halfHeight)
111 | ..lineTo(halfWidth, halfHeight)
112 | ..lineTo(-halfWidth, halfHeight)
113 | ..close();
114 | }
115 | canvas.translate(halfWidth, halfHeight);
116 | canvas.transform(matrix.storage);
117 | canvas.drawPath(path, paint);
118 | }
119 |
120 | @override
121 | bool shouldRepaint(CustomPainter oldDelegate) => true;
122 | }
123 |
--------------------------------------------------------------------------------
/lib/src/infinite_progress.dart:
--------------------------------------------------------------------------------
1 | import 'package:flutter/widgets.dart';
2 |
3 | ///
4 | /// author:Vans Z
5 | /// date: 2019-06-01
6 | ///
7 |
8 | mixin InfiniteProgressMixin {
9 | Animation _animation;
10 | AnimationController controller;
11 |
12 | double get animationValue => _animation.value;
13 |
14 | void startEngine(TickerProvider vsync, Duration duration) {
15 | controller = AnimationController(vsync: vsync, duration: duration);
16 | _animation = CurvedAnimation(parent: controller, curve: Curves.linear);
17 | _animation = Tween(begin: 0, end: 90).animate(_animation)
18 | ..addStatusListener((AnimationStatus status) {
19 | if (status == AnimationStatus.completed) {
20 | controller.reverse();
21 | } else if (status == AnimationStatus.dismissed) {
22 | controller.forward();
23 | }
24 | });
25 | controller.forward();
26 | }
27 |
28 | Size measureSize();
29 |
30 | void closeEngine() {
31 | controller?.dispose();
32 | }
33 | }
34 |
--------------------------------------------------------------------------------
/loading_indicator_view.iml:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
--------------------------------------------------------------------------------
/pubspec.yaml:
--------------------------------------------------------------------------------
1 | name: loading_indicator_view
2 | description: Flutter loading indicator widget
3 | version: 1.1.0
4 | author: Vans Z <196425254@qq.com>
5 | homepage: https://github.com/Hitomis/loading_indicator_view
6 |
7 | environment:
8 | sdk: ">=2.1.0 <3.0.0"
9 |
10 | dependencies:
11 | flutter:
12 | sdk: flutter
13 |
14 | dev_dependencies:
15 | flutter_test:
16 | sdk: flutter
17 |
18 | # For information on the generic Dart part of this file, see the
19 | # following page: https://dart.dev/tools/pub/pubspec
20 |
21 | # The following section is specific to Flutter.
22 | flutter:
23 | # This section identifies this Flutter project as a plugin project.
24 | # The androidPackage and pluginClass identifiers should not ordinarily
25 | # be modified. They are used by the tooling to maintain consistency when
26 | # adding or updating assets for this project.
27 | plugin:
28 | androidPackage: com.vansz.loading_indicator_view
29 | pluginClass: LoadingIndicatorViewPlugin
30 |
31 | # To add assets to your plugin package, add an assets section, like this:
32 | # assets:
33 | # - images/a_dot_burr.jpeg
34 | # - images/a_dot_ham.jpeg
35 | #
36 | # For details regarding assets in packages, see
37 | # https://flutter.dev/assets-and-images/#from-packages
38 | #
39 | # An image asset can refer to one or more resolution-specific "variants", see
40 | # https://flutter.dev/assets-and-images/#resolution-aware.
41 |
42 | # To add custom fonts to your plugin package, add a fonts section here,
43 | # in this "flutter" section. Each entry in this list should have a
44 | # "family" key with the font family name, and a "fonts" key with a
45 | # list giving the asset and other descriptors for the font. For
46 | # example:
47 | # fonts:
48 | # - family: Schyler
49 | # fonts:
50 | # - asset: fonts/Schyler-Regular.ttf
51 | # - asset: fonts/Schyler-Italic.ttf
52 | # style: italic
53 | # - family: Trajan Pro
54 | # fonts:
55 | # - asset: fonts/TrajanPro.ttf
56 | # - asset: fonts/TrajanPro_Bold.ttf
57 | # weight: 700
58 | #
59 | # For details regarding fonts in packages, see
60 | # https://flutter.dev/custom-fonts/#from-packages
61 |
--------------------------------------------------------------------------------
/test/loading_indicator_view_test.dart:
--------------------------------------------------------------------------------
1 | import 'package:flutter/services.dart';
2 | import 'package:flutter_test/flutter_test.dart';
3 |
4 | void main() {
5 | const MethodChannel channel = MethodChannel('loading_indicator_view');
6 |
7 | setUp(() {
8 | channel.setMockMethodCallHandler((MethodCall methodCall) async {
9 | return '42';
10 | });
11 | });
12 |
13 | tearDown(() {
14 | channel.setMockMethodCallHandler(null);
15 | });
16 |
17 | test('getPlatformVersion', () async {
18 | });
19 | }
20 |
--------------------------------------------------------------------------------