├── .gitignore ├── .idea ├── .gitignore ├── compiler.xml ├── deploymentTargetDropDown.xml ├── gradle.xml ├── jarRepositories.xml ├── misc.xml └── vcs.xml ├── LICENSE ├── README.md ├── build.gradle ├── circularporgressview ├── .gitignore ├── build.gradle ├── consumer-rules.pro ├── proguard-rules.pro └── src │ └── main │ ├── AndroidManifest.xml │ └── java │ └── com │ └── bks │ └── circularporgressview │ ├── DeterminateProgressView.kt │ ├── InfiniteProgressView.kt │ └── ui │ └── theme │ └── Color.kt ├── gradle.properties ├── gradle └── wrapper │ ├── gradle-wrapper.jar │ └── gradle-wrapper.properties ├── gradlew ├── gradlew.bat ├── jitpack.yml ├── preview ├── determinate-progress.gif ├── infinite_progress_view_preview.gif ├── infinite_progress_view_preview.mp4 └── wave_animation.gif ├── sample ├── .gitignore ├── build.gradle ├── proguard-rules.pro └── src │ └── main │ ├── AndroidManifest.xml │ ├── java │ └── com │ │ └── bks │ │ └── sample │ │ ├── MainActivity.kt │ │ └── ui │ │ └── theme │ │ ├── Color.kt │ │ ├── Shape.kt │ │ ├── Theme.kt │ │ └── Type.kt │ └── res │ ├── drawable-v24 │ └── ic_launcher_foreground.xml │ ├── drawable │ └── ic_launcher_background.xml │ ├── mipmap-anydpi-v26 │ ├── ic_launcher.xml │ └── ic_launcher_round.xml │ ├── mipmap-hdpi │ ├── ic_launcher.webp │ └── ic_launcher_round.webp │ ├── mipmap-mdpi │ ├── ic_launcher.webp │ └── ic_launcher_round.webp │ ├── mipmap-xhdpi │ ├── ic_launcher.webp │ └── ic_launcher_round.webp │ ├── mipmap-xxhdpi │ ├── ic_launcher.webp │ └── ic_launcher_round.webp │ ├── mipmap-xxxhdpi │ ├── ic_launcher.webp │ └── ic_launcher_round.webp │ ├── values-night │ └── themes.xml │ └── values │ ├── colors.xml │ ├── strings.xml │ └── themes.xml └── settings.gradle /.gitignore: -------------------------------------------------------------------------------- 1 | *.iml 2 | .gradle 3 | /local.properties 4 | /.idea/caches 5 | /.idea/libraries 6 | /.idea/modules.xml 7 | /.idea/workspace.xml 8 | /.idea/navEditor.xml 9 | /.idea/assetWizardSettings.xml 10 | .DS_Store 11 | /build 12 | /captures 13 | .externalNativeBuild 14 | .cxx 15 | local.properties 16 | -------------------------------------------------------------------------------- /.idea/.gitignore: -------------------------------------------------------------------------------- 1 | # Default ignored files 2 | /shelf/ 3 | /workspace.xml 4 | -------------------------------------------------------------------------------- /.idea/compiler.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /.idea/deploymentTargetDropDown.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | -------------------------------------------------------------------------------- /.idea/gradle.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 21 | 22 | -------------------------------------------------------------------------------- /.idea/jarRepositories.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 9 | 10 | 14 | 15 | 19 | 20 | 24 | 25 | 29 | 30 | -------------------------------------------------------------------------------- /.idea/misc.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 10 | -------------------------------------------------------------------------------- /.idea/vcs.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | Apache License 2 | Version 2.0, January 2004 3 | http://www.apache.org/licenses/ 4 | 5 | TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION 6 | 7 | 1. Definitions. 8 | 9 | "License" shall mean the terms and conditions for use, reproduction, 10 | and distribution as defined by Sections 1 through 9 of this document. 11 | 12 | "Licensor" shall mean the copyright owner or entity authorized by 13 | the copyright owner that is granting the License. 14 | 15 | "Legal Entity" shall mean the union of the acting entity and all 16 | other entities that control, are controlled by, or are under common 17 | control with that entity. For the purposes of this definition, 18 | "control" means (i) the power, direct or indirect, to cause the 19 | direction or management of such entity, whether by contract or 20 | otherwise, or (ii) ownership of fifty percent (50%) or more of the 21 | outstanding shares, or (iii) beneficial ownership of such entity. 22 | 23 | "You" (or "Your") shall mean an individual or Legal Entity 24 | exercising permissions granted by this License. 25 | 26 | "Source" form shall mean the preferred form for making modifications, 27 | including but not limited to software source code, documentation 28 | source, and configuration files. 29 | 30 | "Object" form shall mean any form resulting from mechanical 31 | transformation or translation of a Source form, including but 32 | not limited to compiled object code, generated documentation, 33 | and conversions to other media types. 34 | 35 | "Work" shall mean the work of authorship, whether in Source or 36 | Object form, made available under the License, as indicated by a 37 | copyright notice that is included in or attached to the work 38 | (an example is provided in the Appendix below). 39 | 40 | "Derivative Works" shall mean any work, whether in Source or Object 41 | form, that is based on (or derived from) the Work and for which the 42 | editorial revisions, annotations, elaborations, or other modifications 43 | represent, as a whole, an original work of authorship. For the purposes 44 | of this License, Derivative Works shall not include works that remain 45 | separable from, or merely link (or bind by name) to the interfaces of, 46 | the Work and Derivative Works thereof. 47 | 48 | "Contribution" shall mean any work of authorship, including 49 | the original version of the Work and any modifications or additions 50 | to that Work or Derivative Works thereof, that is intentionally 51 | submitted to Licensor for inclusion in the Work by the copyright owner 52 | or by an individual or Legal Entity authorized to submit on behalf of 53 | the copyright owner. For the purposes of this definition, "submitted" 54 | means any form of electronic, verbal, or written communication sent 55 | to the Licensor or its representatives, including but not limited to 56 | communication on electronic mailing lists, source code control systems, 57 | and issue tracking systems that are managed by, or on behalf of, the 58 | Licensor for the purpose of discussing and improving the Work, but 59 | excluding communication that is conspicuously marked or otherwise 60 | designated in writing by the copyright owner as "Not a Contribution." 61 | 62 | "Contributor" shall mean Licensor and any individual or Legal Entity 63 | on behalf of whom a Contribution has been received by Licensor and 64 | subsequently incorporated within the Work. 65 | 66 | 2. Grant of Copyright License. Subject to the terms and conditions of 67 | this License, each Contributor hereby grants to You a perpetual, 68 | worldwide, non-exclusive, no-charge, royalty-free, irrevocable 69 | copyright license to reproduce, prepare Derivative Works of, 70 | publicly display, publicly perform, sublicense, and distribute the 71 | Work and such Derivative Works in Source or Object form. 72 | 73 | 3. Grant of Patent License. Subject to the terms and conditions of 74 | this License, each Contributor hereby grants to You a perpetual, 75 | worldwide, non-exclusive, no-charge, royalty-free, irrevocable 76 | (except as stated in this section) patent license to make, have made, 77 | use, offer to sell, sell, import, and otherwise transfer the Work, 78 | where such license applies only to those patent claims licensable 79 | by such Contributor that are necessarily infringed by their 80 | Contribution(s) alone or by combination of their Contribution(s) 81 | with the Work to which such Contribution(s) was submitted. If You 82 | institute patent litigation against any entity (including a 83 | cross-claim or counterclaim in a lawsuit) alleging that the Work 84 | or a Contribution incorporated within the Work constitutes direct 85 | or contributory patent infringement, then any patent licenses 86 | granted to You under this License for that Work shall terminate 87 | as of the date such litigation is filed. 88 | 89 | 4. Redistribution. You may reproduce and distribute copies of the 90 | Work or Derivative Works thereof in any medium, with or without 91 | modifications, and in Source or Object form, provided that You 92 | meet the following conditions: 93 | 94 | (a) You must give any other recipients of the Work or 95 | Derivative Works a copy of this License; and 96 | 97 | (b) You must cause any modified files to carry prominent notices 98 | stating that You changed the files; and 99 | 100 | (c) You must retain, in the Source form of any Derivative Works 101 | that You distribute, all copyright, patent, trademark, and 102 | attribution notices from the Source form of the Work, 103 | excluding those notices that do not pertain to any part of 104 | the Derivative Works; and 105 | 106 | (d) If the Work includes a "NOTICE" text file as part of its 107 | distribution, then any Derivative Works that You distribute must 108 | include a readable copy of the attribution notices contained 109 | within such NOTICE file, excluding those notices that do not 110 | pertain to any part of the Derivative Works, in at least one 111 | of the following places: within a NOTICE text file distributed 112 | as part of the Derivative Works; within the Source form or 113 | documentation, if provided along with the Derivative Works; or, 114 | within a display generated by the Derivative Works, if and 115 | wherever such third-party notices normally appear. The contents 116 | of the NOTICE file are for informational purposes only and 117 | do not modify the License. You may add Your own attribution 118 | notices within Derivative Works that You distribute, alongside 119 | or as an addendum to the NOTICE text from the Work, provided 120 | that such additional attribution notices cannot be construed 121 | as modifying the License. 122 | 123 | You may add Your own copyright statement to Your modifications and 124 | may provide additional or different license terms and conditions 125 | for use, reproduction, or distribution of Your modifications, or 126 | for any such Derivative Works as a whole, provided Your use, 127 | reproduction, and distribution of the Work otherwise complies with 128 | the conditions stated in this License. 129 | 130 | 5. Submission of Contributions. Unless You explicitly state otherwise, 131 | any Contribution intentionally submitted for inclusion in the Work 132 | by You to the Licensor shall be under the terms and conditions of 133 | this License, without any additional terms or conditions. 134 | Notwithstanding the above, nothing herein shall supersede or modify 135 | the terms of any separate license agreement you may have executed 136 | with Licensor regarding such Contributions. 137 | 138 | 6. Trademarks. This License does not grant permission to use the trade 139 | names, trademarks, service marks, or product names of the Licensor, 140 | except as required for reasonable and customary use in describing the 141 | origin of the Work and reproducing the content of the NOTICE file. 142 | 143 | 7. Disclaimer of Warranty. Unless required by applicable law or 144 | agreed to in writing, Licensor provides the Work (and each 145 | Contributor provides its Contributions) on an "AS IS" BASIS, 146 | WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or 147 | implied, including, without limitation, any warranties or conditions 148 | of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A 149 | PARTICULAR PURPOSE. You are solely responsible for determining the 150 | appropriateness of using or redistributing the Work and assume any 151 | risks associated with Your exercise of permissions under this License. 152 | 153 | 8. Limitation of Liability. In no event and under no legal theory, 154 | whether in tort (including negligence), contract, or otherwise, 155 | unless required by applicable law (such as deliberate and grossly 156 | negligent acts) or agreed to in writing, shall any Contributor be 157 | liable to You for damages, including any direct, indirect, special, 158 | incidental, or consequential damages of any character arising as a 159 | result of this License or out of the use or inability to use the 160 | Work (including but not limited to damages for loss of goodwill, 161 | work stoppage, computer failure or malfunction, or any and all 162 | other commercial damages or losses), even if such Contributor 163 | has been advised of the possibility of such damages. 164 | 165 | 9. Accepting Warranty or Additional Liability. While redistributing 166 | the Work or Derivative Works thereof, You may choose to offer, 167 | and charge a fee for, acceptance of support, warranty, indemnity, 168 | or other liability obligations and/or rights consistent with this 169 | License. However, in accepting such obligations, You may act only 170 | on Your own behalf and on Your sole responsibility, not on behalf 171 | of any other Contributor, and only if You agree to indemnify, 172 | defend, and hold each Contributor harmless for any liability 173 | incurred by, or claims asserted against, such Contributor by reason 174 | of your accepting any such warranty or additional liability. 175 | 176 | END OF TERMS AND CONDITIONS 177 | 178 | APPENDIX: How to apply the Apache License to your work. 179 | 180 | To apply the Apache License to your work, attach the following 181 | boilerplate notice, with the fields enclosed by brackets "[]" 182 | replaced with your own identifying information. (Don't include 183 | the brackets!) The text should be enclosed in the appropriate 184 | comment syntax for the file format. We also recommend that a 185 | file or class name and description of purpose be included on the 186 | same "printed page" as the copyright notice for easier 187 | identification within third-party archives. 188 | 189 | Copyright 2021 Ayoub Ben Khemis 190 | 191 | Licensed under the Apache License, Version 2.0 (the "License"); 192 | you may not use this file except in compliance with the License. 193 | You may obtain a copy of the License at 194 | 195 | http://www.apache.org/licenses/LICENSE-2.0 196 | 197 | Unless required by applicable law or agreed to in writing, software 198 | distributed under the License is distributed on an "AS IS" BASIS, 199 | WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 200 | See the License for the specific language governing permissions and 201 | limitations under the License. 202 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Compose-Circular-Progress-View 2 | 3 | [![](https://jitpack.io/v/ayoubbk/Compose-Circular-Progress-View.svg)](https://jitpack.io/#ayoubbk/Compose-Circular-Progress-View) 4 | 5 | CircularProgressView is an Android library that helps you to easily create a custom CircularProgressView. 6 | 7 |    8 | 9 | ## Installation 10 | Add the jitpack.io repository: 11 | 12 | ```groovy 13 | allprojects { 14 | repositories { 15 | jcenter() 16 | maven { url "https://jitpack.io" } 17 | } 18 | } 19 | ``` 20 | 21 | and the dependency 22 | 23 | ```groovy 24 | dependencies { 25 | 26 | implementation "com.github.ayoubbk:Compose-Circular-Progress-View:$version" 27 | } 28 | ``` 29 | 30 | ## Feature 31 | - Infinite or Determinate progress view 32 | - Custom color for progress and background 33 | - Configure progress width 34 | - Configure progress background width 35 | - Set animation duration 36 | - Set start delay for determinate progress view 37 | - Round or Square border 38 | - Configure Progress direction: Left or Right 39 | 40 | 41 | ## Usage 42 | 43 | Infinite CircularProgressView 44 | ```kotlin 45 | @Composable 46 | fun infiniteProgressSample() { 47 | InfiniteProgressView( 48 | modifier = Modifier, 49 | progressColor = blue, 50 | progressBackgroundColor = light_blue, 51 | strokeWidth = 10.dp, 52 | strokeBackgroundWidth = 10.dp, 53 | progressDirection = AnimationDirection.RIGHT, 54 | roundedBorder = false, 55 | durationInMilliSecond = 1300, 56 | defaultDiameter = 80.dp 57 | ) 58 | } 59 | ``` 60 | 61 | Determinate CircularProgressView 62 | ```kotlin 63 | @Composable 64 | fun determinateProgressSample() { 65 | DeterminateProgressView( 66 | modifier = Modifier, 67 | progressColor = blue, 68 | progressBackgroundColor = light_blue, 69 | strokeWidth = 10.dp, 70 | strokeBackgroundWidth = 10.dp, 71 | progress = 80f, 72 | progressDirection = AnimationDirection.RIGHT, 73 | roundedBorder = true, 74 | durationInMilliSecond = 5000, 75 | startDelay = 1000, 76 | radius = 80.dp, 77 | waveAnimation = true 78 | ) 79 | } 80 | ``` 81 | 82 | ## Developed By 83 | 84 | **Ayoub Ben Khemis** 85 | 86 | [![Follow me](https://img.shields.io/badge/-twitter-white?logo=twitter)](https://twitter.com/AyoubBenKhemis) 87 | [![Medium](https://img.shields.io/badge/-medium-grey?logo=medium)](https://ayoubbenkhemis.medium.com/) 88 | 89 | ### License 90 | Copyright 2021 Ayoub Ben Khemis 91 | 92 | Licensed under the Apache License, Version 2.0 (the "License"); 93 | you may not use this file except in compliance with the License. 94 | You may obtain a copy of the License at 95 | 96 | http://www.apache.org/licenses/LICENSE-2.0 97 | 98 | Unless required by applicable law or agreed to in writing, software 99 | distributed under the License is distributed on an "AS IS" BASIS, 100 | WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 101 | See the License for the specific language governing permissions and 102 | limitations under the License. -------------------------------------------------------------------------------- /build.gradle: -------------------------------------------------------------------------------- 1 | // Top-level build file where you can add configuration options common to all sub-projects/modules. 2 | buildscript { 3 | ext { 4 | compose_version = '1.0.0-beta05' 5 | } 6 | repositories { 7 | google() 8 | mavenCentral() 9 | } 10 | dependencies { 11 | classpath "com.android.tools.build:gradle:7.0.0-alpha14" 12 | classpath "org.jetbrains.kotlin:kotlin-gradle-plugin:1.4.32" 13 | } 14 | 15 | } 16 | 17 | allprojects { 18 | repositories { 19 | google() 20 | mavenCentral() 21 | maven { url 'https://jitpack.io' } 22 | } 23 | } 24 | 25 | task clean(type: Delete) { 26 | delete rootProject.buildDir 27 | } -------------------------------------------------------------------------------- /circularporgressview/.gitignore: -------------------------------------------------------------------------------- 1 | /build -------------------------------------------------------------------------------- /circularporgressview/build.gradle: -------------------------------------------------------------------------------- 1 | plugins { 2 | id 'com.android.library' 3 | id 'kotlin-android' 4 | id 'maven-publish' 5 | } 6 | 7 | android { 8 | compileSdkVersion 30 9 | buildToolsVersion "30.0.3" 10 | 11 | defaultConfig { 12 | minSdkVersion 21 13 | targetSdkVersion 30 14 | versionCode 1 15 | versionName "1.0" 16 | 17 | testInstrumentationRunner "androidx.test.runner.AndroidJUnitRunner" 18 | consumerProguardFiles "consumer-rules.pro" 19 | } 20 | 21 | buildTypes { 22 | release { 23 | minifyEnabled false 24 | proguardFiles getDefaultProguardFile('proguard-android-optimize.txt'), 'proguard-rules.pro' 25 | } 26 | } 27 | compileOptions { 28 | sourceCompatibility JavaVersion.VERSION_1_8 29 | targetCompatibility JavaVersion.VERSION_1_8 30 | } 31 | kotlinOptions { 32 | jvmTarget = '1.8' 33 | } 34 | 35 | buildFeatures { 36 | compose true 37 | } 38 | 39 | packagingOptions { 40 | excludes -= "/META-INF/*.kotlin_module" 41 | } 42 | 43 | 44 | } 45 | 46 | dependencies { 47 | 48 | implementation 'androidx.core:core-ktx:1.3.2' 49 | implementation 'androidx.appcompat:appcompat:1.2.0' 50 | implementation 'com.google.android.material:material:1.3.0' 51 | implementation "androidx.compose.ui:ui:$compose_version" 52 | implementation "androidx.compose.material:material:$compose_version" 53 | implementation "androidx.compose.ui:ui-tooling:$compose_version" 54 | implementation 'androidx.lifecycle:lifecycle-runtime-ktx:2.3.1' 55 | implementation 'androidx.activity:activity-compose:1.3.0-alpha07' 56 | testImplementation 'junit:junit:4.+' 57 | androidTestImplementation 'androidx.test.ext:junit:1.1.2' 58 | androidTestImplementation 'androidx.test.espresso:espresso-core:3.3.0' 59 | androidTestImplementation "androidx.compose.ui:ui-test-junit4:$compose_version" 60 | } 61 | 62 | afterEvaluate { 63 | publishing { 64 | publications { 65 | // Creates a Maven publication called "release". 66 | release(MavenPublication) { 67 | // Applies the component for the release build variant. 68 | from components.release 69 | 70 | // You can then customize attributes of the publication as shown below. 71 | groupId = 'com.bks.compose.circularprogressview' 72 | artifactId = 'circular-progress-view' 73 | version = '1.4.0' 74 | } 75 | } 76 | } 77 | } 78 | -------------------------------------------------------------------------------- /circularporgressview/consumer-rules.pro: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ayoubbk/Compose-Circular-Progress-View/efb76fa187141cf81a9726c38bcab9683dbe3633/circularporgressview/consumer-rules.pro -------------------------------------------------------------------------------- /circularporgressview/proguard-rules.pro: -------------------------------------------------------------------------------- 1 | # Add project specific ProGuard rules here. 2 | # You can control the set of applied configuration files using the 3 | # proguardFiles setting in build.gradle. 4 | # 5 | # For more details, see 6 | # http://developer.android.com/guide/developing/tools/proguard.html 7 | 8 | # If your project uses WebView with JS, uncomment the following 9 | # and specify the fully qualified class name to the JavaScript interface 10 | # class: 11 | #-keepclassmembers class fqcn.of.javascript.interface.for.webview { 12 | # public *; 13 | #} 14 | 15 | # Uncomment this to preserve the line number information for 16 | # debugging stack traces. 17 | #-keepattributes SourceFile,LineNumberTable 18 | 19 | # If you keep the line number information, uncomment this to 20 | # hide the original source file name. 21 | #-renamesourcefileattribute SourceFile -------------------------------------------------------------------------------- /circularporgressview/src/main/AndroidManifest.xml: -------------------------------------------------------------------------------- 1 | 2 | 4 | 5 | -------------------------------------------------------------------------------- /circularporgressview/src/main/java/com/bks/circularporgressview/DeterminateProgressView.kt: -------------------------------------------------------------------------------- 1 | package com.bks.circularporgressview 2 | 3 | import androidx.compose.animation.animateColor 4 | import androidx.compose.animation.core.* 5 | import androidx.compose.foundation.Canvas 6 | import androidx.compose.foundation.layout.Box 7 | import androidx.compose.foundation.layout.size 8 | import androidx.compose.material.MaterialTheme.typography 9 | import androidx.compose.material.Text 10 | import androidx.compose.runtime.* 11 | import androidx.compose.ui.Alignment 12 | import androidx.compose.ui.Modifier 13 | import androidx.compose.ui.geometry.Offset 14 | import androidx.compose.ui.geometry.Size 15 | import androidx.compose.ui.graphics.Color 16 | import androidx.compose.ui.graphics.StrokeCap 17 | import androidx.compose.ui.graphics.drawscope.Stroke 18 | import androidx.compose.ui.platform.LocalDensity 19 | import androidx.compose.ui.text.font.FontFamily 20 | import androidx.compose.ui.text.font.FontWeight 21 | import androidx.compose.ui.unit.Dp 22 | import androidx.compose.ui.unit.dp 23 | import androidx.compose.ui.unit.sp 24 | import com.bks.circularporgressview.ui.theme.blue 25 | import com.bks.circularporgressview.ui.theme.light_blue 26 | 27 | /** 28 | * A determinate circular progress that represents progress by drawing an arc from 0.0 29 | * to 360.0 degrees 30 | * 31 | * @param progressColor The color of the progress 32 | * @param progressBackgroundColor The background color of the progress 33 | * @param strokeWidth The progress stroke width 34 | * @param strokeBackgroundWidth The progress background stroke width 35 | * @param progress The progress value, float range from 0.0 to 100.0 36 | * @param progressDirection The progress direction 37 | * @param roundedBorder Determine whether the progress border is rounded or squared 38 | * 39 | */ 40 | @Composable 41 | fun DeterminateProgressView( 42 | modifier: Modifier = Modifier, 43 | progressColor: Color = blue, 44 | progressBackgroundColor: Color = light_blue, 45 | strokeWidth: Dp = 10.dp, 46 | strokeBackgroundWidth: Dp = 5.dp, 47 | progress: Float = 90f, 48 | progressDirection: AnimationDirection = AnimationDirection.RIGHT, 49 | roundedBorder: Boolean = true, 50 | durationInMilliSecond: Int = 2000, 51 | startDelay: Int = 1000, 52 | radius: Dp = 80.dp, 53 | waveAnimation: Boolean = true 54 | ) { 55 | 56 | val stroke = with(LocalDensity.current) { 57 | Stroke(width = strokeWidth.toPx(), cap = if(roundedBorder) StrokeCap.Round else StrokeCap.Square) 58 | } 59 | 60 | val strokeBackground = with(LocalDensity.current) { 61 | Stroke(width = strokeBackgroundWidth.toPx()) 62 | } 63 | 64 | val strokeReverse = Stroke(strokeBackground.width / 4) 65 | 66 | val currentState = remember { 67 | MutableTransitionState(AnimatedArcState.START) 68 | .apply { targetState = AnimatedArcState.END } 69 | } 70 | val animatedProgress = updateTransition(currentState) 71 | var isFinished by remember { mutableStateOf(false) } 72 | val animatedCircle = rememberInfiniteTransition() 73 | 74 | val progress by animatedProgress.animateFloat( 75 | transitionSpec = { 76 | tween( 77 | durationMillis = durationInMilliSecond, 78 | easing = LinearEasing, 79 | delayMillis = startDelay 80 | ) 81 | } 82 | ) { state -> 83 | when (state) { 84 | AnimatedArcState.START -> 0f 85 | AnimatedArcState.END -> { 86 | when(progressDirection) { 87 | AnimationDirection.RIGHT -> progress 88 | AnimationDirection.LEFT -> -progress 89 | } 90 | } 91 | } 92 | } 93 | 94 | val animatedReverse by animatedCircle.animateFloat( 95 | initialValue = 1.40f, 96 | targetValue = 1f, 97 | animationSpec = infiniteRepeatable(tween(2000), RepeatMode.Reverse) 98 | ) 99 | 100 | val animatedColor by animatedCircle.animateColor( 101 | initialValue = progressBackgroundColor.copy(0.5f), 102 | targetValue = progressColor.copy(0.8f), 103 | animationSpec = infiniteRepeatable(tween(2000), RepeatMode.Reverse) 104 | ) 105 | 106 | DisposableEffect(Unit) { 107 | isFinished = animatedProgress.currentState == animatedProgress.targetState 108 | onDispose {} 109 | } 110 | 111 | Box( 112 | contentAlignment = Alignment.Center, 113 | modifier = Modifier.size(radius * 2) 114 | ) { 115 | Canvas( 116 | modifier.size(radius * 2) 117 | ) { 118 | 119 | val higherStrokeWidth = 120 | if (stroke.width > strokeBackground.width) stroke.width else strokeBackground.width 121 | val radius = (size.minDimension - higherStrokeWidth) / 2 122 | val halfSize = size / 2.0f 123 | val topLeft = Offset( 124 | halfSize.width - radius, 125 | halfSize.height - radius 126 | ) 127 | val size = Size(radius * 2, radius * 2) 128 | val sweep = progress * 360 / 100 129 | isFinished = animatedProgress.currentState == animatedProgress.targetState 130 | 131 | drawArc( 132 | startAngle = 0f, 133 | sweepAngle = 360f, 134 | color = progressBackgroundColor, 135 | useCenter = false, 136 | topLeft = topLeft, 137 | size = size, 138 | style = strokeBackground 139 | ) 140 | 141 | if(waveAnimation && !isFinished) { 142 | drawCircle( 143 | color = animatedColor, 144 | style = strokeReverse, 145 | radius = radius * animatedReverse, 146 | ) 147 | } 148 | 149 | drawArc( 150 | color = progressColor, 151 | startAngle = 270f, 152 | sweepAngle = sweep, 153 | useCenter = false, 154 | topLeft = topLeft, 155 | size = size, 156 | style = stroke 157 | ) 158 | } 159 | 160 | Text( 161 | text = progress.toInt().toString() + "%", 162 | color = progressColor, 163 | fontSize = radius.value.sp / 2, 164 | fontWeight = FontWeight.SemiBold, 165 | fontFamily = FontFamily.Monospace, 166 | style = typography.subtitle1 167 | ) 168 | } 169 | 170 | 171 | } 172 | 173 | private enum class AnimatedArcState { 174 | START, 175 | END 176 | } 177 | 178 | enum class AnimationDirection { 179 | LEFT, 180 | RIGHT 181 | } -------------------------------------------------------------------------------- /circularporgressview/src/main/java/com/bks/circularporgressview/InfiniteProgressView.kt: -------------------------------------------------------------------------------- 1 | package com.bks.circularporgressview 2 | 3 | import androidx.compose.animation.core.* 4 | import androidx.compose.foundation.Canvas 5 | import androidx.compose.foundation.layout.size 6 | import androidx.compose.runtime.Composable 7 | import androidx.compose.runtime.getValue 8 | import androidx.compose.ui.Modifier 9 | import androidx.compose.ui.geometry.Offset 10 | import androidx.compose.ui.geometry.Size 11 | import androidx.compose.ui.graphics.Color 12 | import androidx.compose.ui.graphics.StrokeCap 13 | import androidx.compose.ui.graphics.drawscope.Stroke 14 | import androidx.compose.ui.platform.LocalDensity 15 | import androidx.compose.ui.unit.Dp 16 | import androidx.compose.ui.unit.dp 17 | import com.bks.circularporgressview.ui.theme.blue 18 | import com.bks.circularporgressview.ui.theme.light_blue 19 | 20 | 21 | 22 | @Composable 23 | fun InfiniteProgressView( 24 | modifier: Modifier = Modifier, 25 | progressColor: Color = blue, 26 | progressBackgroundColor: Color = light_blue, 27 | strokeWidth: Dp = 10.dp, 28 | strokeBackgroundWidth: Dp = 10.dp, 29 | progressDirection: AnimationDirection = AnimationDirection.RIGHT, 30 | roundedBorder: Boolean = false, 31 | durationInMilliSecond: Int = 800, 32 | radius: Dp = 80.dp 33 | ) { 34 | 35 | 36 | val stroke = with(LocalDensity.current) { 37 | Stroke(width = strokeWidth.toPx(), cap = if(roundedBorder) StrokeCap.Round else StrokeCap.Square) 38 | } 39 | 40 | val strokeBackground = with(LocalDensity.current) { 41 | Stroke(width = strokeBackgroundWidth.toPx()) 42 | } 43 | 44 | val transition = rememberInfiniteTransition() 45 | 46 | val animatedRestart by transition.animateFloat( 47 | initialValue = 0f, 48 | targetValue = if(progressDirection == AnimationDirection.RIGHT) 360f else -360f, 49 | animationSpec = infiniteRepeatable(tween(durationInMilliSecond, easing = LinearEasing)) 50 | ) 51 | 52 | Canvas( 53 | modifier 54 | .size(radius * 2) 55 | ) { 56 | 57 | 58 | val higherStrokeWidth = 59 | if (stroke.width > strokeBackground.width) stroke.width else strokeBackground.width 60 | val radius = (size.minDimension - higherStrokeWidth) / 2 61 | val halfSize = size / 2.0f 62 | val topLeft = Offset( 63 | halfSize.width - radius, 64 | halfSize.height - radius 65 | ) 66 | val size = Size(radius * 2, radius * 2) 67 | 68 | drawArc( 69 | startAngle = 0f, 70 | sweepAngle = 360f, 71 | topLeft = topLeft, 72 | color = progressBackgroundColor, 73 | useCenter = false, 74 | size = size, 75 | style = strokeBackground 76 | ) 77 | 78 | drawArc( 79 | color = progressColor, 80 | startAngle = animatedRestart, 81 | sweepAngle = 90f, 82 | useCenter = false, 83 | topLeft = topLeft, 84 | size = size, 85 | style = stroke, 86 | ) 87 | } 88 | } -------------------------------------------------------------------------------- /circularporgressview/src/main/java/com/bks/circularporgressview/ui/theme/Color.kt: -------------------------------------------------------------------------------- 1 | package com.bks.circularporgressview.ui.theme 2 | 3 | import androidx.compose.ui.graphics.Color 4 | 5 | val Purple200 = Color(0xFFBB86FC) 6 | val Purple500 = Color(0xFF6200EE) 7 | val Purple700 = Color(0xFF3700B3) 8 | val Teal200 = Color(0xFF03DAC5) 9 | val light_blue = Color(0xFFD3E0EA) 10 | val blue = Color(0xFF1687A7) -------------------------------------------------------------------------------- /gradle.properties: -------------------------------------------------------------------------------- 1 | # Project-wide Gradle settings. 2 | # IDE (e.g. Android Studio) users: 3 | # Gradle settings configured through the IDE *will override* 4 | # any settings specified in this file. 5 | # For more details on how to configure your build environment visit 6 | # http://www.gradle.org/docs/current/userguide/build_environment.html 7 | # Specifies the JVM arguments used for the daemon process. 8 | # The setting is particularly useful for tweaking memory settings. 9 | org.gradle.jvmargs=-Xmx2048m -Dfile.encoding=UTF-8 10 | # When configured, Gradle will run in incubating parallel mode. 11 | # This option should only be used with decoupled projects. More details, visit 12 | # http://www.gradle.org/docs/current/userguide/multi_project_builds.html#sec:decoupled_projects 13 | # org.gradle.parallel=true 14 | # AndroidX package structure to make it clearer which packages are bundled with the 15 | # Android operating system, and which are packaged with your app"s APK 16 | # https://developer.android.com/topic/libraries/support-library/androidx-rn 17 | android.useAndroidX=true 18 | # Automatically convert third-party libraries to use AndroidX 19 | android.enableJetifier=true 20 | # Kotlin code style for this project: "official" or "obsolete": 21 | kotlin.code.style=official -------------------------------------------------------------------------------- /gradle/wrapper/gradle-wrapper.jar: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ayoubbk/Compose-Circular-Progress-View/efb76fa187141cf81a9726c38bcab9683dbe3633/gradle/wrapper/gradle-wrapper.jar -------------------------------------------------------------------------------- /gradle/wrapper/gradle-wrapper.properties: -------------------------------------------------------------------------------- 1 | #Mon Apr 26 14:23:00 CEST 2021 2 | distributionBase=GRADLE_USER_HOME 3 | distributionUrl=https\://services.gradle.org/distributions/gradle-7.0-rc-1-bin.zip 4 | distributionPath=wrapper/dists 5 | zipStorePath=wrapper/dists 6 | zipStoreBase=GRADLE_USER_HOME 7 | -------------------------------------------------------------------------------- /gradlew: -------------------------------------------------------------------------------- 1 | #!/usr/bin/env sh 2 | 3 | ############################################################################## 4 | ## 5 | ## Gradle start up script for UN*X 6 | ## 7 | ############################################################################## 8 | 9 | # Attempt to set APP_HOME 10 | # Resolve links: $0 may be a link 11 | PRG="$0" 12 | # Need this for relative symlinks. 13 | while [ -h "$PRG" ] ; do 14 | ls=`ls -ld "$PRG"` 15 | link=`expr "$ls" : '.*-> \(.*\)$'` 16 | if expr "$link" : '/.*' > /dev/null; then 17 | PRG="$link" 18 | else 19 | PRG=`dirname "$PRG"`"/$link" 20 | fi 21 | done 22 | SAVED="`pwd`" 23 | cd "`dirname \"$PRG\"`/" >/dev/null 24 | APP_HOME="`pwd -P`" 25 | cd "$SAVED" >/dev/null 26 | 27 | APP_NAME="Gradle" 28 | APP_BASE_NAME=`basename "$0"` 29 | 30 | # Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script. 31 | DEFAULT_JVM_OPTS="" 32 | 33 | # Use the maximum available, or set MAX_FD != -1 to use that value. 34 | MAX_FD="maximum" 35 | 36 | warn () { 37 | echo "$*" 38 | } 39 | 40 | die () { 41 | echo 42 | echo "$*" 43 | echo 44 | exit 1 45 | } 46 | 47 | # OS specific support (must be 'true' or 'false'). 48 | cygwin=false 49 | msys=false 50 | darwin=false 51 | nonstop=false 52 | case "`uname`" in 53 | CYGWIN* ) 54 | cygwin=true 55 | ;; 56 | Darwin* ) 57 | darwin=true 58 | ;; 59 | MINGW* ) 60 | msys=true 61 | ;; 62 | NONSTOP* ) 63 | nonstop=true 64 | ;; 65 | esac 66 | 67 | CLASSPATH=$APP_HOME/gradle/wrapper/gradle-wrapper.jar 68 | 69 | # Determine the Java command to use to start the JVM. 70 | if [ -n "$JAVA_HOME" ] ; then 71 | if [ -x "$JAVA_HOME/jre/sh/java" ] ; then 72 | # IBM's JDK on AIX uses strange locations for the executables 73 | JAVACMD="$JAVA_HOME/jre/sh/java" 74 | else 75 | JAVACMD="$JAVA_HOME/bin/java" 76 | fi 77 | if [ ! -x "$JAVACMD" ] ; then 78 | die "ERROR: JAVA_HOME is set to an invalid directory: $JAVA_HOME 79 | 80 | Please set the JAVA_HOME variable in your environment to match the 81 | location of your Java installation." 82 | fi 83 | else 84 | JAVACMD="java" 85 | which java >/dev/null 2>&1 || die "ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH. 86 | 87 | Please set the JAVA_HOME variable in your environment to match the 88 | location of your Java installation." 89 | fi 90 | 91 | # Increase the maximum file descriptors if we can. 92 | if [ "$cygwin" = "false" -a "$darwin" = "false" -a "$nonstop" = "false" ] ; then 93 | MAX_FD_LIMIT=`ulimit -H -n` 94 | if [ $? -eq 0 ] ; then 95 | if [ "$MAX_FD" = "maximum" -o "$MAX_FD" = "max" ] ; then 96 | MAX_FD="$MAX_FD_LIMIT" 97 | fi 98 | ulimit -n $MAX_FD 99 | if [ $? -ne 0 ] ; then 100 | warn "Could not set maximum file descriptor limit: $MAX_FD" 101 | fi 102 | else 103 | warn "Could not query maximum file descriptor limit: $MAX_FD_LIMIT" 104 | fi 105 | fi 106 | 107 | # For Darwin, add options to specify how the application appears in the dock 108 | if $darwin; then 109 | GRADLE_OPTS="$GRADLE_OPTS \"-Xdock:name=$APP_NAME\" \"-Xdock:icon=$APP_HOME/media/gradle.icns\"" 110 | fi 111 | 112 | # For Cygwin, switch paths to Windows format before running java 113 | if $cygwin ; then 114 | APP_HOME=`cygpath --path --mixed "$APP_HOME"` 115 | CLASSPATH=`cygpath --path --mixed "$CLASSPATH"` 116 | JAVACMD=`cygpath --unix "$JAVACMD"` 117 | 118 | # We build the pattern for arguments to be converted via cygpath 119 | ROOTDIRSRAW=`find -L / -maxdepth 1 -mindepth 1 -type d 2>/dev/null` 120 | SEP="" 121 | for dir in $ROOTDIRSRAW ; do 122 | ROOTDIRS="$ROOTDIRS$SEP$dir" 123 | SEP="|" 124 | done 125 | OURCYGPATTERN="(^($ROOTDIRS))" 126 | # Add a user-defined pattern to the cygpath arguments 127 | if [ "$GRADLE_CYGPATTERN" != "" ] ; then 128 | OURCYGPATTERN="$OURCYGPATTERN|($GRADLE_CYGPATTERN)" 129 | fi 130 | # Now convert the arguments - kludge to limit ourselves to /bin/sh 131 | i=0 132 | for arg in "$@" ; do 133 | CHECK=`echo "$arg"|egrep -c "$OURCYGPATTERN" -` 134 | CHECK2=`echo "$arg"|egrep -c "^-"` ### Determine if an option 135 | 136 | if [ $CHECK -ne 0 ] && [ $CHECK2 -eq 0 ] ; then ### Added a condition 137 | eval `echo args$i`=`cygpath --path --ignore --mixed "$arg"` 138 | else 139 | eval `echo args$i`="\"$arg\"" 140 | fi 141 | i=$((i+1)) 142 | done 143 | case $i in 144 | (0) set -- ;; 145 | (1) set -- "$args0" ;; 146 | (2) set -- "$args0" "$args1" ;; 147 | (3) set -- "$args0" "$args1" "$args2" ;; 148 | (4) set -- "$args0" "$args1" "$args2" "$args3" ;; 149 | (5) set -- "$args0" "$args1" "$args2" "$args3" "$args4" ;; 150 | (6) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" ;; 151 | (7) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" ;; 152 | (8) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" "$args7" ;; 153 | (9) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" "$args7" "$args8" ;; 154 | esac 155 | fi 156 | 157 | # Escape application args 158 | save () { 159 | for i do printf %s\\n "$i" | sed "s/'/'\\\\''/g;1s/^/'/;\$s/\$/' \\\\/" ; done 160 | echo " " 161 | } 162 | APP_ARGS=$(save "$@") 163 | 164 | # Collect all arguments for the java command, following the shell quoting and substitution rules 165 | eval set -- $DEFAULT_JVM_OPTS $JAVA_OPTS $GRADLE_OPTS "\"-Dorg.gradle.appname=$APP_BASE_NAME\"" -classpath "\"$CLASSPATH\"" org.gradle.wrapper.GradleWrapperMain "$APP_ARGS" 166 | 167 | # by default we should be in the correct project dir, but when run from Finder on Mac, the cwd is wrong 168 | if [ "$(uname)" = "Darwin" ] && [ "$HOME" = "$PWD" ]; then 169 | cd "$(dirname "$0")" 170 | fi 171 | 172 | exec "$JAVACMD" "$@" 173 | -------------------------------------------------------------------------------- /gradlew.bat: -------------------------------------------------------------------------------- 1 | @if "%DEBUG%" == "" @echo off 2 | @rem ########################################################################## 3 | @rem 4 | @rem Gradle startup script for Windows 5 | @rem 6 | @rem ########################################################################## 7 | 8 | @rem Set local scope for the variables with windows NT shell 9 | if "%OS%"=="Windows_NT" setlocal 10 | 11 | set DIRNAME=%~dp0 12 | if "%DIRNAME%" == "" set DIRNAME=. 13 | set APP_BASE_NAME=%~n0 14 | set APP_HOME=%DIRNAME% 15 | 16 | @rem Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script. 17 | set DEFAULT_JVM_OPTS= 18 | 19 | @rem Find java.exe 20 | if defined JAVA_HOME goto findJavaFromJavaHome 21 | 22 | set JAVA_EXE=java.exe 23 | %JAVA_EXE% -version >NUL 2>&1 24 | if "%ERRORLEVEL%" == "0" goto init 25 | 26 | echo. 27 | echo ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH. 28 | echo. 29 | echo Please set the JAVA_HOME variable in your environment to match the 30 | echo location of your Java installation. 31 | 32 | goto fail 33 | 34 | :findJavaFromJavaHome 35 | set JAVA_HOME=%JAVA_HOME:"=% 36 | set JAVA_EXE=%JAVA_HOME%/bin/java.exe 37 | 38 | if exist "%JAVA_EXE%" goto init 39 | 40 | echo. 41 | echo ERROR: JAVA_HOME is set to an invalid directory: %JAVA_HOME% 42 | echo. 43 | echo Please set the JAVA_HOME variable in your environment to match the 44 | echo location of your Java installation. 45 | 46 | goto fail 47 | 48 | :init 49 | @rem Get command-line arguments, handling Windows variants 50 | 51 | if not "%OS%" == "Windows_NT" goto win9xME_args 52 | 53 | :win9xME_args 54 | @rem Slurp the command line arguments. 55 | set CMD_LINE_ARGS= 56 | set _SKIP=2 57 | 58 | :win9xME_args_slurp 59 | if "x%~1" == "x" goto execute 60 | 61 | set CMD_LINE_ARGS=%* 62 | 63 | :execute 64 | @rem Setup the command line 65 | 66 | set CLASSPATH=%APP_HOME%\gradle\wrapper\gradle-wrapper.jar 67 | 68 | @rem Execute Gradle 69 | "%JAVA_EXE%" %DEFAULT_JVM_OPTS% %JAVA_OPTS% %GRADLE_OPTS% "-Dorg.gradle.appname=%APP_BASE_NAME%" -classpath "%CLASSPATH%" org.gradle.wrapper.GradleWrapperMain %CMD_LINE_ARGS% 70 | 71 | :end 72 | @rem End local scope for the variables with windows NT shell 73 | if "%ERRORLEVEL%"=="0" goto mainEnd 74 | 75 | :fail 76 | rem Set variable GRADLE_EXIT_CONSOLE if you need the _script_ return code instead of 77 | rem the _cmd.exe /c_ return code! 78 | if not "" == "%GRADLE_EXIT_CONSOLE%" exit 1 79 | exit /b 1 80 | 81 | :mainEnd 82 | if "%OS%"=="Windows_NT" endlocal 83 | 84 | :omega 85 | -------------------------------------------------------------------------------- /jitpack.yml: -------------------------------------------------------------------------------- 1 | jdk: 2 | - openjdk11 -------------------------------------------------------------------------------- /preview/determinate-progress.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ayoubbk/Compose-Circular-Progress-View/efb76fa187141cf81a9726c38bcab9683dbe3633/preview/determinate-progress.gif -------------------------------------------------------------------------------- /preview/infinite_progress_view_preview.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ayoubbk/Compose-Circular-Progress-View/efb76fa187141cf81a9726c38bcab9683dbe3633/preview/infinite_progress_view_preview.gif -------------------------------------------------------------------------------- /preview/infinite_progress_view_preview.mp4: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ayoubbk/Compose-Circular-Progress-View/efb76fa187141cf81a9726c38bcab9683dbe3633/preview/infinite_progress_view_preview.mp4 -------------------------------------------------------------------------------- /preview/wave_animation.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ayoubbk/Compose-Circular-Progress-View/efb76fa187141cf81a9726c38bcab9683dbe3633/preview/wave_animation.gif -------------------------------------------------------------------------------- /sample/.gitignore: -------------------------------------------------------------------------------- 1 | /build -------------------------------------------------------------------------------- /sample/build.gradle: -------------------------------------------------------------------------------- 1 | plugins { 2 | id 'com.android.application' 3 | id 'kotlin-android' 4 | } 5 | 6 | android { 7 | compileSdk 30 8 | buildToolsVersion "30.0.3" 9 | 10 | defaultConfig { 11 | applicationId "com.bks.sample" 12 | minSdk 21 13 | targetSdk 30 14 | versionCode 1 15 | versionName "1.0" 16 | 17 | testInstrumentationRunner "androidx.test.runner.AndroidJUnitRunner" 18 | vectorDrawables { 19 | useSupportLibrary true 20 | } 21 | } 22 | 23 | buildTypes { 24 | release { 25 | minifyEnabled false 26 | proguardFiles getDefaultProguardFile('proguard-android-optimize.txt'), 'proguard-rules.pro' 27 | } 28 | } 29 | 30 | compileOptions { 31 | sourceCompatibility JavaVersion.VERSION_1_8 32 | targetCompatibility JavaVersion.VERSION_1_8 33 | } 34 | 35 | kotlinOptions { 36 | jvmTarget = '1.8' 37 | useIR = true 38 | } 39 | 40 | buildFeatures { 41 | compose true 42 | } 43 | 44 | composeOptions { 45 | kotlinCompilerExtensionVersion compose_version 46 | kotlinCompilerVersion '1.4.30' 47 | } 48 | } 49 | 50 | 51 | dependencies { 52 | implementation(project(":circularporgressview")) 53 | implementation 'androidx.core:core-ktx:1.3.2' 54 | implementation 'androidx.appcompat:appcompat:1.2.0' 55 | implementation 'com.google.android.material:material:1.3.0' 56 | implementation "androidx.compose.ui:ui:$compose_version" 57 | implementation "androidx.compose.material:material:$compose_version" 58 | implementation "androidx.compose.ui:ui-tooling:$compose_version" 59 | implementation 'androidx.lifecycle:lifecycle-runtime-ktx:2.3.1' 60 | implementation 'androidx.activity:activity-compose:1.3.0-alpha06' 61 | testImplementation 'junit:junit:4.+' 62 | androidTestImplementation 'androidx.test.ext:junit:1.1.2' 63 | androidTestImplementation 'androidx.test.espresso:espresso-core:3.3.0' 64 | androidTestImplementation "androidx.compose.ui:ui-test-junit4:$compose_version" 65 | } -------------------------------------------------------------------------------- /sample/proguard-rules.pro: -------------------------------------------------------------------------------- 1 | # Add project specific ProGuard rules here. 2 | # You can control the set of applied configuration files using the 3 | # proguardFiles setting in build.gradle. 4 | # 5 | # For more details, see 6 | # http://developer.android.com/guide/developing/tools/proguard.html 7 | 8 | # If your project uses WebView with JS, uncomment the following 9 | # and specify the fully qualified class name to the JavaScript interface 10 | # class: 11 | #-keepclassmembers class fqcn.of.javascript.interface.for.webview { 12 | # public *; 13 | #} 14 | 15 | # Uncomment this to preserve the line number information for 16 | # debugging stack traces. 17 | #-keepattributes SourceFile,LineNumberTable 18 | 19 | # If you keep the line number information, uncomment this to 20 | # hide the original source file name. 21 | #-renamesourcefileattribute SourceFile -------------------------------------------------------------------------------- /sample/src/main/AndroidManifest.xml: -------------------------------------------------------------------------------- 1 | 2 | 4 | 5 | 12 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | -------------------------------------------------------------------------------- /sample/src/main/java/com/bks/sample/MainActivity.kt: -------------------------------------------------------------------------------- 1 | package com.bks.sample 2 | 3 | import android.os.Bundle 4 | import androidx.activity.ComponentActivity 5 | import androidx.activity.compose.setContent 6 | import androidx.compose.foundation.layout.Arrangement 7 | import androidx.compose.foundation.layout.Column 8 | import androidx.compose.foundation.layout.fillMaxHeight 9 | import androidx.compose.foundation.layout.fillMaxWidth 10 | import androidx.compose.runtime.Composable 11 | import androidx.compose.ui.Alignment 12 | import androidx.compose.ui.Modifier 13 | import androidx.compose.ui.tooling.preview.Preview 14 | import androidx.compose.ui.unit.dp 15 | import com.bks.circularporgressview.AnimationDirection 16 | import com.bks.circularporgressview.DeterminateProgressView 17 | import com.bks.circularporgressview.InfiniteProgressView 18 | import com.bks.circularporgressview.ui.theme.blue 19 | import com.bks.circularporgressview.ui.theme.light_blue 20 | import com.bks.sample.ui.theme.CircularProgressViewTheme 21 | 22 | class MainActivity : ComponentActivity() { 23 | override fun onCreate(savedInstanceState: Bundle?) { 24 | super.onCreate(savedInstanceState) 25 | setContent { 26 | CircularProgressViewTheme { 27 | Column( 28 | modifier = Modifier 29 | .fillMaxWidth() 30 | .fillMaxHeight(), 31 | verticalArrangement = Arrangement.Center, 32 | horizontalAlignment = Alignment.CenterHorizontally 33 | ) { 34 | 35 | determinateProgressSample() 36 | } 37 | } 38 | } 39 | } 40 | } 41 | 42 | 43 | @Preview(showBackground = true) 44 | @Composable 45 | fun DefaultPreview() { 46 | CircularProgressViewTheme { 47 | 48 | InfiniteProgressView( 49 | modifier = Modifier, 50 | progressColor = blue, 51 | progressBackgroundColor = light_blue, 52 | strokeWidth = 10.dp, 53 | strokeBackgroundWidth = 10.dp, 54 | progressDirection = AnimationDirection.RIGHT, 55 | roundedBorder = false, 56 | durationInMilliSecond = 1300, 57 | radius = 80.dp 58 | ) 59 | } 60 | } 61 | 62 | @Composable 63 | fun infiniteProgressSample() { 64 | InfiniteProgressView( 65 | modifier = Modifier, 66 | progressColor = blue, 67 | progressBackgroundColor = light_blue, 68 | strokeWidth = 10.dp, 69 | strokeBackgroundWidth = 10.dp, 70 | progressDirection = AnimationDirection.RIGHT, 71 | roundedBorder = false, 72 | durationInMilliSecond = 1300, 73 | radius = 80.dp 74 | ) 75 | } 76 | 77 | @Composable 78 | fun determinateProgressSample() { 79 | DeterminateProgressView( 80 | modifier = Modifier, 81 | progressColor = blue, 82 | progressBackgroundColor = light_blue, 83 | strokeWidth = 10.dp, 84 | strokeBackgroundWidth = 10.dp, 85 | progress = 100f, 86 | progressDirection = AnimationDirection.RIGHT, 87 | roundedBorder = true, 88 | durationInMilliSecond = 10000, 89 | startDelay = 1000, 90 | radius = 80.dp, 91 | waveAnimation = true 92 | ) 93 | } -------------------------------------------------------------------------------- /sample/src/main/java/com/bks/sample/ui/theme/Color.kt: -------------------------------------------------------------------------------- 1 | package com.bks.sample.ui.theme 2 | 3 | import androidx.compose.ui.graphics.Color 4 | 5 | val Purple200 = Color(0xFFBB86FC) 6 | val Purple500 = Color(0xFF6200EE) 7 | val Purple700 = Color(0xFF3700B3) 8 | val Teal200 = Color(0xFF03DAC5) -------------------------------------------------------------------------------- /sample/src/main/java/com/bks/sample/ui/theme/Shape.kt: -------------------------------------------------------------------------------- 1 | package com.bks.sample.ui.theme 2 | 3 | import androidx.compose.foundation.shape.RoundedCornerShape 4 | import androidx.compose.material.Shapes 5 | import androidx.compose.ui.unit.dp 6 | 7 | val Shapes = Shapes( 8 | small = RoundedCornerShape(4.dp), 9 | medium = RoundedCornerShape(4.dp), 10 | large = RoundedCornerShape(0.dp) 11 | ) -------------------------------------------------------------------------------- /sample/src/main/java/com/bks/sample/ui/theme/Theme.kt: -------------------------------------------------------------------------------- 1 | package com.bks.sample.ui.theme 2 | 3 | import androidx.compose.foundation.isSystemInDarkTheme 4 | import androidx.compose.material.MaterialTheme 5 | import androidx.compose.material.darkColors 6 | import androidx.compose.material.lightColors 7 | import androidx.compose.runtime.Composable 8 | 9 | private val DarkColorPalette = darkColors( 10 | primary = Purple200, 11 | primaryVariant = Purple700, 12 | secondary = Teal200 13 | ) 14 | 15 | private val LightColorPalette = lightColors( 16 | primary = Purple500, 17 | primaryVariant = Purple700, 18 | secondary = Teal200 19 | 20 | /* Other default colors to override 21 | background = Color.White, 22 | surface = Color.White, 23 | onPrimary = Color.White, 24 | onSecondary = Color.Black, 25 | onBackground = Color.Black, 26 | onSurface = Color.Black, 27 | */ 28 | ) 29 | 30 | @Composable 31 | fun CircularProgressViewTheme(darkTheme: Boolean = isSystemInDarkTheme(), content: @Composable() () -> Unit) { 32 | val colors = if (darkTheme) { 33 | DarkColorPalette 34 | } else { 35 | LightColorPalette 36 | } 37 | 38 | MaterialTheme( 39 | colors = colors, 40 | typography = Typography, 41 | shapes = Shapes, 42 | content = content 43 | ) 44 | } -------------------------------------------------------------------------------- /sample/src/main/java/com/bks/sample/ui/theme/Type.kt: -------------------------------------------------------------------------------- 1 | package com.bks.sample.ui.theme 2 | 3 | import androidx.compose.material.Typography 4 | import androidx.compose.ui.text.TextStyle 5 | import androidx.compose.ui.text.font.FontFamily 6 | import androidx.compose.ui.text.font.FontWeight 7 | import androidx.compose.ui.unit.sp 8 | 9 | // Set of Material typography styles to start with 10 | val Typography = Typography( 11 | body1 = TextStyle( 12 | fontFamily = FontFamily.Default, 13 | fontWeight = FontWeight.Normal, 14 | fontSize = 16.sp 15 | ) 16 | /* Other default text styles to override 17 | button = TextStyle( 18 | fontFamily = FontFamily.Default, 19 | fontWeight = FontWeight.W500, 20 | fontSize = 14.sp 21 | ), 22 | caption = TextStyle( 23 | fontFamily = FontFamily.Default, 24 | fontWeight = FontWeight.Normal, 25 | fontSize = 12.sp 26 | ) 27 | */ 28 | ) -------------------------------------------------------------------------------- /sample/src/main/res/drawable-v24/ic_launcher_foreground.xml: -------------------------------------------------------------------------------- 1 | 7 | 8 | 9 | 15 | 18 | 21 | 22 | 23 | 24 | 30 | -------------------------------------------------------------------------------- /sample/src/main/res/drawable/ic_launcher_background.xml: -------------------------------------------------------------------------------- 1 | 2 | 7 | 10 | 15 | 20 | 25 | 30 | 35 | 40 | 45 | 50 | 55 | 60 | 65 | 70 | 75 | 80 | 85 | 90 | 95 | 100 | 105 | 110 | 115 | 120 | 125 | 130 | 135 | 140 | 145 | 150 | 155 | 160 | 165 | 170 | 171 | -------------------------------------------------------------------------------- /sample/src/main/res/mipmap-anydpi-v26/ic_launcher.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /sample/src/main/res/mipmap-anydpi-v26/ic_launcher_round.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /sample/src/main/res/mipmap-hdpi/ic_launcher.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ayoubbk/Compose-Circular-Progress-View/efb76fa187141cf81a9726c38bcab9683dbe3633/sample/src/main/res/mipmap-hdpi/ic_launcher.webp -------------------------------------------------------------------------------- /sample/src/main/res/mipmap-hdpi/ic_launcher_round.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ayoubbk/Compose-Circular-Progress-View/efb76fa187141cf81a9726c38bcab9683dbe3633/sample/src/main/res/mipmap-hdpi/ic_launcher_round.webp -------------------------------------------------------------------------------- /sample/src/main/res/mipmap-mdpi/ic_launcher.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ayoubbk/Compose-Circular-Progress-View/efb76fa187141cf81a9726c38bcab9683dbe3633/sample/src/main/res/mipmap-mdpi/ic_launcher.webp -------------------------------------------------------------------------------- /sample/src/main/res/mipmap-mdpi/ic_launcher_round.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ayoubbk/Compose-Circular-Progress-View/efb76fa187141cf81a9726c38bcab9683dbe3633/sample/src/main/res/mipmap-mdpi/ic_launcher_round.webp -------------------------------------------------------------------------------- /sample/src/main/res/mipmap-xhdpi/ic_launcher.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ayoubbk/Compose-Circular-Progress-View/efb76fa187141cf81a9726c38bcab9683dbe3633/sample/src/main/res/mipmap-xhdpi/ic_launcher.webp -------------------------------------------------------------------------------- /sample/src/main/res/mipmap-xhdpi/ic_launcher_round.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ayoubbk/Compose-Circular-Progress-View/efb76fa187141cf81a9726c38bcab9683dbe3633/sample/src/main/res/mipmap-xhdpi/ic_launcher_round.webp -------------------------------------------------------------------------------- /sample/src/main/res/mipmap-xxhdpi/ic_launcher.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ayoubbk/Compose-Circular-Progress-View/efb76fa187141cf81a9726c38bcab9683dbe3633/sample/src/main/res/mipmap-xxhdpi/ic_launcher.webp -------------------------------------------------------------------------------- /sample/src/main/res/mipmap-xxhdpi/ic_launcher_round.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ayoubbk/Compose-Circular-Progress-View/efb76fa187141cf81a9726c38bcab9683dbe3633/sample/src/main/res/mipmap-xxhdpi/ic_launcher_round.webp -------------------------------------------------------------------------------- /sample/src/main/res/mipmap-xxxhdpi/ic_launcher.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ayoubbk/Compose-Circular-Progress-View/efb76fa187141cf81a9726c38bcab9683dbe3633/sample/src/main/res/mipmap-xxxhdpi/ic_launcher.webp -------------------------------------------------------------------------------- /sample/src/main/res/mipmap-xxxhdpi/ic_launcher_round.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ayoubbk/Compose-Circular-Progress-View/efb76fa187141cf81a9726c38bcab9683dbe3633/sample/src/main/res/mipmap-xxxhdpi/ic_launcher_round.webp -------------------------------------------------------------------------------- /sample/src/main/res/values-night/themes.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 16 | -------------------------------------------------------------------------------- /sample/src/main/res/values/colors.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | #FFBB86FC 4 | #FF6200EE 5 | #FF3700B3 6 | #FF03DAC5 7 | #FF018786 8 | #FF000000 9 | #FFFFFFFF 10 | -------------------------------------------------------------------------------- /sample/src/main/res/values/strings.xml: -------------------------------------------------------------------------------- 1 | 2 | sample 3 | -------------------------------------------------------------------------------- /sample/src/main/res/values/themes.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 16 | 20 |