├── .gitignore ├── .idea ├── .gitignore ├── compiler.xml ├── gradle.xml ├── misc.xml └── sonarlint │ └── issuestore │ └── index.pb ├── app ├── .gitignore ├── build.gradle ├── proguard-rules.pro └── src │ ├── androidTest │ └── java │ │ └── com │ │ └── plcoding │ │ └── composetimer │ │ └── ExampleInstrumentedTest.kt │ ├── main │ ├── AndroidManifest.xml │ ├── java │ │ └── com │ │ │ └── plcoding │ │ │ └── composetimer │ │ │ ├── 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 │ └── test │ └── java │ └── com │ └── plcoding │ └── composetimer │ └── ExampleUnitTest.kt ├── build.gradle ├── gradle.properties ├── gradle └── wrapper │ ├── gradle-wrapper.jar │ └── gradle-wrapper.properties ├── gradlew ├── gradlew.bat └── 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/gradle.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 18 | 19 | -------------------------------------------------------------------------------- /.idea/misc.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 9 | -------------------------------------------------------------------------------- /.idea/sonarlint/issuestore/index.pb: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/philipplackner/ComposeTimer/c7ee5aa07887a20323aa9d008c025e31bfdad7d2/.idea/sonarlint/issuestore/index.pb -------------------------------------------------------------------------------- /app/.gitignore: -------------------------------------------------------------------------------- 1 | /build -------------------------------------------------------------------------------- /app/build.gradle: -------------------------------------------------------------------------------- 1 | plugins { 2 | id 'com.android.application' 3 | id 'kotlin-android' 4 | } 5 | 6 | android { 7 | compileSdk 30 8 | 9 | defaultConfig { 10 | applicationId "com.plcoding.composetimer" 11 | minSdk 21 12 | targetSdk 30 13 | versionCode 1 14 | versionName "1.0" 15 | 16 | testInstrumentationRunner "androidx.test.runner.AndroidJUnitRunner" 17 | vectorDrawables { 18 | useSupportLibrary true 19 | } 20 | } 21 | 22 | buildTypes { 23 | release { 24 | minifyEnabled false 25 | proguardFiles getDefaultProguardFile('proguard-android-optimize.txt'), 'proguard-rules.pro' 26 | } 27 | } 28 | compileOptions { 29 | sourceCompatibility JavaVersion.VERSION_1_8 30 | targetCompatibility JavaVersion.VERSION_1_8 31 | } 32 | kotlinOptions { 33 | jvmTarget = '1.8' 34 | useIR = true 35 | } 36 | buildFeatures { 37 | compose true 38 | } 39 | composeOptions { 40 | kotlinCompilerExtensionVersion compose_version 41 | kotlinCompilerVersion '1.4.32' 42 | } 43 | } 44 | 45 | dependencies { 46 | 47 | implementation 'androidx.core:core-ktx:1.5.0' 48 | implementation 'androidx.appcompat:appcompat:1.3.0' 49 | implementation 'com.google.android.material:material:1.3.0' 50 | implementation "androidx.compose.ui:ui:$compose_version" 51 | implementation "androidx.compose.material:material:$compose_version" 52 | implementation "androidx.compose.ui:ui-tooling:$compose_version" 53 | implementation 'androidx.lifecycle:lifecycle-runtime-ktx:2.3.1' 54 | implementation 'androidx.activity:activity-compose:1.3.0-beta01' 55 | testImplementation 'junit:junit:4.+' 56 | androidTestImplementation 'androidx.test.ext:junit:1.1.2' 57 | androidTestImplementation 'androidx.test.espresso:espresso-core:3.3.0' 58 | androidTestImplementation "androidx.compose.ui:ui-test-junit4:$compose_version" 59 | } -------------------------------------------------------------------------------- /app/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 -------------------------------------------------------------------------------- /app/src/androidTest/java/com/plcoding/composetimer/ExampleInstrumentedTest.kt: -------------------------------------------------------------------------------- 1 | package com.plcoding.composetimer 2 | 3 | import androidx.test.platform.app.InstrumentationRegistry 4 | import androidx.test.ext.junit.runners.AndroidJUnit4 5 | 6 | import org.junit.Test 7 | import org.junit.runner.RunWith 8 | 9 | import org.junit.Assert.* 10 | 11 | /** 12 | * Instrumented test, which will execute on an Android device. 13 | * 14 | * See [testing documentation](http://d.android.com/tools/testing). 15 | */ 16 | @RunWith(AndroidJUnit4::class) 17 | class ExampleInstrumentedTest { 18 | @Test 19 | fun useAppContext() { 20 | // Context of the app under test. 21 | val appContext = InstrumentationRegistry.getInstrumentation().targetContext 22 | assertEquals("com.plcoding.composetimer", appContext.packageName) 23 | } 24 | } -------------------------------------------------------------------------------- /app/src/main/AndroidManifest.xml: -------------------------------------------------------------------------------- 1 | 2 | 4 | 5 | 12 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | -------------------------------------------------------------------------------- /app/src/main/java/com/plcoding/composetimer/MainActivity.kt: -------------------------------------------------------------------------------- 1 | package com.plcoding.composetimer 2 | 3 | import android.os.Bundle 4 | import androidx.activity.ComponentActivity 5 | import androidx.activity.compose.setContent 6 | import androidx.compose.foundation.Canvas 7 | import androidx.compose.foundation.layout.Box 8 | import androidx.compose.foundation.layout.fillMaxSize 9 | import androidx.compose.foundation.layout.size 10 | import androidx.compose.material.* 11 | import androidx.compose.runtime.* 12 | import androidx.compose.ui.Alignment 13 | import androidx.compose.ui.Modifier 14 | import androidx.compose.ui.geometry.Offset 15 | import androidx.compose.ui.geometry.Size 16 | import androidx.compose.ui.graphics.Color 17 | import androidx.compose.ui.graphics.PointMode 18 | import androidx.compose.ui.graphics.StrokeCap 19 | import androidx.compose.ui.graphics.drawscope.Stroke 20 | import androidx.compose.ui.layout.onSizeChanged 21 | import androidx.compose.ui.text.font.FontWeight 22 | import androidx.compose.ui.tooling.preview.Preview 23 | import androidx.compose.ui.unit.Dp 24 | import androidx.compose.ui.unit.IntSize 25 | import androidx.compose.ui.unit.dp 26 | import androidx.compose.ui.unit.sp 27 | import com.plcoding.composetimer.ui.theme.ComposeTimerTheme 28 | import kotlinx.coroutines.delay 29 | import kotlin.math.PI 30 | import kotlin.math.cos 31 | import kotlin.math.sin 32 | 33 | class MainActivity : ComponentActivity() { 34 | override fun onCreate(savedInstanceState: Bundle?) { 35 | super.onCreate(savedInstanceState) 36 | setContent { 37 | Surface( 38 | color = Color(0xFF101010), 39 | modifier = Modifier.fillMaxSize() 40 | ) { 41 | Box( 42 | contentAlignment = Alignment.Center 43 | ) { 44 | Timer( 45 | totalTime = 100L * 1000L, 46 | handleColor = Color.Green, 47 | inactiveBarColor = Color.DarkGray, 48 | activeBarColor = Color(0xFF37B900), 49 | modifier = Modifier.size(200.dp) 50 | ) 51 | } 52 | } 53 | } 54 | } 55 | } 56 | 57 | @Composable 58 | fun Timer( 59 | totalTime: Long, 60 | handleColor: Color, 61 | inactiveBarColor: Color, 62 | activeBarColor: Color, 63 | modifier: Modifier = Modifier, 64 | initialValue: Float = 1f, 65 | strokeWidth: Dp = 5.dp 66 | ) { 67 | var size by remember { 68 | mutableStateOf(IntSize.Zero) 69 | } 70 | var value by remember { 71 | mutableStateOf(initialValue) 72 | } 73 | var currentTime by remember { 74 | mutableStateOf(totalTime) 75 | } 76 | var isTimerRunning by remember { 77 | mutableStateOf(false) 78 | } 79 | LaunchedEffect(key1 = currentTime, key2 = isTimerRunning) { 80 | if(currentTime > 0 && isTimerRunning) { 81 | delay(100L) 82 | currentTime -= 100L 83 | value = currentTime / totalTime.toFloat() 84 | } 85 | } 86 | Box( 87 | contentAlignment = Alignment.Center, 88 | modifier = modifier 89 | .onSizeChanged { 90 | size = it 91 | } 92 | ) { 93 | Canvas(modifier = modifier) { 94 | drawArc( 95 | color = inactiveBarColor, 96 | startAngle = -215f, 97 | sweepAngle = 250f, 98 | useCenter = false, 99 | size = Size(size.width.toFloat(), size.height.toFloat()), 100 | style = Stroke(strokeWidth.toPx(), cap = StrokeCap.Round) 101 | ) 102 | drawArc( 103 | color = activeBarColor, 104 | startAngle = -215f, 105 | sweepAngle = 250f * value, 106 | useCenter = false, 107 | size = Size(size.width.toFloat(), size.height.toFloat()), 108 | style = Stroke(strokeWidth.toPx(), cap = StrokeCap.Round) 109 | ) 110 | val center = Offset(size.width / 2f, size.height / 2f) 111 | val beta = (250f * value + 145f) * (PI / 180f).toFloat() 112 | val r = size.width / 2f 113 | val a = cos(beta) * r 114 | val b = sin(beta) * r 115 | drawPoints( 116 | listOf(Offset(center.x + a, center.y + b)), 117 | pointMode = PointMode.Points, 118 | color = handleColor, 119 | strokeWidth = (strokeWidth * 3f).toPx(), 120 | cap = StrokeCap.Round 121 | ) 122 | } 123 | Text( 124 | text = (currentTime / 1000L).toString(), 125 | fontSize = 44.sp, 126 | fontWeight = FontWeight.Bold, 127 | color = Color.White 128 | ) 129 | Button( 130 | onClick = { 131 | if(currentTime <= 0L) { 132 | currentTime = totalTime 133 | isTimerRunning = true 134 | } else { 135 | isTimerRunning = !isTimerRunning 136 | } 137 | }, 138 | modifier = Modifier.align(Alignment.BottomCenter), 139 | colors = ButtonDefaults.buttonColors( 140 | backgroundColor = if (!isTimerRunning || currentTime <= 0L) { 141 | Color.Green 142 | } else { 143 | Color.Red 144 | } 145 | ) 146 | ) { 147 | Text( 148 | text = if (isTimerRunning && currentTime >= 0L) "Stop" 149 | else if (!isTimerRunning && currentTime >= 0L) "Start" 150 | else "Restart" 151 | ) 152 | } 153 | } 154 | } -------------------------------------------------------------------------------- /app/src/main/java/com/plcoding/composetimer/ui/theme/Color.kt: -------------------------------------------------------------------------------- 1 | package com.plcoding.composetimer.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) -------------------------------------------------------------------------------- /app/src/main/java/com/plcoding/composetimer/ui/theme/Shape.kt: -------------------------------------------------------------------------------- 1 | package com.plcoding.composetimer.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 | ) -------------------------------------------------------------------------------- /app/src/main/java/com/plcoding/composetimer/ui/theme/Theme.kt: -------------------------------------------------------------------------------- 1 | package com.plcoding.composetimer.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 ComposeTimerTheme(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 | } -------------------------------------------------------------------------------- /app/src/main/java/com/plcoding/composetimer/ui/theme/Type.kt: -------------------------------------------------------------------------------- 1 | package com.plcoding.composetimer.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 | ) -------------------------------------------------------------------------------- /app/src/main/res/drawable-v24/ic_launcher_foreground.xml: -------------------------------------------------------------------------------- 1 | 7 | 8 | 9 | 15 | 18 | 21 | 22 | 23 | 24 | 30 | -------------------------------------------------------------------------------- /app/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 | -------------------------------------------------------------------------------- /app/src/main/res/mipmap-anydpi-v26/ic_launcher.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /app/src/main/res/mipmap-anydpi-v26/ic_launcher_round.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /app/src/main/res/mipmap-hdpi/ic_launcher.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/philipplackner/ComposeTimer/c7ee5aa07887a20323aa9d008c025e31bfdad7d2/app/src/main/res/mipmap-hdpi/ic_launcher.webp -------------------------------------------------------------------------------- /app/src/main/res/mipmap-hdpi/ic_launcher_round.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/philipplackner/ComposeTimer/c7ee5aa07887a20323aa9d008c025e31bfdad7d2/app/src/main/res/mipmap-hdpi/ic_launcher_round.webp -------------------------------------------------------------------------------- /app/src/main/res/mipmap-mdpi/ic_launcher.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/philipplackner/ComposeTimer/c7ee5aa07887a20323aa9d008c025e31bfdad7d2/app/src/main/res/mipmap-mdpi/ic_launcher.webp -------------------------------------------------------------------------------- /app/src/main/res/mipmap-mdpi/ic_launcher_round.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/philipplackner/ComposeTimer/c7ee5aa07887a20323aa9d008c025e31bfdad7d2/app/src/main/res/mipmap-mdpi/ic_launcher_round.webp -------------------------------------------------------------------------------- /app/src/main/res/mipmap-xhdpi/ic_launcher.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/philipplackner/ComposeTimer/c7ee5aa07887a20323aa9d008c025e31bfdad7d2/app/src/main/res/mipmap-xhdpi/ic_launcher.webp -------------------------------------------------------------------------------- /app/src/main/res/mipmap-xhdpi/ic_launcher_round.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/philipplackner/ComposeTimer/c7ee5aa07887a20323aa9d008c025e31bfdad7d2/app/src/main/res/mipmap-xhdpi/ic_launcher_round.webp -------------------------------------------------------------------------------- /app/src/main/res/mipmap-xxhdpi/ic_launcher.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/philipplackner/ComposeTimer/c7ee5aa07887a20323aa9d008c025e31bfdad7d2/app/src/main/res/mipmap-xxhdpi/ic_launcher.webp -------------------------------------------------------------------------------- /app/src/main/res/mipmap-xxhdpi/ic_launcher_round.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/philipplackner/ComposeTimer/c7ee5aa07887a20323aa9d008c025e31bfdad7d2/app/src/main/res/mipmap-xxhdpi/ic_launcher_round.webp -------------------------------------------------------------------------------- /app/src/main/res/mipmap-xxxhdpi/ic_launcher.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/philipplackner/ComposeTimer/c7ee5aa07887a20323aa9d008c025e31bfdad7d2/app/src/main/res/mipmap-xxxhdpi/ic_launcher.webp -------------------------------------------------------------------------------- /app/src/main/res/mipmap-xxxhdpi/ic_launcher_round.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/philipplackner/ComposeTimer/c7ee5aa07887a20323aa9d008c025e31bfdad7d2/app/src/main/res/mipmap-xxxhdpi/ic_launcher_round.webp -------------------------------------------------------------------------------- /app/src/main/res/values-night/themes.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 16 | -------------------------------------------------------------------------------- /app/src/main/res/values/colors.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | #FFBB86FC 4 | #FF6200EE 5 | #FF3700B3 6 | #FF03DAC5 7 | #FF018786 8 | #FF000000 9 | #FFFFFFFF 10 | -------------------------------------------------------------------------------- /app/src/main/res/values/strings.xml: -------------------------------------------------------------------------------- 1 | 2 | ComposeTimer 3 | -------------------------------------------------------------------------------- /app/src/main/res/values/themes.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 16 | 17 | 21 | 22 |