5025221154 Helsa Sriprameswari Putri - Tugas 2 Membuat Aplikasi Hello World

 Membuat Aplikasi Hello World di Android Studio (JetPack Compose)

Github Repository : https://github.com/helsasp/Tugas2_PPB_HelloAndroid.git

Kode : 

 

package com.example.helloandroid

import android.os.Bundle
import androidx.activity.ComponentActivity
import androidx.activity.compose.setContent
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.graphics.Color
import androidx.compose.ui.tooling.preview.Preview
import androidx.compose.ui.unit.sp
import com.example.helloandroid.ui.theme.HelloAndroidTheme

class MainActivity : ComponentActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContent {
            HelloAndroidTheme {
                Surface(
                    modifier = Modifier.fillMaxSize(),
                    color = Color.White
                ) {
                    Greeting("Hello Android!")
                }
            }
        }
    }
}

@Composable
fun Greeting(message: String) {
    Box(
        contentAlignment = Alignment.Center,
        modifier = Modifier.fillMaxSize()
    ) {
        Text(
            text = message,
            fontSize = 24.sp,
            color = Color.Black
        )
    }
}

@Preview(showBackground = true)
@Composable
fun GreetingPreview() {
    HelloAndroidTheme {
        Greeting("Hello Android!")
    }
}

Penjelasan :

Package dan Import

• com.example.helloandroid adalah package utama aplikasi.
• Mengimpor berbagai komponen dari Android dan Jetpack Compose, seperti ComponentActivity, Surface, Text, Box, dan Modifier.

Kelas MainActivity

• MainActivity adalah aktivitas utama yang mewarisi ComponentActivity.
• Dalam metode onCreate, setContent digunakan untuk menampilkan UI dengan tema HelloAndroidTheme.
• Surface digunakan sebagai latar belakang dengan warna putih.
• Memanggil fungsi Greeting untuk menampilkan teks "Hello Android!".

Fungsi Greeting

• Fungsi @Composable yang menampilkan teks dalam Box, diposisikan di tengah layar (Alignment.Center).
• Menggunakan Text dengan ukuran font 24sp dan warna hitam.

Fungsi GreetingPreview

• Berfungsi sebagai preview UI di Android Studio.
• Menampilkan Greeting("Hello Android!") dengan tema yang sama.

Hasil :