├── .gitignore ├── .idea ├── .gitignore ├── compiler.xml ├── deploymentTargetSelector.xml ├── discord.xml ├── gradle.xml ├── inspectionProfiles │ └── Project_Default.xml ├── kotlinc.xml ├── migrations.xml ├── misc.xml └── other.xml ├── LICENSE ├── README.md ├── SlideView ├── .gitignore ├── build.gradle.kts ├── consumer-rules.pro ├── proguard-rules.pro └── src │ └── main │ ├── AndroidManifest.xml │ └── java │ └── com │ └── lilstiffy │ └── slideview │ ├── SlideView.kt │ └── SlideViewConfig.kt ├── app ├── .gitignore ├── build.gradle.kts ├── proguard-rules.pro └── src │ ├── androidTest │ └── java │ │ └── com │ │ └── lilstiffy │ │ └── slidesample │ │ └── ExampleInstrumentedTest.kt │ ├── main │ ├── AndroidManifest.xml │ ├── java │ │ └── com │ │ │ └── lilstiffy │ │ │ └── slidesample │ │ │ ├── MainActivity.kt │ │ │ └── ui │ │ │ └── theme │ │ │ ├── Color.kt │ │ │ ├── Theme.kt │ │ │ └── Type.kt │ └── res │ │ ├── drawable │ │ ├── ic_launcher_background.xml │ │ └── ic_launcher_foreground.xml │ │ ├── mipmap-anydpi │ │ ├── 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 │ │ ├── colors.xml │ │ ├── strings.xml │ │ └── themes.xml │ │ └── xml │ │ ├── backup_rules.xml │ │ └── data_extraction_rules.xml │ └── test │ └── java │ └── com │ └── lilstiffy │ └── slidesample │ └── ExampleUnitTest.kt ├── build.gradle.kts ├── demo_video.gif ├── gradle.properties ├── gradle ├── libs.versions.toml └── wrapper │ ├── gradle-wrapper.jar │ └── gradle-wrapper.properties ├── gradlew ├── gradlew.bat └── settings.gradle.kts /.gitignore: -------------------------------------------------------------------------------- 1 | *.iml 2 | .gradle 3 | /local.properties 4 | .idea 5 | .DS_Store 6 | /build 7 | /captures 8 | .externalNativeBuild 9 | .cxx 10 | local.properties 11 | publishing.properties 12 | -------------------------------------------------------------------------------- /.idea/.gitignore: -------------------------------------------------------------------------------- 1 | # Default ignored files 2 | /shelf/ 3 | /workspace.xml 4 | -------------------------------------------------------------------------------- /.idea/compiler.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /.idea/deploymentTargetSelector.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 8 | 9 | 10 | -------------------------------------------------------------------------------- /.idea/discord.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 7 | -------------------------------------------------------------------------------- /.idea/gradle.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 19 | 20 | -------------------------------------------------------------------------------- /.idea/inspectionProfiles/Project_Default.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 41 | -------------------------------------------------------------------------------- /.idea/kotlinc.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 6 | -------------------------------------------------------------------------------- /.idea/migrations.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 9 | 10 | -------------------------------------------------------------------------------- /.idea/misc.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 9 | -------------------------------------------------------------------------------- /.idea/other.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 251 | 252 | -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2024 Stefan Smudja 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # SlideView 2 | 3 | SlideView is a highly customizable UI component for Jetpack Compose that allows you to create slide-to-trigger actions in your Android apps. It's perfect for implementing features like slide-to-unlock or slide-to-confirm actions. 4 | 5 |

6 | Demo 7 |

