Compossable - Aplikasi Happy Birthday

Moh. Ilham Fakhri Zamzami 
5025201275 
Kelas PPB B

Membuat Aplikasi Happy Birthday Sederhana

Pada pertemuan minggu ke-3 mata kuliah Pemrograman Perangkat Bergerak, kita membahas tentang Composable. Fungsi Composable adalah elemen dasar dalam membangun UI di Compose. Fungsi ini memiliki beberapa karakteristik penting:

- Menjelaskan bagian-bagian dari UI.

- Tidak menampilkan elemen apapun secara langsung.

- Mengambil input dan menghasilkan elemen yang akan ditampilkan di layar.

Setelah melakukan initial Project dan tidak lupa memilih level API diatas 24 (Nougat) di kolom Minimum SDK, ubah MainActivity.kt seperti dibawah ini:

	package com.ilhamfakhri.happybirthdayfakhri
	import android.os.Bundle
	import androidx.activity.ComponentActivity
	import androidx.activity.compose.setContent
	import androidx.compose.foundation.layout.Column
	import androidx.compose.foundation.layout.fillMaxSize
	import androidx.compose.material3.MaterialTheme
	import androidx.compose.material3.Surface
	import androidx.compose.material3.Text
	import androidx.compose.runtime.Composable
	import androidx.compose.ui.Modifier
	import androidx.compose.ui.tooling.preview.Preview
	import androidx.compose.ui.unit.sp
	import com.ilhamfakhri.happybirthdayfakhri.ui.theme.HappyBirthdayFakhriTheme
	class MainActivity : ComponentActivity() {
	override fun onCreate(savedInstanceState: Bundle?) {
	super.onCreate(savedInstanceState)
	setContent {
	HappyBirthdayFakhriTheme {
	// A surface container using the 'background' color from the theme
	Surface(
	modifier = Modifier.fillMaxSize(),
	color = MaterialTheme.colorScheme.background
	) {
	Greeting(message="Happy Birthday Fakhri!", from="From Ilham")
	}
	}
	}
	}
	}
	@Composable
	fun Greeting(message: String, from: String, modifier: Modifier = Modifier) {
	Column {
	Text(
	text = message,
	fontSize = 100.sp,
	lineHeight = 116.sp,
	)
	Text(
	text = from,
	fontSize = 36.sp,
	)
	}
	}
	@Preview(showBackground = true)
	@Composable
	fun GreetingPreview() {
	HappyBirthdayFakhriTheme {
	Greeting(message="Happy Birthday Fakhri!", from="From Ilham")
	}
	}

view raw MainActivity.kt hosted with ❤ by GitHub

Fungsi GreetingText di atas adalah sebuah composable function dalam framework Jetpack Compose, yang digunakan untuk menampilkan teks ucapan selamat ulang tahun. Fungsi ini mengambil dua parameter string: message, yang merupakan pesan utama ucapan selamat ulang tahun, dan string: from, yang menunjukkan siapa yang memberikan ucapan tersebut. Dalam fungsi ini, dua komponen Text ditempatkan dalam sebuah Column. Komponen Text tersebut akan ditampilkan secara vertikal, di mana pesan utama akan ditampilkan di atas nama pengirim.

Terakhir, kita dapat menjalankan aplikasi. Berikut adalah tampilan aplikasi pada menu preview:

Berikut adalah hasil tangkap layar dari aplikasi diatas: