Initial sample: watch & phone app with shared module

.gitignore

@@ -0,0 +1,15 @@
+*.iml
+.gradle
+/local.properties
+/.idea/caches
+/.idea/libraries
+/.idea/modules.xml
+/.idea/workspace.xml
+/.idea/navEditor.xml
+/.idea/assetWizardSettings.xml
+.DS_Store
+/build
+/captures
+.externalNativeBuild
+.cxx
+local.properties

app-phone/.gitignore

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

app-phone/build.gradle.kts

@@ -0,0 +1,49 @@
+plugins {
+ id("android-app")
+ id("version-code-phone")
+}
+
+android {
+ namespace = "com.louiscad.composeoclockplayground"
+
+ defaultConfig {
+ applicationId = "com.louiscad.composeoclockplayground"
+ minSdk = 26
+ targetSdk = 34
+ versionName = version.toString()
+ testInstrumentationRunner = "androidx.test.runner.AndroidJUnitRunner"
+ }
+ compileOptions {
+ isCoreLibraryDesugaringEnabled = true
+ }
+}
+
+dependencies {
+ implementation {
+ project(":shared")()
+
+ AndroidX.compose.material3()
+ AndroidX.compose.ui.toolingPreview()
+ AndroidX.activity.compose()
+ platform(AndroidX.compose.bom)
+ AndroidX.compose.ui()
+ AndroidX.compose.ui.graphics()
+ AndroidX.compose.ui.toolingPreview()
+ AndroidX.compose.material3()
+ }
+ coreLibraryDesugaring(Android.tools.desugarJdkLibs)
+ testImplementation {
+ Testing.junit4()
+ }
+ androidTestImplementation {
+ AndroidX.test.ext.junit()
+ AndroidX.test.espresso.core()
+ platform(AndroidX.compose.bom)
+ AndroidX.compose.ui.testJunit4()
+ }
+ debugImplementation {
+ platform(AndroidX.compose.bom)
+ AndroidX.compose.ui.tooling()
+ AndroidX.compose.ui.testManifest()
+ }
+}

app-phone/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:https://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

app-phone/src/main/AndroidManifest.xml

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

app-phone/src/main/java/com/louiscad/composeoclockplayground/MainActivity.kt

@@ -0,0 +1,51 @@
+package com.louiscad.composeoclockplayground
+
+import android.os.Bundle
+import androidx.activity.ComponentActivity
+import androidx.activity.compose.setContent
+import androidx.activity.enableEdgeToEdge
+import androidx.compose.foundation.layout.Box
+import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.foundation.layout.padding
+import androidx.compose.material3.Scaffold
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.tooling.preview.Preview
+import com.louiscad.composeoclockplayground.ui.theme.MyComposeOClockPlaygroundTheme
+import org.splitties.compose.oclock.OClockRootCanvas
+import org.splitties.compose.oclock.sample.watchfaces.WatchFaceSwitcher
+
+class MainActivity : ComponentActivity() {
+ override fun onCreate(savedInstanceState: Bundle?) {
+ super.onCreate(savedInstanceState)
+ enableEdgeToEdge()
+ setContent {
+ MyComposeOClockPlaygroundTheme {
+ Scaffold(modifier = Modifier.fillMaxSize()) { innerPadding ->
+ Content(Modifier.padding(innerPadding))
+ }
+ }
+ }
+ }
+}
+
+@Composable
+fun Content(modifier: Modifier = Modifier) {
+ Box(
+ modifier = modifier,
+ contentAlignment = Alignment.Center
+ ) {
+ OClockRootCanvas {
+ WatchFaceSwitcher()
+ }
+ }
+}
+
+@Preview(showBackground = true)
+@Composable
+fun ContentPreview() {
+ MyComposeOClockPlaygroundTheme {
+ Content()
+ }
+}

app-phone/src/main/java/com/louiscad/composeoclockplayground/ui/theme/Color.kt

@@ -0,0 +1,11 @@
+package com.louiscad.composeoclockplayground.ui.theme
+
+import androidx.compose.ui.graphics.Color
+
+val Purple80 = Color(0xFFD0BCFF)
+val PurpleGrey80 = Color(0xFFCCC2DC)
+val Pink80 = Color(0xFFEFB8C8)
+
+val Purple40 = Color(0xFF6650a4)
+val PurpleGrey40 = Color(0xFF625b71)
+val Pink40 = Color(0xFF7D5260)

app-phone/src/main/java/com/louiscad/composeoclockplayground/ui/theme/Theme.kt

@@ -0,0 +1,58 @@
+package com.louiscad.composeoclockplayground.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.ui.platform.LocalContext
+
+private val DarkColorScheme = darkColorScheme(
+ primary = Purple80,
+ secondary = PurpleGrey80,
+ tertiary = Pink80
+)
+
+private val LightColorScheme = lightColorScheme(
+ primary = Purple40,
+ secondary = PurpleGrey40,
+ tertiary = Pink40
+
+ /* Other default colors to override
+ background = Color(0xFFFFFBFE),
+ surface = Color(0xFFFFFBFE),
+ onPrimary = Color.White,
+ onSecondary = Color.White,
+ onTertiary = Color.White,
+ onBackground = Color(0xFF1C1B1F),
+ onSurface = Color(0xFF1C1B1F),
+ */
+)
+
+@Composable
+fun MyComposeOClockPlaygroundTheme(
+ 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
+ }
+
+ MaterialTheme(
+ colorScheme = colorScheme,
+ typography = Typography,
+ content = content
+ )
+}

app-phone/src/main/java/com/louiscad/composeoclockplayground/ui/theme/Type.kt

@@ -0,0 +1,34 @@
+package com.louiscad.composeoclockplayground.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
+ )
+ */
+)