├── .gitignore ├── .idea ├── .gitignore ├── compiler.xml ├── gradle.xml ├── jarRepositories.xml ├── misc.xml └── vcs.xml ├── README.md ├── app ├── .gitignore ├── build.gradle ├── proguard-rules.pro └── src │ ├── androidTest │ └── java │ │ └── com │ │ └── example │ │ └── learncompose │ │ └── ExampleInstrumentedTest.kt │ ├── main │ ├── AndroidManifest.xml │ ├── java │ │ └── com │ │ │ └── example │ │ │ └── learncompose │ │ │ ├── MainActivity.kt │ │ │ ├── components │ │ │ └── components.kt │ │ │ ├── model │ │ │ └── Course.kt │ │ │ ├── navigation │ │ │ ├── CourseNavigation.kt │ │ │ └── CourseScreens.kt │ │ │ ├── screens │ │ │ ├── CourseDetailsScreen.kt │ │ │ └── CourseListScreen.kt │ │ │ ├── ui │ │ │ └── theme │ │ │ │ ├── Color.kt │ │ │ │ ├── Shape.kt │ │ │ │ ├── Theme.kt │ │ │ │ └── Type.kt │ │ │ └── utils │ │ │ └── drawGradientText.kt │ └── res │ │ ├── drawable-v24 │ │ ├── CourseApp.gif │ │ ├── compose_00.png │ │ ├── compose_01.png │ │ ├── compose_02.png │ │ ├── compose_03.png │ │ ├── compose_04.png │ │ └── ic_launcher_foreground.xml │ │ ├── drawable │ │ ├── compose_05.png │ │ └── ic_launcher_background.xml │ │ ├── font │ │ ├── opensansbold.ttf │ │ ├── opensansmedium.ttf │ │ ├── opensansregular.ttf │ │ └── opensanssemibold.ttf │ │ ├── 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 │ │ ├── colors.xml │ │ ├── strings.xml │ │ └── themes.xml │ └── test │ └── java │ └── com │ └── example │ └── learncompose │ └── 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 | 5 | 19 | 20 | -------------------------------------------------------------------------------- /.idea/jarRepositories.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 9 | 10 | 14 | 15 | 19 | 20 | -------------------------------------------------------------------------------- /.idea/misc.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 22 | 23 | 24 | 25 | 26 | 27 | 29 | -------------------------------------------------------------------------------- /.idea/vcs.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Compose course UI 2 | 3 | A simple UI built using Jetpack Compose. Consists of a list screen & a details screen. 4 | 5 | Uses Compose Navigation, LazyColumns, Scaffold, and Coil for loading images from a URL. Wrote a custom util method that uses canvas to paint a gradient over text and icons. 6 | 7 | The util can be found in `drawGradientText.kt` under the utils folder. 8 | 9 | 10 | 11 | Had a lot of fun creating 3D illustrations for this UI. 12 | 13 |
14 | 15 | 16 | 17 | 18 |
19 | 20 | You can find more of these image resources under `res` 21 | -------------------------------------------------------------------------------- /app/.gitignore: -------------------------------------------------------------------------------- 1 | /build -------------------------------------------------------------------------------- /app/build.gradle: -------------------------------------------------------------------------------- 1 | plugins { 2 | id 'com.android.application' 3 | id 'org.jetbrains.kotlin.android' 4 | } 5 | 6 | android { 7 | compileSdk 31 8 | 9 | defaultConfig { 10 | applicationId "com.example.learncompose" 11 | minSdk 31 12 | targetSdk 31 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 | } 35 | buildFeatures { 36 | compose true 37 | } 38 | composeOptions { 39 | kotlinCompilerExtensionVersion compose_version 40 | } 41 | packagingOptions { 42 | resources { 43 | excludes += '/META-INF/{AL2.0,LGPL2.1}' 44 | } 45 | } 46 | } 47 | 48 | dependencies { 49 | 50 | def nav_version = "2.4.0" 51 | 52 | implementation 'androidx.core:core-ktx:1.7.0' 53 | implementation "androidx.compose.ui:ui:$compose_version" 54 | implementation "androidx.compose.material:material:$compose_version" 55 | implementation "androidx.compose.ui:ui-tooling-preview:$compose_version" 56 | implementation 'androidx.lifecycle:lifecycle-runtime-ktx:2.3.1' 57 | implementation 'androidx.activity:activity-compose:1.3.1' 58 | testImplementation 'junit:junit:4.13.2' 59 | androidTestImplementation 'androidx.test.ext:junit:1.1.3' 60 | androidTestImplementation 'androidx.test.espresso:espresso-core:3.4.0' 61 | androidTestImplementation "androidx.compose.ui:ui-test-junit4:$compose_version" 62 | debugImplementation "androidx.compose.ui:ui-tooling:$compose_version" 63 | 64 | //Navigation 65 | implementation("androidx.navigation:navigation-compose:$nav_version") 66 | 67 | //Coil 68 | implementation("io.coil-kt:coil-compose:1.4.0") 69 | 70 | //Material Icons 71 | implementation "androidx.compose.material:material-icons-extended:1.0.5" 72 | } -------------------------------------------------------------------------------- /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/example/learncompose/ExampleInstrumentedTest.kt: -------------------------------------------------------------------------------- 1 | package com.example.learncompose 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.example.learncompose", appContext.packageName) 23 | } 24 | } -------------------------------------------------------------------------------- /app/src/main/AndroidManifest.xml: -------------------------------------------------------------------------------- 1 | 2 | 4 | 5 | 6 | 7 | 14 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | -------------------------------------------------------------------------------- /app/src/main/java/com/example/learncompose/MainActivity.kt: -------------------------------------------------------------------------------- 1 | package com.example.learncompose 2 | 3 | import android.os.Bundle 4 | import androidx.activity.ComponentActivity 5 | import androidx.activity.compose.setContent 6 | import androidx.compose.foundation.layout.fillMaxSize 7 | import androidx.compose.foundation.layout.padding 8 | import androidx.compose.material.MaterialTheme 9 | import androidx.compose.material.Surface 10 | import androidx.compose.material.Text 11 | import androidx.compose.runtime.Composable 12 | import androidx.compose.ui.Modifier 13 | import androidx.compose.ui.tooling.preview.Preview 14 | import androidx.compose.ui.unit.dp 15 | import com.example.learncompose.navigation.CourseNavigation 16 | import com.example.learncompose.ui.theme.LearnComposeTheme 17 | 18 | class MainActivity : ComponentActivity() { 19 | override fun onCreate(savedInstanceState: Bundle?) { 20 | super.onCreate(savedInstanceState) 21 | setContent { 22 | MainContent { 23 | CourseNavigation() 24 | } 25 | } 26 | } 27 | } 28 | 29 | @Composable 30 | fun MainContent(content: @Composable () -> Unit) { 31 | LearnComposeTheme { 32 | Surface(modifier = Modifier.fillMaxSize()) { 33 | content() 34 | } 35 | } 36 | } 37 | 38 | 39 | @Preview(showBackground = true) 40 | @Composable 41 | fun DefaultPreview() { 42 | LearnComposeTheme { 43 | MainContent { 44 | CourseNavigation() 45 | } 46 | } 47 | } -------------------------------------------------------------------------------- /app/src/main/java/com/example/learncompose/components/components.kt: -------------------------------------------------------------------------------- 1 | package com.example.learncompose.components 2 | 3 | import android.content.res.Configuration.UI_MODE_NIGHT_YES 4 | import androidx.compose.foundation.Image 5 | import androidx.compose.foundation.clickable 6 | import androidx.compose.foundation.layout.* 7 | import androidx.compose.material.Card 8 | import androidx.compose.material.Icon 9 | import androidx.compose.material.MaterialTheme 10 | import androidx.compose.material.Text 11 | import androidx.compose.material.icons.Icons 12 | import androidx.compose.material.icons.filled.DateRange 13 | import androidx.compose.material.icons.filled.LockClock 14 | import androidx.compose.material.icons.filled.Timer 15 | import androidx.compose.runtime.Composable 16 | import androidx.compose.ui.Alignment 17 | import androidx.compose.ui.Modifier 18 | import androidx.compose.ui.draw.drawWithContent 19 | import androidx.compose.ui.geometry.Offset 20 | import androidx.compose.ui.geometry.Rect 21 | import androidx.compose.ui.graphics.* 22 | import androidx.compose.ui.graphics.drawscope.ContentDrawScope 23 | import androidx.compose.ui.graphics.drawscope.drawIntoCanvas 24 | import androidx.compose.ui.layout.ContentScale 25 | import androidx.compose.ui.tooling.preview.Preview 26 | import androidx.compose.ui.unit.dp 27 | import androidx.compose.ui.unit.sp 28 | import coil.compose.rememberImagePainter 29 | import com.example.learncompose.model.Course 30 | import com.example.learncompose.model.getCourse 31 | import com.example.learncompose.ui.theme.LearnComposeTheme 32 | import com.example.learncompose.ui.theme.Purple200 33 | import com.example.learncompose.ui.theme.Purple500 34 | import com.example.learncompose.utils.GRADIENT_COLORS 35 | import com.example.learncompose.utils.drawAfter 36 | 37 | 38 | 39 | 40 | 41 | @Preview( 42 | showBackground = true, 43 | uiMode = UI_MODE_NIGHT_YES 44 | ) 45 | @Composable 46 | fun CourseRow( 47 | course: Course = getCourse()[0], 48 | onItemClick: (String) -> Unit = {} 49 | ) { 50 | LearnComposeTheme() { 51 | Card(modifier = Modifier 52 | .clickable { 53 | onItemClick(course.id) 54 | }) { 55 | Row( 56 | verticalAlignment = Alignment.CenterVertically, 57 | horizontalArrangement = Arrangement.spacedBy(24.dp) 58 | ) { 59 | Image( 60 | modifier = Modifier 61 | .weight(1f) 62 | .height(140.dp), 63 | painter = rememberImagePainter(data = course.cover), 64 | contentDescription = "Course Image", 65 | contentScale = ContentScale.Crop 66 | ) 67 | 68 | Column( 69 | modifier = Modifier 70 | .weight(2f), 71 | verticalArrangement = Arrangement.spacedBy(4.dp) 72 | ) { 73 | Text( 74 | text = course.title, 75 | modifier = Modifier.drawAfter { canvas -> 76 | val paint = Paint() 77 | paint.blendMode = BlendMode.SrcIn 78 | canvas.saveLayer(Rect(Offset.Zero, size), paint) 79 | drawRect(Brush.linearGradient(GRADIENT_COLORS)) 80 | canvas.restore() 81 | }, 82 | style = MaterialTheme.typography.h2 83 | ) 84 | 85 | Text(text = course.description) 86 | 87 | Row( 88 | verticalAlignment = Alignment.CenterVertically, 89 | horizontalArrangement = Arrangement.spacedBy(2.dp) 90 | ) { 91 | Icon( 92 | imageVector = Icons.Filled.Timer, 93 | contentDescription = "Date", 94 | modifier = Modifier.size(10.dp) 95 | ) 96 | Text( 97 | text = course.duration + "h", 98 | style = MaterialTheme.typography.body2 99 | ) 100 | } 101 | 102 | } 103 | } 104 | } 105 | } 106 | 107 | } 108 | -------------------------------------------------------------------------------- /app/src/main/java/com/example/learncompose/model/Course.kt: -------------------------------------------------------------------------------- 1 | package com.example.learncompose.model 2 | 3 | data class Course( 4 | val id: String, 5 | val title: String, 6 | val duration: String, 7 | val cover: String, 8 | val description: String, 9 | val details: String, 10 | ) 11 | 12 | fun getCourse(): List { 13 | return listOf( 14 | 15 | Course( 16 | id = "1", 17 | title = "Designing with Jetpack Compose", 18 | duration = "2", 19 | description = "Draw boxes, rectangles, and auto layout them on code directly 🎁", 20 | cover = "https://raw.githubusercontent.com/ComposeDesigner/LearnCompose/master/app/src/main/res/drawable-v24/compose_04.png", 21 | details = "In this lesson we will learn how to get basics of layout on code directly." + 22 | "\n\nThink of all the alignment, constraints, and dimension attributes on Figma. \n\nTranslating them to code is what we will work on.The clowns had taken over. And yes, they were literally clowns. \n\nOver 100 had appeared out of a small VW bug that had been driven up to the bank. Now they were all inside and had taken it over.\n\n" + 23 | "There weren't supposed to be dragons flying in the sky. First and foremost, dragons didn't exist. They were mythical creatures from fantasy books like unicorns. This was something that Pete knew in his heart to be true so he was having a difficult time acknowledging that there were actually fire-breathing dragons flying in the sky above him.\n\n" + 24 | "Sitting in the sun, away from everyone who had done him harm in the past, he quietly listened to those who roamed by. He felt at peace in the moment, hoping it would last, but knowing the reprieve would soon come to an end. He closed his eyes, the sun beating down on face and he smiled. He smiled for the first time in as long as he could remember." 25 | ), 26 | 27 | Course( 28 | id = "2", 29 | title = "Input in Compose", 30 | duration = "3", 31 | description = "Users have things to say. Give them a voice 📣", 32 | cover = "https://raw.githubusercontent.com/ComposeDesigner/LearnCompose/master/app/src/main/res/drawable-v24/compose_01.png", 33 | details = "Think of all the alignment, constraints, and dimension attributes on Figma. \n\nTranslating them to code is what we will work on.The clowns had taken over. And yes, they were literally clowns. \\n\\nOver 100 had appeared out of a small VW bug that had been driven up to the bank. Now they were all inside and had taken it over.\n\n" + 34 | "There weren't supposed to be dragons flying in the sky. First and foremost, dragons didn't exist. " 35 | ), 36 | 37 | Course( 38 | id = "3", 39 | title = "Navigation in Compose", 40 | duration = "3", 41 | description = "Click a button and go to another page. Magic ✨", 42 | cover = "https://raw.githubusercontent.com/ComposeDesigner/LearnCompose/master/app/src/main/res/drawable-v24/compose_02.png", 43 | details = "In this lesson we will learn how to get basics of layout on code directly." + 44 | "\n\nThink of all the alignment, constraints, and dimension attributes on Figma. \n\nTranslating them to code is what we will work on.The clowns had taken over. And yes, they were literally clowns. \n\nOver 100 had appeared out of a small VW bug that had been driven up to the bank. Now they were all inside and had taken it over.\n\n" + 45 | "There weren't supposed to be dragons flying in the sky. First and foremost, dragons didn't exist. They were mythical creatures from fantasy books like unicorns. This was something that Pete knew in his heart to be true so he was having a difficult time acknowledging that there were actually fire-breathing dragons flying in the sky above him.\n\n" + 46 | "Sitting in the sun, away from everyone who had done him harm in the past, he quietly listened to those who roamed by. He felt at peace in the moment, hoping it would last, but knowing the reprieve would soon come to an end. He closed his eyes, the sun beating down on face and he smiled. He smiled for the first time in as long as he could remember." 47 | 48 | ), 49 | 50 | Course( 51 | id = "6", 52 | title = "Parsing data in Compose", 53 | duration = "1", 54 | description = "Make your designs more realistic with real data ‍💻", 55 | cover = "https://raw.githubusercontent.com/ComposeDesigner/LearnCompose/master/app/src/main/res/drawable/compose_05.png", 56 | details = "In this lesson we will learn how to get basics of layout on code directly." + 57 | "\n\nThink of all the alignment, constraints, and dimension attributes on Figma. \n\nTranslating them to code is what we will work on.The clowns had taken over. And yes, they were literally clowns. \n\nOver 100 had appeared out of a small VW bug that had been driven up to the bank. Now they were all inside and had taken it over.\n\n" + 58 | "There weren't supposed to be dragons flying in the sky. First and foremost, dragons didn't exist. They were mythical creatures from fantasy books like unicorns. This was something that Pete knew in his heart to be true so he was having a difficult time acknowledging that there were actually fire-breathing dragons flying in the sky above him.\n\n" + 59 | "Sitting in the sun, away from everyone who had done him harm in the past, he quietly listened to those who roamed by. He felt at peace in the moment, hoping it would last, but knowing the reprieve would soon come to an end. He closed his eyes, the sun beating down on face and he smiled. He smiled for the first time in as long as he could remember." 60 | 61 | ), 62 | 63 | Course( 64 | id = "4", 65 | title = "Images", 66 | duration = "2", 67 | description = "Build a gallery of images of your favorite photographer from the internet 📸", 68 | cover = "https://raw.githubusercontent.com/ComposeDesigner/LearnCompose/master/app/src/main/res/drawable-v24/compose_00.png", 69 | details = "" 70 | ), 71 | 72 | Course( 73 | id = "5", 74 | title = "Compose Canvas", 75 | duration = "5", 76 | description = "PNGs are yesteryear. Draw logos on the canvas using shapes, paths, and a little math 🎨", 77 | cover = "https://raw.githubusercontent.com/ComposeDesigner/LearnCompose/master/app/src/main/res/drawable-v24/compose_03.png", 78 | details = "In this lesson we will learn how to get basics of layout on code directly." + 79 | "\n\nThink of all the alignment, constraints, and dimension attributes on Figma. \n\nTranslating them to code is what we will work on.The clowns had taken over. And yes, they were literally clowns. \n\nOver 100 had appeared out of a small VW bug that had been driven up to the bank. Now they were all inside and had taken it over.\n\n" + 80 | "There weren't supposed to be dragons flying in the sky. First and foremost, dragons didn't exist. They were mythical creatures from fantasy books like unicorns. This was something that Pete knew in his heart to be true so he was having a difficult time acknowledging that there were actually fire-breathing dragons flying in the sky above him.\n\n" + 81 | "Sitting in the sun, away from everyone who had done him harm in the past, he quietly listened to those who roamed by. He felt at peace in the moment, hoping it would last, but knowing the reprieve would soon come to an end. He closed his eyes, the sun beating down on face and he smiled. He smiled for the first time in as long as he could remember." 82 | 83 | ), 84 | 85 | Course( 86 | id = "4", 87 | title = "Images", 88 | duration = "2", 89 | description = "Build a gallery of images of your favorite photographer from the internet 📸", 90 | cover = "https://raw.githubusercontent.com/ComposeDesigner/LearnCompose/master/app/src/main/res/drawable-v24/compose_00.png", 91 | details = "In this lesson we will learn how to get basics of layout on code directly." + 92 | "\n\nThink of all the alignment, constraints, and dimension attributes on Figma. \n\nTranslating them to code is what we will work on.The clowns had taken over. And yes, they were literally clowns. \n\nOver 100 had appeared out of a small VW bug that had been driven up to the bank. Now they were all inside and had taken it over.\n\n" + 93 | "There weren't supposed to be dragons flying in the sky. First and foremost, dragons didn't exist. They were mythical creatures from fantasy books like unicorns. This was something that Pete knew in his heart to be true so he was having a difficult time acknowledging that there were actually fire-breathing dragons flying in the sky above him.\n\n" + 94 | "Sitting in the sun, away from everyone who had done him harm in the past, he quietly listened to those who roamed by. He felt at peace in the moment, hoping it would last, but knowing the reprieve would soon come to an end. He closed his eyes, the sun beating down on face and he smiled. He smiled for the first time in as long as he could remember." 95 | 96 | ) 97 | 98 | 99 | ) 100 | } 101 | -------------------------------------------------------------------------------- /app/src/main/java/com/example/learncompose/navigation/CourseNavigation.kt: -------------------------------------------------------------------------------- 1 | package com.example.learncompose.navigation 2 | import androidx.compose.runtime.Composable 3 | import androidx.navigation.NavType 4 | import androidx.navigation.compose.NavHost 5 | import androidx.navigation.compose.composable 6 | import androidx.navigation.compose.rememberNavController 7 | import androidx.navigation.navArgument 8 | import com.example.learncompose.screens.CourseDetailsScreen 9 | import com.example.learncompose.screens.CourseListScreen 10 | 11 | @Composable 12 | fun CourseNavigation() { 13 | val navController = rememberNavController() 14 | NavHost( 15 | navController = navController, 16 | startDestination = CourseScreens.CourseListScreen.name 17 | ) { 18 | 19 | composable(CourseScreens.CourseListScreen.name) { 20 | CourseListScreen(navController = navController) 21 | } 22 | 23 | composable( 24 | CourseScreens.CourseDetailsScreen.name + "/{course}", 25 | arguments = listOf(navArgument(name = "course") { 26 | type = NavType.StringType 27 | }) 28 | ) { backstackEntry -> 29 | CourseDetailsScreen( 30 | navController = navController, 31 | backstackEntry.arguments?.getString("course") 32 | ) 33 | } 34 | } 35 | } 36 | 37 | 38 | 39 | 40 | -------------------------------------------------------------------------------- /app/src/main/java/com/example/learncompose/navigation/CourseScreens.kt: -------------------------------------------------------------------------------- 1 | package com.example.learncompose.navigation 2 | 3 | import java.lang.IllegalArgumentException 4 | 5 | 6 | enum class CourseScreens { 7 | CourseListScreen, 8 | CourseDetailsScreen; 9 | 10 | companion object { 11 | fun fromRoute(route: String?): CourseScreens = 12 | when (route?.substringBefore("/")) { 13 | CourseListScreen.name -> CourseListScreen 14 | CourseDetailsScreen.name -> CourseDetailsScreen 15 | null -> CourseListScreen 16 | else -> throw IllegalArgumentException("Invalid route $route specified") 17 | 18 | } 19 | } 20 | } 21 | 22 | 23 | 24 | 25 | -------------------------------------------------------------------------------- /app/src/main/java/com/example/learncompose/screens/CourseDetailsScreen.kt: -------------------------------------------------------------------------------- 1 | package com.example.learncompose.screens 2 | 3 | import androidx.compose.foundation.Image 4 | import androidx.compose.foundation.clickable 5 | import androidx.compose.foundation.layout.* 6 | import androidx.compose.foundation.lazy.LazyColumn 7 | import androidx.compose.foundation.rememberScrollState 8 | import androidx.compose.foundation.verticalScroll 9 | import androidx.compose.material.* 10 | import androidx.compose.material.icons.Icons 11 | import androidx.compose.material.icons.filled.ArrowBack 12 | import androidx.compose.runtime.Composable 13 | import androidx.compose.ui.Alignment 14 | import androidx.compose.ui.Modifier 15 | import androidx.compose.ui.geometry.Offset 16 | import androidx.compose.ui.geometry.Rect 17 | import androidx.compose.ui.graphics.BlendMode 18 | import androidx.compose.ui.graphics.Brush 19 | import androidx.compose.ui.graphics.Color 20 | import androidx.compose.ui.graphics.Paint 21 | import androidx.compose.ui.layout.ContentScale 22 | import androidx.compose.ui.res.painterResource 23 | import androidx.compose.ui.tooling.preview.Preview 24 | import androidx.compose.ui.unit.dp 25 | import androidx.navigation.NavHostController 26 | import coil.compose.rememberImagePainter 27 | import com.example.learncompose.model.Course 28 | import com.example.learncompose.model.getCourse 29 | import com.example.learncompose.utils.GRADIENT_COLORS 30 | import com.example.learncompose.utils.drawAfter 31 | 32 | 33 | @Composable 34 | fun CourseDetailsScreen(navController: NavHostController, courseId: String?) { 35 | val scrollState = rememberScrollState() 36 | val course: Course = getCourse().filter { course -> 37 | course.id == courseId 38 | }.first() 39 | 40 | Scaffold(modifier = Modifier.padding(top = 40.dp), topBar = { 41 | TopAppBar( 42 | modifier = Modifier.height(32.dp), 43 | backgroundColor = Color.Transparent 44 | ) { 45 | Row( 46 | horizontalArrangement = Arrangement.spacedBy(6.dp), 47 | verticalAlignment = Alignment.CenterVertically 48 | ) { 49 | Icon(imageVector = Icons.Default.ArrowBack, 50 | contentDescription = "Go Back", 51 | modifier = Modifier 52 | .clickable { navController.popBackStack() } 53 | .drawAfter { canvas -> 54 | val paint = Paint() 55 | paint.blendMode = BlendMode.SrcIn 56 | canvas.saveLayer(Rect(Offset.Zero, size), paint) 57 | drawRect(Brush.linearGradient(GRADIENT_COLORS)) 58 | canvas.restore() 59 | } 60 | .size(24.dp) 61 | ) 62 | 63 | if (scrollState.value > 0) { 64 | Text( 65 | text = course.title, 66 | modifier = Modifier.drawAfter { canvas -> 67 | val paint = Paint() 68 | paint.blendMode = BlendMode.SrcIn 69 | canvas.saveLayer(Rect(Offset.Zero, size), paint) 70 | drawRoundRect(Brush.linearGradient(GRADIENT_COLORS)) 71 | canvas.restore() 72 | }, 73 | style = MaterialTheme.typography.h3 74 | ) 75 | } 76 | } 77 | 78 | 79 | } 80 | }) { 81 | Column( 82 | modifier = Modifier 83 | .padding(horizontal = 40.dp, vertical = 8.dp) 84 | .verticalScroll(enabled = true, state = scrollState), 85 | verticalArrangement = Arrangement.spacedBy(16.dp) 86 | ) { 87 | Text( 88 | text = course.title, 89 | modifier = Modifier.drawAfter { canvas -> 90 | val paint = Paint() 91 | paint.blendMode = BlendMode.SrcIn 92 | canvas.saveLayer(Rect(Offset.Zero, size), paint) 93 | drawRect(Brush.linearGradient(GRADIENT_COLORS)) 94 | canvas.restore() 95 | }, 96 | style = MaterialTheme.typography.h2 97 | ) 98 | Text( 99 | text = course.description 100 | ) 101 | Image( 102 | modifier = Modifier.height(320.dp), 103 | painter = rememberImagePainter(data = course.cover), 104 | contentDescription = "Cover Image of $course", 105 | contentScale = ContentScale.Crop 106 | 107 | ) 108 | Text(text = course.details) 109 | } 110 | } 111 | } -------------------------------------------------------------------------------- /app/src/main/java/com/example/learncompose/screens/CourseListScreen.kt: -------------------------------------------------------------------------------- 1 | package com.example.learncompose.screens 2 | 3 | import androidx.compose.foundation.layout.Column 4 | import androidx.compose.foundation.layout.PaddingValues 5 | import androidx.compose.foundation.layout.padding 6 | import androidx.compose.foundation.lazy.LazyColumn 7 | import androidx.compose.foundation.lazy.items 8 | import androidx.compose.material.MaterialTheme 9 | import androidx.compose.material.Scaffold 10 | import androidx.compose.material.Text 11 | import androidx.compose.runtime.Composable 12 | import androidx.compose.ui.Modifier 13 | import androidx.compose.ui.tooling.preview.Preview 14 | import androidx.compose.ui.unit.dp 15 | import androidx.navigation.NavHostController 16 | import com.example.learncompose.components.CourseRow 17 | import com.example.learncompose.model.Course 18 | import com.example.learncompose.model.getCourse 19 | import com.example.learncompose.navigation.CourseScreens 20 | 21 | 22 | @Composable 23 | fun CourseListScreen(navController: NavHostController) { 24 | val courseList: List = getCourse() 25 | Column(modifier = Modifier.padding(top = 40.dp)) { 26 | Text( 27 | text = "Compose", 28 | style = MaterialTheme.typography.h1, 29 | modifier = Modifier.padding(start = 24.dp, end = 24.dp, top = 16.dp, bottom = 8.dp) 30 | ) 31 | LazyColumn(contentPadding = PaddingValues(24.dp)) { 32 | items(items = courseList) { item -> 33 | CourseRow(item) { 34 | course -> 35 | navController.navigate(route = CourseScreens.CourseDetailsScreen.name + "/$course") 36 | } 37 | } 38 | } 39 | } 40 | } -------------------------------------------------------------------------------- /app/src/main/java/com/example/learncompose/ui/theme/Color.kt: -------------------------------------------------------------------------------- 1 | package com.example.learncompose.ui.theme 2 | 3 | import androidx.compose.ui.graphics.Color 4 | 5 | val Purple200 = Color(0xFFE105FF) 6 | val Purple500 = Color(0xFF882EFF) -------------------------------------------------------------------------------- /app/src/main/java/com/example/learncompose/ui/theme/Shape.kt: -------------------------------------------------------------------------------- 1 | package com.example.learncompose.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/example/learncompose/ui/theme/Theme.kt: -------------------------------------------------------------------------------- 1 | package com.example.learncompose.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 | import androidx.compose.ui.graphics.Color 9 | 10 | private val DarkColorPalette = darkColors( 11 | primary = Purple200, 12 | secondary = Purple500, 13 | background = Color.Black, 14 | surface = Color.Black, 15 | onSurface = Color.White, 16 | onBackground = Color.White 17 | 18 | ) 19 | 20 | private val LightColorPalette = lightColors( 21 | primary = Purple200, 22 | secondary = Purple500, 23 | background = Color.Black, 24 | surface = Color.Black, 25 | onSurface = Color.White, 26 | onBackground = Color.White 27 | ) 28 | 29 | @Composable 30 | fun LearnComposeTheme(darkTheme: Boolean = isSystemInDarkTheme(), content: @Composable () -> Unit) { 31 | val colors = if (darkTheme) { 32 | DarkColorPalette 33 | } else { 34 | LightColorPalette 35 | } 36 | 37 | MaterialTheme( 38 | colors = colors, 39 | typography = Typography, 40 | shapes = Shapes, 41 | content = content 42 | ) 43 | } -------------------------------------------------------------------------------- /app/src/main/java/com/example/learncompose/ui/theme/Type.kt: -------------------------------------------------------------------------------- 1 | package com.example.learncompose.ui.theme 2 | 3 | import androidx.compose.material.Text 4 | import androidx.compose.material.Typography 5 | import androidx.compose.ui.graphics.Color 6 | import androidx.compose.ui.text.TextStyle 7 | import androidx.compose.ui.text.font.Font 8 | import androidx.compose.ui.text.font.FontFamily 9 | import androidx.compose.ui.text.font.FontWeight 10 | import androidx.compose.ui.unit.sp 11 | import com.example.learncompose.R 12 | 13 | private val opensans_regular = FontFamily(Font(R.font.opensansregular)) 14 | 15 | private val opensans_medium = FontFamily(Font(R.font.opensansmedium)) 16 | 17 | private val opensans_semibold = FontFamily(Font(R.font.opensanssemibold)) 18 | 19 | private val opensans_bold = FontFamily(Font(R.font.opensansbold)) 20 | 21 | val Typography = Typography( 22 | 23 | body1 = TextStyle( 24 | fontFamily = opensans_semibold, 25 | fontSize = 16.sp 26 | ), 27 | 28 | h2 = TextStyle( 29 | fontFamily = opensans_bold, 30 | fontSize = 24.sp 31 | ), 32 | 33 | h3 = TextStyle( 34 | fontFamily = opensans_bold, 35 | fontSize = 20.sp 36 | ), 37 | 38 | body2 = TextStyle( 39 | fontFamily = opensans_regular, 40 | fontSize = 10.sp 41 | ), 42 | 43 | h1 = TextStyle( 44 | fontFamily = opensans_bold, 45 | fontSize = 32.sp 46 | ) 47 | ) -------------------------------------------------------------------------------- /app/src/main/java/com/example/learncompose/utils/drawGradientText.kt: -------------------------------------------------------------------------------- 1 | package com.example.learncompose.utils 2 | 3 | import androidx.compose.ui.Modifier 4 | import androidx.compose.ui.draw.drawWithContent 5 | import androidx.compose.ui.geometry.Offset 6 | import androidx.compose.ui.geometry.Rect 7 | import androidx.compose.ui.graphics.Canvas 8 | import androidx.compose.ui.graphics.Paint 9 | import androidx.compose.ui.graphics.drawscope.ContentDrawScope 10 | import androidx.compose.ui.graphics.drawscope.drawIntoCanvas 11 | import com.example.learncompose.ui.theme.Purple200 12 | import com.example.learncompose.ui.theme.Purple500 13 | 14 | 15 | private val PAINT: Paint = Paint() 16 | 17 | val GRADIENT_COLORS = listOf( 18 | Purple200, Purple500 19 | ) 20 | 21 | 22 | fun Modifier.drawAfter(block: ContentDrawScope.(Canvas) -> Unit = {}): Modifier = 23 | drawWithContent { 24 | drawIntoCanvas { canvas -> 25 | canvas.saveLayer(Rect(Offset.Zero, size), PAINT) 26 | drawContent() 27 | block(canvas) 28 | canvas.restore() 29 | } 30 | } -------------------------------------------------------------------------------- /app/src/main/res/drawable-v24/CourseApp.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ComposeDesigner/LearnCompose/9a695909a0f609e84a142a146253ee276386628f/app/src/main/res/drawable-v24/CourseApp.gif -------------------------------------------------------------------------------- /app/src/main/res/drawable-v24/compose_00.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ComposeDesigner/LearnCompose/9a695909a0f609e84a142a146253ee276386628f/app/src/main/res/drawable-v24/compose_00.png -------------------------------------------------------------------------------- /app/src/main/res/drawable-v24/compose_01.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ComposeDesigner/LearnCompose/9a695909a0f609e84a142a146253ee276386628f/app/src/main/res/drawable-v24/compose_01.png -------------------------------------------------------------------------------- /app/src/main/res/drawable-v24/compose_02.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ComposeDesigner/LearnCompose/9a695909a0f609e84a142a146253ee276386628f/app/src/main/res/drawable-v24/compose_02.png -------------------------------------------------------------------------------- /app/src/main/res/drawable-v24/compose_03.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ComposeDesigner/LearnCompose/9a695909a0f609e84a142a146253ee276386628f/app/src/main/res/drawable-v24/compose_03.png -------------------------------------------------------------------------------- /app/src/main/res/drawable-v24/compose_04.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ComposeDesigner/LearnCompose/9a695909a0f609e84a142a146253ee276386628f/app/src/main/res/drawable-v24/compose_04.png -------------------------------------------------------------------------------- /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/compose_05.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ComposeDesigner/LearnCompose/9a695909a0f609e84a142a146253ee276386628f/app/src/main/res/drawable/compose_05.png -------------------------------------------------------------------------------- /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/font/opensansbold.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ComposeDesigner/LearnCompose/9a695909a0f609e84a142a146253ee276386628f/app/src/main/res/font/opensansbold.ttf -------------------------------------------------------------------------------- /app/src/main/res/font/opensansmedium.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ComposeDesigner/LearnCompose/9a695909a0f609e84a142a146253ee276386628f/app/src/main/res/font/opensansmedium.ttf -------------------------------------------------------------------------------- /app/src/main/res/font/opensansregular.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ComposeDesigner/LearnCompose/9a695909a0f609e84a142a146253ee276386628f/app/src/main/res/font/opensansregular.ttf -------------------------------------------------------------------------------- /app/src/main/res/font/opensanssemibold.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ComposeDesigner/LearnCompose/9a695909a0f609e84a142a146253ee276386628f/app/src/main/res/font/opensanssemibold.ttf -------------------------------------------------------------------------------- /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/ComposeDesigner/LearnCompose/9a695909a0f609e84a142a146253ee276386628f/app/src/main/res/mipmap-hdpi/ic_launcher.webp -------------------------------------------------------------------------------- /app/src/main/res/mipmap-hdpi/ic_launcher_round.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ComposeDesigner/LearnCompose/9a695909a0f609e84a142a146253ee276386628f/app/src/main/res/mipmap-hdpi/ic_launcher_round.webp -------------------------------------------------------------------------------- /app/src/main/res/mipmap-mdpi/ic_launcher.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ComposeDesigner/LearnCompose/9a695909a0f609e84a142a146253ee276386628f/app/src/main/res/mipmap-mdpi/ic_launcher.webp -------------------------------------------------------------------------------- /app/src/main/res/mipmap-mdpi/ic_launcher_round.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ComposeDesigner/LearnCompose/9a695909a0f609e84a142a146253ee276386628f/app/src/main/res/mipmap-mdpi/ic_launcher_round.webp -------------------------------------------------------------------------------- /app/src/main/res/mipmap-xhdpi/ic_launcher.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ComposeDesigner/LearnCompose/9a695909a0f609e84a142a146253ee276386628f/app/src/main/res/mipmap-xhdpi/ic_launcher.webp -------------------------------------------------------------------------------- /app/src/main/res/mipmap-xhdpi/ic_launcher_round.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ComposeDesigner/LearnCompose/9a695909a0f609e84a142a146253ee276386628f/app/src/main/res/mipmap-xhdpi/ic_launcher_round.webp -------------------------------------------------------------------------------- /app/src/main/res/mipmap-xxhdpi/ic_launcher.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ComposeDesigner/LearnCompose/9a695909a0f609e84a142a146253ee276386628f/app/src/main/res/mipmap-xxhdpi/ic_launcher.webp -------------------------------------------------------------------------------- /app/src/main/res/mipmap-xxhdpi/ic_launcher_round.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ComposeDesigner/LearnCompose/9a695909a0f609e84a142a146253ee276386628f/app/src/main/res/mipmap-xxhdpi/ic_launcher_round.webp -------------------------------------------------------------------------------- /app/src/main/res/mipmap-xxxhdpi/ic_launcher.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ComposeDesigner/LearnCompose/9a695909a0f609e84a142a146253ee276386628f/app/src/main/res/mipmap-xxxhdpi/ic_launcher.webp -------------------------------------------------------------------------------- /app/src/main/res/mipmap-xxxhdpi/ic_launcher_round.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ComposeDesigner/LearnCompose/9a695909a0f609e84a142a146253ee276386628f/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 | LearnCompose 3 | -------------------------------------------------------------------------------- /app/src/main/res/values/themes.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 7 | -------------------------------------------------------------------------------- /app/src/test/java/com/example/learncompose/ExampleUnitTest.kt: -------------------------------------------------------------------------------- 1 | package com.example.learncompose 2 | 3 | import org.junit.Test 4 | 5 | import org.junit.Assert.* 6 | 7 | /** 8 | * Example local unit test, which will execute on the development machine (host). 9 | * 10 | * See [testing documentation](http://d.android.com/tools/testing). 11 | */ 12 | class ExampleUnitTest { 13 | @Test 14 | fun addition_isCorrect() { 15 | assertEquals(4, 2 + 2) 16 | } 17 | } -------------------------------------------------------------------------------- /build.gradle: -------------------------------------------------------------------------------- 1 | buildscript { 2 | ext { 3 | compose_version = '1.2.0-alpha02' 4 | } 5 | }// Top-level build file where you can add configuration options common to all sub-projects/modules. 6 | plugins { 7 | id 'com.android.application' version '7.1.0' apply false 8 | id 'com.android.library' version '7.1.0' apply false 9 | id 'org.jetbrains.kotlin.android' version '1.6.10' apply false 10 | } 11 | 12 | task clean(type: Delete) { 13 | delete rootProject.buildDir 14 | } -------------------------------------------------------------------------------- /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 | # Kotlin code style for this project: "official" or "obsolete": 19 | kotlin.code.style=official 20 | # Enables namespacing of each library's R class so that its R class includes only the 21 | # resources declared in the library itself and none from the library's dependencies, 22 | # thereby reducing the size of the R class for that library 23 | android.nonTransitiveRClass=true -------------------------------------------------------------------------------- /gradle/wrapper/gradle-wrapper.jar: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ComposeDesigner/LearnCompose/9a695909a0f609e84a142a146253ee276386628f/gradle/wrapper/gradle-wrapper.jar -------------------------------------------------------------------------------- /gradle/wrapper/gradle-wrapper.properties: -------------------------------------------------------------------------------- 1 | #Wed Feb 09 12:13:20 IST 2022 2 | distributionBase=GRADLE_USER_HOME 3 | distributionUrl=https\://services.gradle.org/distributions/gradle-7.2-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 | # Copyright 2015 the original author or authors. 5 | # 6 | # Licensed under the Apache License, Version 2.0 (the "License"); 7 | # you may not use this file except in compliance with the License. 8 | # You may obtain a copy of the License at 9 | # 10 | # https://www.apache.org/licenses/LICENSE-2.0 11 | # 12 | # Unless required by applicable law or agreed to in writing, software 13 | # distributed under the License is distributed on an "AS IS" BASIS, 14 | # WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 15 | # See the License for the specific language governing permissions and 16 | # limitations under the License. 17 | # 18 | 19 | ############################################################################## 20 | ## 21 | ## Gradle start up script for UN*X 22 | ## 23 | ############################################################################## 24 | 25 | # Attempt to set APP_HOME 26 | # Resolve links: $0 may be a link 27 | PRG="$0" 28 | # Need this for relative symlinks. 29 | while [ -h "$PRG" ] ; do 30 | ls=`ls -ld "$PRG"` 31 | link=`expr "$ls" : '.*-> \(.*\)$'` 32 | if expr "$link" : '/.*' > /dev/null; then 33 | PRG="$link" 34 | else 35 | PRG=`dirname "$PRG"`"/$link" 36 | fi 37 | done 38 | SAVED="`pwd`" 39 | cd "`dirname \"$PRG\"`/" >/dev/null 40 | APP_HOME="`pwd -P`" 41 | cd "$SAVED" >/dev/null 42 | 43 | APP_NAME="Gradle" 44 | APP_BASE_NAME=`basename "$0"` 45 | 46 | # Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script. 47 | DEFAULT_JVM_OPTS='"-Xmx64m" "-Xms64m"' 48 | 49 | # Use the maximum available, or set MAX_FD != -1 to use that value. 50 | MAX_FD="maximum" 51 | 52 | warn () { 53 | echo "$*" 54 | } 55 | 56 | die () { 57 | echo 58 | echo "$*" 59 | echo 60 | exit 1 61 | } 62 | 63 | # OS specific support (must be 'true' or 'false'). 64 | cygwin=false 65 | msys=false 66 | darwin=false 67 | nonstop=false 68 | case "`uname`" in 69 | CYGWIN* ) 70 | cygwin=true 71 | ;; 72 | Darwin* ) 73 | darwin=true 74 | ;; 75 | MINGW* ) 76 | msys=true 77 | ;; 78 | NONSTOP* ) 79 | nonstop=true 80 | ;; 81 | esac 82 | 83 | CLASSPATH=$APP_HOME/gradle/wrapper/gradle-wrapper.jar 84 | 85 | 86 | # Determine the Java command to use to start the JVM. 87 | if [ -n "$JAVA_HOME" ] ; then 88 | if [ -x "$JAVA_HOME/jre/sh/java" ] ; then 89 | # IBM's JDK on AIX uses strange locations for the executables 90 | JAVACMD="$JAVA_HOME/jre/sh/java" 91 | else 92 | JAVACMD="$JAVA_HOME/bin/java" 93 | fi 94 | if [ ! -x "$JAVACMD" ] ; then 95 | die "ERROR: JAVA_HOME is set to an invalid directory: $JAVA_HOME 96 | 97 | Please set the JAVA_HOME variable in your environment to match the 98 | location of your Java installation." 99 | fi 100 | else 101 | JAVACMD="java" 102 | which java >/dev/null 2>&1 || die "ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH. 103 | 104 | Please set the JAVA_HOME variable in your environment to match the 105 | location of your Java installation." 106 | fi 107 | 108 | # Increase the maximum file descriptors if we can. 109 | if [ "$cygwin" = "false" -a "$darwin" = "false" -a "$nonstop" = "false" ] ; then 110 | MAX_FD_LIMIT=`ulimit -H -n` 111 | if [ $? -eq 0 ] ; then 112 | if [ "$MAX_FD" = "maximum" -o "$MAX_FD" = "max" ] ; then 113 | MAX_FD="$MAX_FD_LIMIT" 114 | fi 115 | ulimit -n $MAX_FD 116 | if [ $? -ne 0 ] ; then 117 | warn "Could not set maximum file descriptor limit: $MAX_FD" 118 | fi 119 | else 120 | warn "Could not query maximum file descriptor limit: $MAX_FD_LIMIT" 121 | fi 122 | fi 123 | 124 | # For Darwin, add options to specify how the application appears in the dock 125 | if $darwin; then 126 | GRADLE_OPTS="$GRADLE_OPTS \"-Xdock:name=$APP_NAME\" \"-Xdock:icon=$APP_HOME/media/gradle.icns\"" 127 | fi 128 | 129 | # For Cygwin or MSYS, switch paths to Windows format before running java 130 | if [ "$cygwin" = "true" -o "$msys" = "true" ] ; then 131 | APP_HOME=`cygpath --path --mixed "$APP_HOME"` 132 | CLASSPATH=`cygpath --path --mixed "$CLASSPATH"` 133 | 134 | JAVACMD=`cygpath --unix "$JAVACMD"` 135 | 136 | # We build the pattern for arguments to be converted via cygpath 137 | ROOTDIRSRAW=`find -L / -maxdepth 1 -mindepth 1 -type d 2>/dev/null` 138 | SEP="" 139 | for dir in $ROOTDIRSRAW ; do 140 | ROOTDIRS="$ROOTDIRS$SEP$dir" 141 | SEP="|" 142 | done 143 | OURCYGPATTERN="(^($ROOTDIRS))" 144 | # Add a user-defined pattern to the cygpath arguments 145 | if [ "$GRADLE_CYGPATTERN" != "" ] ; then 146 | OURCYGPATTERN="$OURCYGPATTERN|($GRADLE_CYGPATTERN)" 147 | fi 148 | # Now convert the arguments - kludge to limit ourselves to /bin/sh 149 | i=0 150 | for arg in "$@" ; do 151 | CHECK=`echo "$arg"|egrep -c "$OURCYGPATTERN" -` 152 | CHECK2=`echo "$arg"|egrep -c "^-"` ### Determine if an option 153 | 154 | if [ $CHECK -ne 0 ] && [ $CHECK2 -eq 0 ] ; then ### Added a condition 155 | eval `echo args$i`=`cygpath --path --ignore --mixed "$arg"` 156 | else 157 | eval `echo args$i`="\"$arg\"" 158 | fi 159 | i=`expr $i + 1` 160 | done 161 | case $i in 162 | 0) set -- ;; 163 | 1) set -- "$args0" ;; 164 | 2) set -- "$args0" "$args1" ;; 165 | 3) set -- "$args0" "$args1" "$args2" ;; 166 | 4) set -- "$args0" "$args1" "$args2" "$args3" ;; 167 | 5) set -- "$args0" "$args1" "$args2" "$args3" "$args4" ;; 168 | 6) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" ;; 169 | 7) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" ;; 170 | 8) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" "$args7" ;; 171 | 9) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" "$args7" "$args8" ;; 172 | esac 173 | fi 174 | 175 | # Escape application args 176 | save () { 177 | for i do printf %s\\n "$i" | sed "s/'/'\\\\''/g;1s/^/'/;\$s/\$/' \\\\/" ; done 178 | echo " " 179 | } 180 | APP_ARGS=`save "$@"` 181 | 182 | # Collect all arguments for the java command, following the shell quoting and substitution rules 183 | eval set -- $DEFAULT_JVM_OPTS $JAVA_OPTS $GRADLE_OPTS "\"-Dorg.gradle.appname=$APP_BASE_NAME\"" -classpath "\"$CLASSPATH\"" org.gradle.wrapper.GradleWrapperMain "$APP_ARGS" 184 | 185 | exec "$JAVACMD" "$@" 186 | -------------------------------------------------------------------------------- /gradlew.bat: -------------------------------------------------------------------------------- 1 | @rem 2 | @rem Copyright 2015 the original author or authors. 3 | @rem 4 | @rem Licensed under the Apache License, Version 2.0 (the "License"); 5 | @rem you may not use this file except in compliance with the License. 6 | @rem You may obtain a copy of the License at 7 | @rem 8 | @rem https://www.apache.org/licenses/LICENSE-2.0 9 | @rem 10 | @rem Unless required by applicable law or agreed to in writing, software 11 | @rem distributed under the License is distributed on an "AS IS" BASIS, 12 | @rem WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 13 | @rem See the License for the specific language governing permissions and 14 | @rem limitations under the License. 15 | @rem 16 | 17 | @if "%DEBUG%" == "" @echo off 18 | @rem ########################################################################## 19 | @rem 20 | @rem Gradle startup script for Windows 21 | @rem 22 | @rem ########################################################################## 23 | 24 | @rem Set local scope for the variables with windows NT shell 25 | if "%OS%"=="Windows_NT" setlocal 26 | 27 | set DIRNAME=%~dp0 28 | if "%DIRNAME%" == "" set DIRNAME=. 29 | set APP_BASE_NAME=%~n0 30 | set APP_HOME=%DIRNAME% 31 | 32 | @rem Resolve any "." and ".." in APP_HOME to make it shorter. 33 | for %%i in ("%APP_HOME%") do set APP_HOME=%%~fi 34 | 35 | @rem Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script. 36 | set DEFAULT_JVM_OPTS="-Xmx64m" "-Xms64m" 37 | 38 | @rem Find java.exe 39 | if defined JAVA_HOME goto findJavaFromJavaHome 40 | 41 | set JAVA_EXE=java.exe 42 | %JAVA_EXE% -version >NUL 2>&1 43 | if "%ERRORLEVEL%" == "0" goto execute 44 | 45 | echo. 46 | echo ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH. 47 | echo. 48 | echo Please set the JAVA_HOME variable in your environment to match the 49 | echo location of your Java installation. 50 | 51 | goto fail 52 | 53 | :findJavaFromJavaHome 54 | set JAVA_HOME=%JAVA_HOME:"=% 55 | set JAVA_EXE=%JAVA_HOME%/bin/java.exe 56 | 57 | if exist "%JAVA_EXE%" goto execute 58 | 59 | echo. 60 | echo ERROR: JAVA_HOME is set to an invalid directory: %JAVA_HOME% 61 | echo. 62 | echo Please set the JAVA_HOME variable in your environment to match the 63 | echo location of your Java installation. 64 | 65 | goto fail 66 | 67 | :execute 68 | @rem Setup the command line 69 | 70 | set CLASSPATH=%APP_HOME%\gradle\wrapper\gradle-wrapper.jar 71 | 72 | 73 | @rem Execute Gradle 74 | "%JAVA_EXE%" %DEFAULT_JVM_OPTS% %JAVA_OPTS% %GRADLE_OPTS% "-Dorg.gradle.appname=%APP_BASE_NAME%" -classpath "%CLASSPATH%" org.gradle.wrapper.GradleWrapperMain %* 75 | 76 | :end 77 | @rem End local scope for the variables with windows NT shell 78 | if "%ERRORLEVEL%"=="0" goto mainEnd 79 | 80 | :fail 81 | rem Set variable GRADLE_EXIT_CONSOLE if you need the _script_ return code instead of 82 | rem the _cmd.exe /c_ return code! 83 | if not "" == "%GRADLE_EXIT_CONSOLE%" exit 1 84 | exit /b 1 85 | 86 | :mainEnd 87 | if "%OS%"=="Windows_NT" endlocal 88 | 89 | :omega 90 | -------------------------------------------------------------------------------- /settings.gradle: -------------------------------------------------------------------------------- 1 | pluginManagement { 2 | repositories { 3 | gradlePluginPortal() 4 | google() 5 | mavenCentral() 6 | } 7 | } 8 | dependencyResolutionManagement { 9 | repositoriesMode.set(RepositoriesMode.FAIL_ON_PROJECT_REPOS) 10 | repositories { 11 | google() 12 | mavenCentral() 13 | } 14 | } 15 | rootProject.name = "LearnCompose" 16 | include ':app' 17 | --------------------------------------------------------------------------------