8 | 9 | ### All support is greatly appreciated 10 | https://buymeacoffee.com/lilstiffy 11 | 12 | ## Features 13 | 14 | - **Customizable:** Easily modify the appearance and behavior. 15 | - **Jetpack Compose:** Built with modern Android UI toolkit. 16 | - **Lightweight:** Minimal dependencies for easy integration. 17 | 18 | ## Installation 19 | 20 | Add the following to your `build.gradle.kts`: 21 | 22 | ```kotlin 23 | dependencies { 24 | implementation("com.lilstiffy:slideview:1.0.0") 25 | } 26 | ``` 27 | 28 | ## Usage 29 | Here's a basic example: 30 | ```kotlin 31 | SlideView( 32 | onSlideComplete = { /* Your action here */ }, 33 | modifier = Modifier.fillMaxWidth() 34 | ) 35 | ``` 36 | Here's how to customise the theming of the component: 37 | ```kotlin 38 | SlideView( 39 | text = "Slide to confirm", 40 | onSlideDone = { 41 | Log.d("Fancy log", "Slide completed!") 42 | }, 43 | config = SlideViewConfig().copy(backgroundColor = Color.Cyan, thumbColor = Color.Black), 44 | modifier = Modifier.padding(horizontal = 32.dp) 45 | ) 46 | ``` 47 | The theming is held within the SlideViewConfig object: 48 | ```kotlin 49 | /** 50 | * Configuration for the colors of the SwipeView. 51 | * 52 | * @param backgroundColor The background color of the SwipeView. 53 | * @param thumbColor The color of the thumb icon. 54 | * @param iconColor The color of the icon. 55 | * @param textColor The color of the text. 56 | * @param thumbIcon The icon to be displayed on the thumb. 57 | * @param thumbIconDone The icon to be displayed on the thumb when the swipe is done. 58 | * 59 | * @author lilstiffy 60 | */ 61 | data class SlideViewConfig( 62 | val backgroundColor: Color = Color.Black, 63 | val thumbColor: Color = Color.White, 64 | val iconColor: Color = Color.Black, 65 | val textColor: Color = Color.White, 66 | 67 | val thumbIcon: ImageVector = Icons.AutoMirrored.Outlined.KeyboardArrowRight, 68 | val thumbIconDone: ImageVector = Icons.Outlined.Check, 69 | ) 70 | ``` 71 | 72 | ## License 73 | This project is licensed under the MIT License - see the LICENSE file for details. 74 | -------------------------------------------------------------------------------- /SlideView/.gitignore: -------------------------------------------------------------------------------- 1 | /build -------------------------------------------------------------------------------- /SlideView/build.gradle.kts: -------------------------------------------------------------------------------- 1 | import java.util.Properties 2 | 3 | plugins { 4 | alias(libs.plugins.android.library) 5 | alias(libs.plugins.jetbrains.kotlin.android) 6 | id("maven-publish") 7 | } 8 | 9 | val properties = Properties() 10 | properties.load(project.rootProject.file("publishing.properties").inputStream()) 11 | val githubUser: String = properties.getProperty("GITHUB_USER") ?: "" 12 | val githubToken: String = properties.getProperty("GITHUB_TOKEN") ?: "" 13 | 14 | android { 15 | namespace = "com.lilstiffy.slideview" 16 | compileSdk = 34 17 | 18 | defaultConfig { 19 | minSdk = 23 20 | consumerProguardFiles("consumer-rules.pro") 21 | } 22 | 23 | buildTypes { 24 | release { 25 | isMinifyEnabled = false 26 | proguardFiles( 27 | getDefaultProguardFile("proguard-android-optimize.txt"), 28 | "proguard-rules.pro" 29 | ) 30 | } 31 | } 32 | compileOptions { 33 | sourceCompatibility = JavaVersion.VERSION_1_8 34 | targetCompatibility = JavaVersion.VERSION_1_8 35 | } 36 | kotlinOptions { 37 | jvmTarget = "1.8" 38 | } 39 | buildFeatures { 40 | compose = true 41 | } 42 | composeOptions { 43 | kotlinCompilerExtensionVersion = "1.5.1" 44 | } 45 | } 46 | 47 | publishing { 48 | publications { 49 | create("release") { 50 | groupId = "com.lilstiffy" 51 | artifactId = "slideview" 52 | version = "1.0.0" 53 | artifact("$buildDir/outputs/aar/SlideView-release.aar") 54 | } 55 | } 56 | 57 | repositories { 58 | maven { 59 | name = "GithubPackages" 60 | url = uri("https://maven.pkg.github.com/lilstiffy/SlideView") 61 | credentials { 62 | username = githubUser 63 | password = githubToken 64 | } 65 | } 66 | } 67 | } 68 | 69 | dependencies { 70 | 71 | implementation(libs.androidx.core.ktx) 72 | implementation(libs.androidx.lifecycle.runtime.ktx) 73 | implementation(libs.androidx.activity.compose) 74 | implementation(platform(libs.androidx.compose.bom)) 75 | implementation(libs.androidx.ui) 76 | implementation(libs.androidx.ui.graphics) 77 | implementation(libs.androidx.material3) 78 | } -------------------------------------------------------------------------------- /SlideView/consumer-rules.pro: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lilstiffy/SlideView/358e2744c25d7287e0e033c0727f460d0c5e0855/SlideView/consumer-rules.pro -------------------------------------------------------------------------------- /SlideView/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 -------------------------------------------------------------------------------- /SlideView/src/main/AndroidManifest.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /SlideView/src/main/java/com/lilstiffy/slideview/SlideView.kt: -------------------------------------------------------------------------------- 1 | package com.lilstiffy.slideview 2 | 3 | import android.view.HapticFeedbackConstants 4 | import androidx.compose.animation.core.animateFloatAsState 5 | import androidx.compose.animation.core.tween 6 | import androidx.compose.foundation.background 7 | import androidx.compose.foundation.gestures.Orientation 8 | import androidx.compose.foundation.gestures.draggable 9 | import androidx.compose.foundation.gestures.rememberDraggableState 10 | import androidx.compose.foundation.layout.Box 11 | import androidx.compose.foundation.layout.fillMaxWidth 12 | import androidx.compose.foundation.layout.height 13 | import androidx.compose.foundation.layout.offset 14 | import androidx.compose.foundation.layout.padding 15 | import androidx.compose.foundation.layout.size 16 | import androidx.compose.foundation.shape.CircleShape 17 | import androidx.compose.foundation.shape.RoundedCornerShape 18 | import androidx.compose.material.icons.Icons 19 | import androidx.compose.material.icons.automirrored.outlined.KeyboardArrowRight 20 | import androidx.compose.material.icons.outlined.Check 21 | import androidx.compose.material3.Icon 22 | import androidx.compose.material3.Text 23 | import androidx.compose.runtime.Composable 24 | import androidx.compose.runtime.LaunchedEffect 25 | import androidx.compose.runtime.getValue 26 | import androidx.compose.runtime.mutableFloatStateOf 27 | import androidx.compose.runtime.mutableStateOf 28 | import androidx.compose.runtime.remember 29 | import androidx.compose.runtime.setValue 30 | import androidx.compose.ui.Alignment 31 | import androidx.compose.ui.Modifier 32 | import androidx.compose.ui.draw.clip 33 | import androidx.compose.ui.layout.onGloballyPositioned 34 | import androidx.compose.ui.platform.LocalView 35 | import androidx.compose.ui.unit.IntOffset 36 | import androidx.compose.ui.unit.dp 37 | import androidx.compose.ui.unit.sp 38 | import kotlinx.coroutines.delay 39 | import kotlin.math.roundToInt 40 | 41 | /** 42 | * A composable function that creates a slideable view with customizable text and colors. 43 | * 44 | * @param modifier The modifier to be applied to the SlideView. 45 | * @param text The text to be displayed inside the SlideView. 46 | * @param config The configuration for the colors of the SlideView. 47 | * @param completionDelay The delay in milliseconds before the onSlideDone callback is invoked after the slide is completed. 48 | * @param hapticsEnabled A boolean flag to enable or disable haptic feedback. 49 | * @param onSlideDone A callback function to be invoked when the slide is completed. 50 | * 51 | * @author lilstiffy 52 | */ 53 | @Composable 54 | fun SlideView( 55 | modifier: Modifier = Modifier, 56 | text: String = "", 57 | config: SlideViewConfig = SlideViewConfig(), 58 | completionDelay: Long = 0L, 59 | hapticsEnabled: Boolean = true, 60 | onSlideDone: () -> Unit, 61 | ) { 62 | val view = LocalView.current 63 | val horizontalOffset = 16.dp.value 64 | val tolerance = 16.dp.value 65 | 66 | var offsetX by remember { mutableFloatStateOf(horizontalOffset) } 67 | var boxWidth by remember { mutableFloatStateOf(100f) } 68 | var thumbWidth by remember { mutableFloatStateOf(0f) } 69 | var isSliding by remember { mutableStateOf(false) } 70 | var slideCompleted by remember { mutableStateOf(false) } 71 | 72 | // Calculate the width available for sliding the thumb 73 | val slideableWidth = boxWidth - thumbWidth - horizontalOffset 74 | 75 | // Animate the horizontal offset of the thumb 76 | val animatedOffsetX by animateFloatAsState( 77 | targetValue = if (offsetX >= slideableWidth) slideableWidth else offsetX, 78 | animationSpec = tween(durationMillis = if (!isSliding) 350 else 0), label = "animation" 79 | ) 80 | 81 | // State to control the opacity of the text 82 | var textOpacity by remember { mutableFloatStateOf(1f) } 83 | // Function to measure and update the text opacity based on the thumb's position 84 | fun measureTextOpacity() { 85 | textOpacity = (1 - (animatedOffsetX / (slideableWidth * 0.85f))).coerceIn(0f, 1f) 86 | } 87 | 88 | // Effect to measure text opacity and handle slide completion 89 | LaunchedEffect(animatedOffsetX) { 90 | measureTextOpacity() 91 | if (animatedOffsetX >= (slideableWidth - tolerance) && !slideCompleted) { 92 | slideCompleted = true 93 | if (hapticsEnabled) { 94 | view.performHapticFeedback(HapticFeedbackConstants.LONG_PRESS) 95 | } 96 | delay(completionDelay) 97 | onSlideDone() 98 | } 99 | } 100 | 101 | // Effect to measure text opacity when box or thumb width changes 102 | LaunchedEffect(boxWidth, thumbWidth) { 103 | measureTextOpacity() 104 | } 105 | 106 | // Main container for the slide view 107 | Box( 108 | modifier = modifier 109 | .fillMaxWidth() 110 | .height(64.dp) 111 | .clip(RoundedCornerShape(32.dp)) 112 | .background(config.backgroundColor) 113 | .onGloballyPositioned { boxWidth = it.size.width.toFloat() }, 114 | contentAlignment = Alignment.CenterStart 115 | ) { 116 | // Text displayed inside the slide view 117 | Text( 118 | text = text, 119 | color = config.textColor.copy(alpha = textOpacity), 120 | fontSize = 16.sp, 121 | modifier = Modifier 122 | .align(Alignment.Center) 123 | .padding(horizontal = 16.dp) 124 | ) 125 | 126 | // Thumb that can be dragged horizontally 127 | Box( 128 | modifier = Modifier 129 | .size(56.dp) 130 | .offset { IntOffset(animatedOffsetX.roundToInt(), 0) } 131 | .clip(CircleShape) 132 | .background(config.thumbColor) 133 | .draggable( 134 | orientation = Orientation.Horizontal, 135 | enabled = !slideCompleted, 136 | onDragStarted = { 137 | isSliding = true 138 | if (hapticsEnabled) { 139 | view.performHapticFeedback(HapticFeedbackConstants.CONTEXT_CLICK) 140 | } 141 | }, 142 | onDragStopped = { 143 | isSliding = false 144 | offsetX = 145 | if (offsetX >= slideableWidth || slideCompleted) slideableWidth else horizontalOffset 146 | }, 147 | state = rememberDraggableState { delta -> 148 | if (offsetX + delta in 0.0..slideableWidth.toDouble()) { 149 | offsetX += delta 150 | } 151 | } 152 | ) 153 | .onGloballyPositioned { thumbWidth = it.size.width.toFloat() }, 154 | contentAlignment = Alignment.Center 155 | ) { 156 | // Icon displayed inside the thumb 157 | Icon( 158 | imageVector = if (slideCompleted) Icons.Outlined.Check else Icons.AutoMirrored.Outlined.KeyboardArrowRight, 159 | contentDescription = "thumb icon", 160 | tint = config.iconColor 161 | ) 162 | } 163 | } 164 | } -------------------------------------------------------------------------------- /SlideView/src/main/java/com/lilstiffy/slideview/SlideViewConfig.kt: -------------------------------------------------------------------------------- 1 | package com.lilstiffy.slideview 2 | 3 | import androidx.compose.material.icons.Icons 4 | import androidx.compose.material.icons.automirrored.outlined.KeyboardArrowRight 5 | import androidx.compose.material.icons.outlined.Check 6 | import androidx.compose.ui.graphics.Color 7 | import androidx.compose.ui.graphics.vector.ImageVector 8 | 9 | /** 10 | * Configuration for the colors of the SwipeView. 11 | * 12 | * @param backgroundColor The background color of the SwipeView. 13 | * @param thumbColor The color of the thumb icon. 14 | * @param iconColor The color of the icon. 15 | * @param textColor The color of the text. 16 | * @param thumbIcon The icon to be displayed on the thumb. 17 | * @param thumbIconDone The icon to be displayed on the thumb when the swipe is done. 18 | * 19 | * @author lilstiffy 20 | */ 21 | data class SlideViewConfig( 22 | val backgroundColor: Color = Color.Black, 23 | val thumbColor: Color = Color.White, 24 | val iconColor: Color = Color.Black, 25 | val textColor: Color = Color.White, 26 | 27 | val thumbIcon: ImageVector = Icons.AutoMirrored.Outlined.KeyboardArrowRight, 28 | val thumbIconDone: ImageVector = Icons.Outlined.Check, 29 | ) 30 | -------------------------------------------------------------------------------- /app/.gitignore: -------------------------------------------------------------------------------- 1 | /build -------------------------------------------------------------------------------- /app/build.gradle.kts: -------------------------------------------------------------------------------- 1 | plugins { 2 | alias(libs.plugins.android.application) 3 | alias(libs.plugins.jetbrains.kotlin.android) 4 | } 5 | 6 | android { 7 | namespace = "com.lilstiffy.slidesample" 8 | compileSdk = 34 9 | 10 | defaultConfig { 11 | applicationId = "com.lilstiffy.slidesample" 12 | minSdk = 29 13 | targetSdk = 34 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 | isMinifyEnabled = false 26 | proguardFiles( 27 | getDefaultProguardFile("proguard-android-optimize.txt"), 28 | "proguard-rules.pro" 29 | ) 30 | } 31 | } 32 | compileOptions { 33 | sourceCompatibility = JavaVersion.VERSION_1_8 34 | targetCompatibility = JavaVersion.VERSION_1_8 35 | } 36 | kotlinOptions { 37 | jvmTarget = "1.8" 38 | } 39 | buildFeatures { 40 | compose = true 41 | } 42 | composeOptions { 43 | kotlinCompilerExtensionVersion = "1.5.1" 44 | } 45 | packaging { 46 | resources { 47 | excludes += "/META-INF/{AL2.0,LGPL2.1}" 48 | } 49 | } 50 | } 51 | 52 | dependencies { 53 | 54 | implementation(libs.androidx.core.ktx) 55 | implementation(libs.androidx.lifecycle.runtime.ktx) 56 | implementation(libs.androidx.activity.compose) 57 | implementation(platform(libs.androidx.compose.bom)) 58 | implementation(libs.androidx.ui) 59 | implementation(libs.androidx.ui.graphics) 60 | implementation(libs.androidx.ui.tooling.preview) 61 | implementation(libs.androidx.material3) 62 | implementation(project(":SlideView")) 63 | testImplementation(libs.junit) 64 | androidTestImplementation(libs.androidx.junit) 65 | androidTestImplementation(libs.androidx.espresso.core) 66 | androidTestImplementation(platform(libs.androidx.compose.bom)) 67 | androidTestImplementation(libs.androidx.ui.test.junit4) 68 | debugImplementation(libs.androidx.ui.tooling) 69 | debugImplementation(libs.androidx.ui.test.manifest) 70 | } -------------------------------------------------------------------------------- /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/lilstiffy/slidesample/ExampleInstrumentedTest.kt: -------------------------------------------------------------------------------- 1 | package com.lilstiffy.slidesample 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.lilstiffy.libplayground", appContext.packageName) 23 | } 24 | } -------------------------------------------------------------------------------- /app/src/main/AndroidManifest.xml: -------------------------------------------------------------------------------- 1 | 2 | 4 | 5 | 15 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | -------------------------------------------------------------------------------- /app/src/main/java/com/lilstiffy/slidesample/MainActivity.kt: -------------------------------------------------------------------------------- 1 | package com.lilstiffy.slidesample 2 | 3 | import android.os.Bundle 4 | import android.util.Log 5 | import androidx.activity.ComponentActivity 6 | import androidx.activity.compose.setContent 7 | import androidx.activity.enableEdgeToEdge 8 | import androidx.compose.foundation.background 9 | import androidx.compose.foundation.layout.Arrangement 10 | import androidx.compose.foundation.layout.Column 11 | import androidx.compose.foundation.layout.fillMaxSize 12 | import androidx.compose.foundation.layout.padding 13 | import androidx.compose.runtime.getValue 14 | import androidx.compose.runtime.mutableStateOf 15 | import androidx.compose.runtime.remember 16 | import androidx.compose.runtime.setValue 17 | import androidx.compose.ui.Modifier 18 | import androidx.compose.ui.graphics.Color 19 | import androidx.compose.ui.unit.dp 20 | import com.lilstiffy.slidesample.ui.theme.LibPlaygroundTheme 21 | import com.lilstiffy.slideview.SlideViewConfig 22 | import com.lilstiffy.slideview.SlideView 23 | 24 | class MainActivity : ComponentActivity() { 25 | override fun onCreate(savedInstanceState: Bundle?) { 26 | super.onCreate(savedInstanceState) 27 | enableEdgeToEdge() 28 | setContent { 29 | LibPlaygroundTheme { 30 | var backgroundColor by remember { mutableStateOf(Color.White) } 31 | 32 | Column( 33 | verticalArrangement = Arrangement.Center, 34 | modifier = Modifier 35 | .fillMaxSize() 36 | .background(backgroundColor) 37 | .padding(horizontal = 32.dp) 38 | ) { 39 | SlideView( 40 | text = "Slide to confirm", 41 | completionDelay = 1000L, 42 | onSlideDone = { 43 | Log.d("MainActivity", "Swipe done!") 44 | backgroundColor = Color.Green 45 | }, 46 | config = SlideViewConfig().copy(backgroundColor = Color.Black), 47 | modifier = Modifier.padding(top = 64.dp) 48 | ) 49 | 50 | SlideView( 51 | text = "Slide to unlock", completionDelay = 1000L, onSlideDone = { 52 | Log.d("MainActivity", "Swipe done!") 53 | backgroundColor = Color.Green 54 | }, config = SlideViewConfig().copy(backgroundColor = Color.Blue), 55 | modifier = Modifier.padding(top = 64.dp) 56 | ) 57 | } 58 | } 59 | } 60 | } 61 | } 62 | -------------------------------------------------------------------------------- /app/src/main/java/com/lilstiffy/slidesample/ui/theme/Color.kt: -------------------------------------------------------------------------------- 1 | package com.lilstiffy.slidesample.ui.theme 2 | 3 | import androidx.compose.ui.graphics.Color 4 | 5 | val Purple80 = Color(0xFFD0BCFF) 6 | val PurpleGrey80 = Color(0xFFCCC2DC) 7 | val Pink80 = Color(0xFFEFB8C8) 8 | 9 | val Purple40 = Color(0xFF6650a4) 10 | val PurpleGrey40 = Color(0xFF625b71) 11 | val Pink40 = Color(0xFF7D5260) -------------------------------------------------------------------------------- /app/src/main/java/com/lilstiffy/slidesample/ui/theme/Theme.kt: -------------------------------------------------------------------------------- 1 | package com.lilstiffy.slidesample.ui.theme 2 | 3 | import android.os.Build 4 | import androidx.compose.foundation.isSystemInDarkTheme 5 | import androidx.compose.material3.MaterialTheme 6 | import androidx.compose.material3.darkColorScheme 7 | import androidx.compose.material3.dynamicDarkColorScheme 8 | import androidx.compose.material3.dynamicLightColorScheme 9 | import androidx.compose.material3.lightColorScheme 10 | import androidx.compose.runtime.Composable 11 | import androidx.compose.ui.platform.LocalContext 12 | 13 | private val DarkColorScheme = darkColorScheme( 14 | primary = Purple80, 15 | secondary = PurpleGrey80, 16 | tertiary = Pink80 17 | ) 18 | 19 | private val LightColorScheme = lightColorScheme( 20 | primary = Purple40, 21 | secondary = PurpleGrey40, 22 | tertiary = Pink40 23 | 24 | /* Other default colors to override 25 | background = Color(0xFFFFFBFE), 26 | surface = Color(0xFFFFFBFE), 27 | onPrimary = Color.White, 28 | onSecondary = Color.White, 29 | onTertiary = Color.White, 30 | onBackground = Color(0xFF1C1B1F), 31 | onSurface = Color(0xFF1C1B1F), 32 | */ 33 | ) 34 | 35 | @Composable 36 | fun LibPlaygroundTheme( 37 | darkTheme: Boolean = isSystemInDarkTheme(), 38 | // Dynamic color is available on Android 12+ 39 | dynamicColor: Boolean = true, 40 | content: @Composable () -> Unit 41 | ) { 42 | val colorScheme = when { 43 | dynamicColor && Build.VERSION.SDK_INT >= Build.VERSION_CODES.S -> { 44 | val context = LocalContext.current 45 | if (darkTheme) dynamicDarkColorScheme(context) else dynamicLightColorScheme(context) 46 | } 47 | 48 | darkTheme -> DarkColorScheme 49 | else -> LightColorScheme 50 | } 51 | 52 | MaterialTheme( 53 | colorScheme = colorScheme, 54 | typography = Typography, 55 | content = content 56 | ) 57 | } -------------------------------------------------------------------------------- /app/src/main/java/com/lilstiffy/slidesample/ui/theme/Type.kt: -------------------------------------------------------------------------------- 1 | package com.lilstiffy.slidesample.ui.theme 2 | 3 | import androidx.compose.material3.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 | bodyLarge = TextStyle( 12 | fontFamily = FontFamily.Default, 13 | fontWeight = FontWeight.Normal, 14 | fontSize = 16.sp, 15 | lineHeight = 24.sp, 16 | letterSpacing = 0.5.sp 17 | ) 18 | /* Other default text styles to override 19 | titleLarge = TextStyle( 20 | fontFamily = FontFamily.Default, 21 | fontWeight = FontWeight.Normal, 22 | fontSize = 22.sp, 23 | lineHeight = 28.sp, 24 | letterSpacing = 0.sp 25 | ), 26 | labelSmall = TextStyle( 27 | fontFamily = FontFamily.Default, 28 | fontWeight = FontWeight.Medium, 29 | fontSize = 11.sp, 30 | lineHeight = 16.sp, 31 | letterSpacing = 0.5.sp 32 | ) 33 | */ 34 | ) -------------------------------------------------------------------------------- /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/drawable/ic_launcher_foreground.xml: -------------------------------------------------------------------------------- 1 | 7 | 8 | 9 | 15 | 18 | 21 | 22 | 23 | 24 | 30 | -------------------------------------------------------------------------------- /app/src/main/res/mipmap-anydpi/ic_launcher.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /app/src/main/res/mipmap-anydpi/ic_launcher_round.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /app/src/main/res/mipmap-hdpi/ic_launcher.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lilstiffy/SlideView/358e2744c25d7287e0e033c0727f460d0c5e0855/app/src/main/res/mipmap-hdpi/ic_launcher.webp -------------------------------------------------------------------------------- /app/src/main/res/mipmap-hdpi/ic_launcher_round.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lilstiffy/SlideView/358e2744c25d7287e0e033c0727f460d0c5e0855/app/src/main/res/mipmap-hdpi/ic_launcher_round.webp -------------------------------------------------------------------------------- /app/src/main/res/mipmap-mdpi/ic_launcher.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lilstiffy/SlideView/358e2744c25d7287e0e033c0727f460d0c5e0855/app/src/main/res/mipmap-mdpi/ic_launcher.webp -------------------------------------------------------------------------------- /app/src/main/res/mipmap-mdpi/ic_launcher_round.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lilstiffy/SlideView/358e2744c25d7287e0e033c0727f460d0c5e0855/app/src/main/res/mipmap-mdpi/ic_launcher_round.webp -------------------------------------------------------------------------------- /app/src/main/res/mipmap-xhdpi/ic_launcher.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lilstiffy/SlideView/358e2744c25d7287e0e033c0727f460d0c5e0855/app/src/main/res/mipmap-xhdpi/ic_launcher.webp -------------------------------------------------------------------------------- /app/src/main/res/mipmap-xhdpi/ic_launcher_round.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lilstiffy/SlideView/358e2744c25d7287e0e033c0727f460d0c5e0855/app/src/main/res/mipmap-xhdpi/ic_launcher_round.webp -------------------------------------------------------------------------------- /app/src/main/res/mipmap-xxhdpi/ic_launcher.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lilstiffy/SlideView/358e2744c25d7287e0e033c0727f460d0c5e0855/app/src/main/res/mipmap-xxhdpi/ic_launcher.webp -------------------------------------------------------------------------------- /app/src/main/res/mipmap-xxhdpi/ic_launcher_round.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lilstiffy/SlideView/358e2744c25d7287e0e033c0727f460d0c5e0855/app/src/main/res/mipmap-xxhdpi/ic_launcher_round.webp -------------------------------------------------------------------------------- /app/src/main/res/mipmap-xxxhdpi/ic_launcher.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lilstiffy/SlideView/358e2744c25d7287e0e033c0727f460d0c5e0855/app/src/main/res/mipmap-xxxhdpi/ic_launcher.webp -------------------------------------------------------------------------------- /app/src/main/res/mipmap-xxxhdpi/ic_launcher_round.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lilstiffy/SlideView/358e2744c25d7287e0e033c0727f460d0c5e0855/app/src/main/res/mipmap-xxxhdpi/ic_launcher_round.webp -------------------------------------------------------------------------------- /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 | LibPlayground 3 | -------------------------------------------------------------------------------- /app/src/main/res/values/themes.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 |