Membuat aplikasi Hello Android

Proyek Hello Android - Jetpack Compose

Proyek ini adalah contoh aplikasi Android paling dasar menggunakan Jetpack Compose. Tujuannya adalah untuk menampilkan tulisan sederhana yaitu Hello Android di layar perangkat.

Struktur Proyek

  • MainActivity.kt → Tempat kode utama yang menjalankan UI
  • Theme.kt → Untuk mengatur tema aplikasi (optional, default saja)
  • AndroidManifest.xml → Mendefinisikan aktivitas awal aplikasi

Kode Lengkap MainActivity

package com.example.helloandroid

import android.os.Bundle
import androidx.activity.ComponentActivity
import androidx.activity.compose.setContent
import androidx.compose.material3.Text
import androidx.compose.material3.MaterialTheme
import androidx.compose.material3.Surface
import androidx.compose.runtime.Composable
import androidx.compose.ui.tooling.preview.Preview
import com.example.helloandroid.ui.theme.HelloAndroidTheme

class MainActivity : ComponentActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContent {
            HelloAndroidTheme {
                Surface(color = MaterialTheme.colorScheme.background) {
                    Greeting()
                }
            }
        }
    }
}

@Composable
fun Greeting() {
    Text(text = "Hello Android")
}

@Preview(showBackground = true)
@Composable
fun DefaultPreview() {
    HelloAndroidTheme {
        Greeting()
    }
}

Penjelasan Kode

  • setContent { ... } → Fungsi untuk memulai UI berbasis Compose.
  • HelloAndroidTheme → Tema bawaan Jetpack Compose yang bisa dikustomisasi.
  • Greeting() → Fungsi yang menampilkan teks "Hello Android" menggunakan komponen Text.
  • @Composable → Anotasi untuk menyatakan bahwa fungsi ini adalah UI Compose.
  • @Preview → Untuk menampilkan pratinjau UI langsung di Android Studio.

Hasil Tampilan

Aplikasi ini akan menampilkan teks seperti ini di layar perangkat:

Hello Android

Tampilan sangat sederhana dan berguna sebagai dasar untuk memulai belajar Jetpack Compose.

Kesimpulan

Proyek "Hello Android" sangat cocok bagi pemula yang ingin memahami dasar dari Jetpack Compose. Dengan hanya beberapa baris kode, kita bisa langsung membuat dan melihat tampilan UI di perangkat Android.

Langkah Selanjutnya

Setelah memahami contoh dasar ini, kamu bisa mulai mempelajari:

  • Mengatur layout seperti Column dan Row
  • Menambahkan Button dan interaksi
  • Menggunakan State untuk membuat UI dinamis
  • Mengatur warna, tema, dan gaya tampilan

https://github.com/Arkandrvesh/PPB



Komentar

Posting Komentar