diff --git a/README.md b/README.md index 6b35139..8377404 100644 --- a/README.md +++ b/README.md @@ -4,7 +4,8 @@ Saludapp es una aplicación Android moderna enfocada en la salud y el bienestar, ## 🚀 Características - Interfaz de usuario moderna con **Jetpack Compose**. -- Diseño basado en **Material 3**. +- Pantalla de inicio atractiva con mensaje de bienvenida. +- Diseño basado en **Material 3** con soporte para temas dinámicos. - Arquitectura limpia y escalable. ## 🛠️ Tecnologías utilizadas @@ -29,8 +30,9 @@ Saludapp es una aplicación Android moderna enfocada en la salud y el bienestar, ## 📂 Estructura del Proyecto - `app/`: Contiene el código fuente principal de la aplicación. - - `src/main/java/com/example/saludapp/`: Contiene las actividades y composables principales. - - `ui/theme/`: Configuración del tema, colores y tipografía de Material 3. + - `src/main/java/com/example/saludapp/MainActivity.kt`: Punto de entrada de la aplicación. + - `src/main/java/com/example/saludapp/ui/StartScreen.kt`: Composable de la pantalla de inicio. + - `src/main/java/com/example/saludapp/ui/theme/`: Configuración del tema, colores y tipografía de Material 3. --- Desarrollado con ❤️ para mejorar la salud de los usuarios. diff --git a/app/build.gradle.kts b/app/build.gradle.kts index 15d581e..650ff25 100644 --- a/app/build.gradle.kts +++ b/app/build.gradle.kts @@ -5,16 +5,12 @@ plugins { android { namespace = "com.example.saludapp" - compileSdk { - version = release(36) { - minorApiLevel = 1 - } - } + compileSdk = 37 defaultConfig { applicationId = "com.example.saludapp" minSdk = 34 - targetSdk = 36 + targetSdk = 37 versionCode = 1 versionName = "1.0" diff --git a/app/src/main/java/com/example/saludapp/MainActivity.kt b/app/src/main/java/com/example/saludapp/MainActivity.kt index 32bd2a9..a2cca21 100644 --- a/app/src/main/java/com/example/saludapp/MainActivity.kt +++ b/app/src/main/java/com/example/saludapp/MainActivity.kt @@ -4,13 +4,7 @@ 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 com.example.saludapp.ui.StartScreen import com.example.saludapp.ui.theme.SaludappTheme class MainActivity : ComponentActivity() { @@ -19,29 +13,10 @@ class MainActivity : ComponentActivity() { enableEdgeToEdge() setContent { SaludappTheme { - Scaffold(modifier = Modifier.fillMaxSize()) { innerPadding -> - Greeting( - name = "Android", - modifier = Modifier.padding(innerPadding) - ) + StartScreen { + // Acción al presionar el botón } } } } } - -@Composable -fun Greeting(name: String, modifier: Modifier = Modifier) { - Text( - text = "Hello $name!", - modifier = modifier - ) -} - -@Preview(showBackground = true) -@Composable -fun GreetingPreview() { - SaludappTheme { - Greeting("Android") - } -} \ No newline at end of file diff --git a/app/src/main/java/com/example/saludapp/ui/StartScreen.kt b/app/src/main/java/com/example/saludapp/ui/StartScreen.kt new file mode 100644 index 0000000..f1a583b --- /dev/null +++ b/app/src/main/java/com/example/saludapp/ui/StartScreen.kt @@ -0,0 +1,70 @@ +package com.example.saludapp.ui + +import androidx.compose.foundation.layout.* +import androidx.compose.material3.* +import androidx.compose.runtime.Composable +import androidx.compose.ui.Alignment +import androidx.compose.ui.Modifier +import androidx.compose.ui.text.font.FontWeight +import androidx.compose.ui.text.style.TextAlign +import androidx.compose.ui.tooling.preview.Preview +import androidx.compose.ui.unit.dp +import androidx.compose.ui.unit.sp +import com.example.saludapp.ui.theme.SaludappTheme + +@Composable +fun StartScreen(onStartClick: () -> Unit = {}) { + Surface( + modifier = Modifier.fillMaxSize(), + color = MaterialTheme.colorScheme.background + ) { + Column( + modifier = Modifier + .fillMaxSize() + .padding(24.dp), + horizontalAlignment = Alignment.CenterHorizontally, + verticalArrangement = Arrangement.Center + ) { + Text( + text = "Saludapp", + style = MaterialTheme.typography.headlineLarge.copy( + fontWeight = FontWeight.Bold, + fontSize = 40.sp, + color = MaterialTheme.colorScheme.primary + ), + textAlign = TextAlign.Center + ) + + Spacer(modifier = Modifier.height(16.dp)) + + Text( + text = "Tu compañero diario para una vida más saludable.", + style = MaterialTheme.typography.bodyLarge, + textAlign = TextAlign.Center, + color = MaterialTheme.colorScheme.onSurfaceVariant + ) + + Spacer(modifier = Modifier.height(48.dp)) + + Button( + onClick = onStartClick, + modifier = Modifier + .fillMaxWidth() + .height(56.dp) + ) { + Text( + text = "Empezar", + style = MaterialTheme.typography.titleMedium + ) + } + } + } +} + +@Preview(showBackground = true) +@Composable +fun StartScreenPreview() { + SaludappTheme { + StartScreen() + } +}