Merge pull request #2

Create UI draft

Author: tobiasvonderheidt

app/build.gradle.kts

@@ -49,6 +49,7 @@ dependencies {
     implementation(libs.androidx.ui.graphics)
     implementation(libs.androidx.ui.tooling.preview)
     implementation(libs.androidx.material3)
+    implementation(libs.androidx.navigation.compose)
     testImplementation(libs.junit)
     androidTestImplementation(libs.androidx.junit)
     androidTestImplementation(libs.androidx.espresso.core)

app/src/main/java/org/vonderheidt/hips/MainActivity.kt

@@ -3,45 +3,34 @@ package org.vonderheidt.hips
 import android.os.Bundle
 import androidx.activity.ComponentActivity
 import androidx.activity.compose.setContent
-import androidx.activity.enableEdgeToEdge
 import androidx.compose.foundation.layout.fillMaxSize
 import androidx.compose.foundation.layout.padding
 import androidx.compose.material3.Scaffold
-import androidx.compose.material3.Text
-import androidx.compose.runtime.Composable
 import androidx.compose.ui.Modifier
-import androidx.compose.ui.tooling.preview.Preview
+import org.vonderheidt.hips.navigation.SetupNavGraph
 import org.vonderheidt.hips.ui.theme.HiPSTheme
 
+/**
+ * Class that defines the entry point into the app and calls the main screen.
+ */
 class MainActivity : ComponentActivity() {
+    // Boilerplate code
     override fun onCreate(savedInstanceState: Bundle?) {
         super.onCreate(savedInstanceState)
-        enableEdgeToEdge()
+
+        // Set MainScreen function as content of the main screen
         setContent {
+            // Use HiPS theme for dark and light mode
             HiPSTheme {
+                // Scaffold arranges top bar/bottom bar/floating action buttons/etc. on screen
+                // innerPadding is necessary so that content and top bar/etc. don't overlap
                 Scaffold(modifier = Modifier.fillMaxSize()) { innerPadding ->
-                    Greeting(
-                        name = "Android",
-                        modifier = Modifier.padding(innerPadding)
-                    )
+                    val modifier: Modifier = Modifier.padding(innerPadding)
+
+                    // Initialize navigation
+                    SetupNavGraph(modifier)
                 }
             }
         }
     }
-}
-
-@Composable
-fun Greeting(name: String, modifier: Modifier = Modifier) {
-    Text(
-        text = "Hello $name!",
-        modifier = modifier
-    )
-}
-
-@Preview(showBackground = true)
-@Composable
-fun GreetingPreview() {
-    HiPSTheme {
-        Greeting("Android")
-    }
 }

app/src/main/java/org/vonderheidt/hips/navigation/NavGraph.kt

@@ -0,0 +1,26 @@
+package org.vonderheidt.hips.navigation
+
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Modifier
+import androidx.navigation.NavHostController
+import androidx.navigation.compose.NavHost
+import androidx.navigation.compose.composable
+import androidx.navigation.compose.rememberNavController
+import org.vonderheidt.hips.ui.screens.HomeScreen
+import org.vonderheidt.hips.ui.screens.SettingsScreen
+
+/**
+ * Function that initializes the navigation.
+ */
+@Composable
+fun SetupNavGraph(modifier: Modifier) {
+    val navController: NavHostController = rememberNavController()
+
+    NavHost(
+        navController = navController,
+        startDestination = Screen.Home.route
+    ) {
+        composable(Screen.Home.route) { HomeScreen(navController, modifier) }
+        composable(Screen.Settings.route) { SettingsScreen(navController, modifier) }
+    }
+}

app/src/main/java/org/vonderheidt/hips/navigation/Screen.kt

@@ -0,0 +1,9 @@
+package org.vonderheidt.hips.navigation
+
+/**
+ * Class that defines routes to all screens.
+ */
+sealed class Screen(val route: String) {
+    object Home: Screen("home")
+    object Settings: Screen("settings")
+}