feat(android-compose): use android compose

use android compose

build.gradle

@@ -1,7 +1,7 @@
 // Top-level build file where you can add configuration options common to all sub-projects/modules.
 
 buildscript {
-    ext.kotlin_version = '1.8.22'
+    ext.kotlin_version = '1.9.0'
     repositories {
         google()
         mavenCentral()
@@ -28,15 +28,31 @@ tasks.register('clean', Delete) {
 
 
 subprojects {
-
     apply plugin: 'com.android.application'
     apply plugin: 'kotlin-android'
+    android {
+
+        defaultConfig {
+
+            vectorDrawables {
+                useSupportLibrary true
+            }
+        }
+        composeOptions {
+            kotlinCompilerExtensionVersion '1.5.1'
+        }
+        packaging {
+            resources {
+                excludes += '/META-INF/{AL2.0,LGPL2.1}'
+            }
+        }
+    }
 
     android {
-        compileSdkVersion 34
+        compileSdkVersion 35
 
         defaultConfig {
-            targetSdkVersion 34
+            targetSdkVersion 35
             versionCode 1
             versionName "1.0"
             minSdk 21
@@ -52,6 +68,7 @@ subprojects {
 
         buildFeatures {
             viewBinding true
+            compose true
         }
 
         compileOptions {
@@ -62,6 +79,10 @@ subprojects {
         kotlin {
             jvmToolchain(17)
         }
+
+        kotlinOptions {
+            jvmTarget = '17'
+        }
     }
 
     dependencies {
@@ -71,8 +92,8 @@ subprojects {
         implementation 'androidx.core:core-ktx:1.13.1'
         implementation 'androidx.constraintlayout:constraintlayout:2.1.4'
         testImplementation 'junit:junit:4.13.2'
-        androidTestImplementation 'androidx.test:runner:1.5.2'
-        androidTestImplementation 'androidx.test.espresso:espresso-core:3.5.1'
-        androidTestImplementation 'androidx.test.ext:junit:1.1.5'
+        androidTestImplementation 'androidx.test:runner:1.6.1'
+        androidTestImplementation 'androidx.test.espresso:espresso-core:3.6.1'
+        androidTestImplementation 'androidx.test.ext:junit:1.2.1'
     }
 }

myapplication/.gitignore

@@ -0,0 +1 @@
+/build

myapplication/build.gradle.kts

@@ -0,0 +1,39 @@
+plugins {
+}
+
+android {
+    namespace = "com.github.leleact.android.example.myapplication"
+
+    defaultConfig {
+        applicationId = "com.github.leleact.android.example.myapplication"
+        minSdk = 30
+        versionCode = 1
+        versionName = "1.0"
+
+        testInstrumentationRunner = "androidx.test.runner.AndroidJUnitRunner"
+    }
+
+    buildTypes {
+        release {
+            isMinifyEnabled = false
+            proguardFiles(
+                getDefaultProguardFile("proguard-android-optimize.txt"),
+                "proguard-rules.pro"
+            )
+        }
+    }
+}
+
+dependencies {
+    implementation("androidx.lifecycle:lifecycle-runtime-ktx:2.8.3")
+    implementation("androidx.activity:activity-compose:1.9.0")
+    implementation(platform("androidx.compose:compose-bom:2024.06.00"))
+    implementation("androidx.compose.ui:ui")
+    implementation("androidx.compose.ui:ui-graphics")
+    implementation("androidx.compose.ui:ui-tooling-preview")
+    implementation("androidx.compose.material3:material3")
+    androidTestImplementation(platform("androidx.compose:compose-bom:2024.06.00"))
+    androidTestImplementation("androidx.compose.ui:ui-test-junit4")
+    debugImplementation("androidx.compose.ui:ui-tooling")
+    debugImplementation("androidx.compose.ui:ui-test-manifest")
+}

myapplication/proguard-rules.pro

@@ -0,0 +1,21 @@
+# Add project specific ProGuard rules here.
+# You can control the set of applied configuration files using the
+# proguardFiles setting in build.gradle.
+#
+# For more details, see
+#   http://developer.android.com/guide/developing/tools/proguard.html
+
+# If your project uses WebView with JS, uncomment the following
+# and specify the fully qualified class name to the JavaScript interface
+# class:
+#-keepclassmembers class fqcn.of.javascript.interface.for.webview {
+#   public *;
+#}
+
+# Uncomment this to preserve the line number information for
+# debugging stack traces.
+#-keepattributes SourceFile,LineNumberTable
+
+# If you keep the line number information, uncomment this to
+# hide the original source file name.
+#-renamesourcefileattribute SourceFile

myapplication/src/androidTest/java/com/github/leleact/android/example/myapplication/ExampleInstrumentedTest.kt

@@ -0,0 +1,24 @@
+package com.github.leleact.android.example.myapplication
+
+import androidx.test.platform.app.InstrumentationRegistry
+import androidx.test.ext.junit.runners.AndroidJUnit4
+
+import org.junit.Test
+import org.junit.runner.RunWith
+
+import org.junit.Assert.*
+
+/**
+ * Instrumented test, which will execute on an Android device.
+ *
+ * See [testing documentation](http://d.android.com/tools/testing).
+ */
+@RunWith(AndroidJUnit4::class)
+class ExampleInstrumentedTest {
+    @Test
+    fun useAppContext() {
+        // Context of the app under test.
+        val appContext = InstrumentationRegistry.getInstrumentation().targetContext
+        assertEquals("com.github.leleact.android.example.myapplication", appContext.packageName)
+    }
+}

myapplication/src/main/AndroidManifest.xml

@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="utf-8"?>
+<manifest xmlns:android="http://schemas.android.com/apk/res/android">
+
+    <application
+        android:allowBackup="true"
+        android:icon="@mipmap/ic_launcher"
+        android:label="@string/app_name"
+        android:roundIcon="@mipmap/ic_launcher_round"
+        android:supportsRtl="true"
+        android:theme="@style/Theme.Androidtutorial">
+        <activity
+            android:name=".MainActivity"
+            android:exported="true"
+            android:theme="@style/Theme.Androidtutorial">
+            <intent-filter>
+                <action android:name="android.intent.action.MAIN" />
+                <category android:name="android.intent.category.LAUNCHER" />
+            </intent-filter>
+        </activity>
+    </application>
+
+</manifest>

myapplication/src/main/java/com/github/leleact/android/example/myapplication/MainActivity.kt

@@ -0,0 +1,97 @@
+package com.github.leleact.android.example.myapplication
+
+import android.os.Bundle
+import android.os.PersistableBundle
+import android.util.Log
+import androidx.activity.ComponentActivity
+import androidx.activity.compose.setContent
+import androidx.activity.enableEdgeToEdge
+import androidx.compose.foundation.clickable
+import androidx.compose.foundation.layout.Arrangement
+import androidx.compose.foundation.layout.IntrinsicSize
+import androidx.compose.foundation.layout.Row
+import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.layout.width
+import androidx.compose.material3.MaterialTheme
+import androidx.compose.material3.OutlinedTextField
+import androidx.compose.material3.Surface
+import androidx.compose.material3.Text
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.text.style.TextAlign
+import androidx.compose.ui.tooling.preview.Preview
+import androidx.compose.ui.unit.dp
+import com.github.leleact.android.example.myapplication.ui.theme.BasicsCodelabTheme
+
+class MainActivity : ComponentActivity() {
+
+    private val tag: String = "MainActivity";
+
+    override fun onCreate(savedInstanceState: Bundle?) {
+        super.onCreate(savedInstanceState)
+        enableEdgeToEdge()
+        setContent {
+            BasicsCodelabTheme {
+                // A surface container using the 'background' color from the theme
+                Surface(
+                    modifier = Modifier.fillMaxSize(), color = MaterialTheme.colorScheme.background
+                ) {
+                    Greeting("Android")
+                }
+            }
+        }
+    }
+
+    override fun onCreate(savedInstanceState: Bundle?, persistentState: PersistableBundle?) {
+        super.onCreate(savedInstanceState, persistentState)
+        Log.d(tag, "onCreate");
+    }
+
+    override fun onPause() {
+        super.onPause()
+        Log.d(tag, "onPause");
+    }
+}
+
+
+@Composable
+fun Greeting(name: String, modifier: Modifier = Modifier) {
+    Surface(color = MaterialTheme.colorScheme.primary) {
+        Row(
+            modifier = Modifier.width(IntrinsicSize.Max),
+            horizontalArrangement = Arrangement.Center,
+            verticalAlignment = Alignment.CenterVertically
+        ) {
+            Text(
+                text = "Hello $name!", modifier = Modifier.clickable {
+                    //    text ="xxx";
+                    // @this.text = "aka";
+                    println("xxxxxxxxxxx");
+                }, textAlign = TextAlign.Right
+            )
+
+        }
+        Row(
+            modifier = Modifier.width(IntrinsicSize.Max),
+            horizontalArrangement = Arrangement.Center,
+            verticalAlignment = Alignment.Bottom
+        ) {
+            Text(
+                text = "Hello!",
+                modifier = Modifier.padding(bottom = 16.dp),
+                style = MaterialTheme.typography.bodyMedium
+            )
+            OutlinedTextField(value = "", onValueChange = { }, label = { Text("Name") })
+        }
+    }
+}
+
+@Preview(showBackground = true, name = "Text preview")
+@Composable
+fun GreetingPreview() {
+    BasicsCodelabTheme {
+        Greeting(name = "Android")
+    }
+}

myapplication/src/main/java/com/github/leleact/android/example/myapplication/ui/theme/Color.kt

@@ -0,0 +1,8 @@
+package com.github.leleact.android.example.myapplication.ui.theme
+
+import androidx.compose.ui.graphics.Color
+
+val Navy = Color(0xFF073042)
+val Blue = Color(0xFF4285F4)
+val LightBlue = Color(0xFFD7EFFE)
+val Chartreuse = Color(0xFFEFF7CF)

myapplication/src/main/java/com/github/leleact/android/example/myapplication/ui/theme/Theme.kt

@@ -0,0 +1,55 @@
+package com.github.leleact.android.example.myapplication.ui.theme
+
+import android.app.Activity
+import android.os.Build
+import androidx.compose.foundation.isSystemInDarkTheme
+import androidx.compose.material3.MaterialTheme
+import androidx.compose.material3.darkColorScheme
+import androidx.compose.material3.dynamicDarkColorScheme
+import androidx.compose.material3.dynamicLightColorScheme
+import androidx.compose.material3.lightColorScheme
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.SideEffect
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.graphics.Color.Companion.Blue
+import androidx.compose.ui.graphics.toArgb
+import androidx.compose.ui.platform.LocalContext
+import androidx.compose.ui.platform.LocalView
+import androidx.core.view.ViewCompat
+
+private val DarkColorScheme = darkColorScheme(
+    surface = Blue, onSurface = Navy, primary = Navy, onPrimary = Chartreuse
+)
+
+private val LightColorScheme = lightColorScheme(
+    surface = Blue, onSurface = Color.White, primary = LightBlue, onPrimary = Navy
+)
+
+@Suppress("DEPRECATION")
+@Composable
+fun BasicsCodelabTheme(
+    darkTheme: Boolean = isSystemInDarkTheme(),
+    // Dynamic color is available on Android 12+
+    dynamicColor: Boolean = true, content: @Composable () -> Unit
+) {
+    val colorScheme = when {
+        dynamicColor && Build.VERSION.SDK_INT >= Build.VERSION_CODES.S -> {
+            val context = LocalContext.current
+            if (darkTheme) dynamicDarkColorScheme(context) else dynamicLightColorScheme(context)
+        }
+
+        darkTheme -> DarkColorScheme
+        else -> LightColorScheme
+    }
+    val view = LocalView.current
+    if (!view.isInEditMode) {
+        SideEffect {
+            (view.context as Activity).window.statusBarColor = colorScheme.primary.toArgb()
+            ViewCompat.getWindowInsetsController(view)?.isAppearanceLightStatusBars = darkTheme
+        }
+    }
+
+    MaterialTheme(
+        colorScheme = colorScheme, typography = Typography, content = content
+    )
+}

myapplication/src/main/java/com/github/leleact/android/example/myapplication/ui/theme/Type.kt

@@ -0,0 +1,33 @@
+package com.github.leleact.android.example.myapplication.ui.theme
+
+import androidx.compose.material3.Typography
+import androidx.compose.ui.text.TextStyle
+import androidx.compose.ui.text.font.FontFamily
+import androidx.compose.ui.text.font.FontWeight
+import androidx.compose.ui.unit.sp
+
+// Set of Material typography styles to start with
+val Typography = Typography(
+    bodyLarge = TextStyle(
+        fontFamily = FontFamily.Default,
+        fontWeight = FontWeight.Normal,
+        fontSize = 16.sp,
+        lineHeight = 24.sp,
+        letterSpacing = 0.5.sp
+    )/* Other default text styles to override
+    titleLarge = TextStyle(
+        fontFamily = FontFamily.Default,
+        fontWeight = FontWeight.Normal,
+        fontSize = 22.sp,
+        lineHeight = 28.sp,
+        letterSpacing = 0.sp
+    ),
+    labelSmall = TextStyle(
+        fontFamily = FontFamily.Default,
+        fontWeight = FontWeight.Medium,
+        fontSize = 11.sp,
+        lineHeight = 16.sp,
+        letterSpacing = 0.5.sp
+    )
+    */
+)