LAB 2 — Building UIs with Jetpack Compose ========================================== Mobile Application Development | SUZA | Semester II 2025/2026 OBJECTIVES ---------- - Compose Text, Image, Button, Column, Row, Box - Apply Modifiers for size, padding, alignment, color - Load drawable and string resources - Preview composables EXERCISES --------- 1. Greeting Card Create an app that shows a centered card with: - An image (your university logo or a placeholder) - A title: "Welcome to SUZA" - A subtitle: "Mobile Application Development" Use Column with Arrangement.Center and Alignment.CenterHorizontally. 2. Business Card Build a BusinessCard composable that displays: - Circular avatar (use Modifier.clip(CircleShape)) - Your full name (22sp, bold) - Your role/job title (grey text) - A row of 3 icons (email, phone, LinkedIn) each with a label Include an @Preview function. 3. Four-Quadrant Layout Build a screen divided into 4 equal colored quadrants (2 rows x 2 cols). Each quadrant contains a title and a short paragraph. Hint: nested Column + Row with Modifier.weight(1f). 4. Task Card Create a reusable composable: @Composable fun TaskCard(title: String, description: String, priority: String) Render as a Card with coloured left border: - "High" -> Red - "Medium" -> Orange - "Low" -> Green Preview 3 task cards in a Column. 5. Resource Usage - Add strings to res/values/strings.xml (app_name, welcome_title, subtitle) - Use stringResource(R.string.welcome_title) in your composable - Add an image to res/drawable and load with painterResource 6. Material Components Mini Showcase Build a single-screen showcase: - A TopAppBar titled "Components" - A Card - A Button + OutlinedButton + TextButton - A FloatingActionButton (with Icons.Default.Add) Wrap with Scaffold. DELIVERABLES ------------ - One Android Studio project named "ComposeBasicsLab" - Each exercise as its own Composable (plus @Preview) in separate .kt files - Screenshots of each preview - Commit and push to GitHub (repository: "mad-lab02")