Pertemuan 2 - Aplikasi Hello Android
Pertemuan 2 - Aplikasi Hello Android
Nama : Armadya Hermawan Sarwono
NRP : 5025211243
Kelas : PPB - A
Pembuatan aplikasi ini akan menggunakan turtorial Creating Your First Jetpack Compose App - Android Jetpack Compose - Part 1.
1. Package dan Import
File ini berada di package com.example.tugas2_aplikasihelloandroid.
Import–import yang dipakai:
-
ComponentActivity – Activity dasar untuk aplikasi Jetpack Compose.
-
setContent – Menentukan isi antarmuka Compose.
-
enableEdgeToEdge – Mengaktifkan tampilan layar penuh hingga tepian.
-
Scaffold – Kerangka tata letak Material 3.
-
Text – Komponen teks.
-
Modifier – Alat styling dan pengaturan layout.
-
Preview – Menampilkan pratinjau UI langsung di Android Studio.
2. MainActivity (Activity Utama)
MainActivity mewarisi ComponentActivity.
-
onCreate dipanggil saat Activity dibentuk pertama kali.
-
enableEdgeToEdge() membuat konten merentang seluruh layar.
-
setContent { … } memuat UI Jetpack Compose.
-
Di dalamnya, tema Tugas2AplikasiHelloAndroidTheme diaplikasikan.
-
Scaffold dengan Modifier.fillMaxSize() menjadi wadah tata letak, lalu memanggil Greeting("Android") untuk menampilkan teks sapaan.
MainActivity mewarisi ComponentActivity.
-
onCreate dipanggil saat Activity dibentuk pertama kali.
-
enableEdgeToEdge()membuat konten merentang seluruh layar. -
setContent { … }memuat UI Jetpack Compose. -
Di dalamnya, tema
Tugas2AplikasiHelloAndroidThemediaplikasikan. -
Scaffold dengan
Modifier.fillMaxSize()menjadi wadah tata letak, lalu memanggilGreeting("Android")untuk menampilkan teks sapaan.
3. Greeting (Fungsi Composable)
Ditandai anotasi @Composable sebagai fungsi UI.
-
Parameter name akan disisipkan ke teks.
-
Text("Hello $name!", modifier) menampilkan sapaan dinamis.
Ditandai anotasi @Composable sebagai fungsi UI.
-
Parameter
nameakan disisipkan ke teks. -
Text("Hello $name!", modifier)menampilkan sapaan dinamis.
4. GreetingPreview (Pratinjau di IDE)
Anotasi @Preview(showBackground = true) memungkinkan tampilan langsung di panel preview Android Studio.
Fungsi ini menggunakan tema aplikasi yang sama dan memanggil Greeting("Android"), sehingga developer bisa melihat hasil tanpa menjalankan emulator.
Anotasi @Preview(showBackground = true) memungkinkan tampilan langsung di panel preview Android Studio.
Fungsi ini menggunakan tema aplikasi yang sama dan memanggil Greeting("Android"), sehingga developer bisa melihat hasil tanpa menjalankan emulator.
Comments
Post a Comment