Tugas 2 PPB - Composable text Happy Birthday

Nama : I Gusti Ngurah Ervan Juli Ardana NRP : 5025211205 Kelas : Pemrograman Perangkat Bergerak B Tahun : 2024


Pada pertemuan Kedua kelas Pemrograman Perangkat Bergerak B, kami diperkenalkan dengan Android Studio dengan pengenalan composable text. Pada pertemuan ini, saya akan membuat aplikasi bertema "Happy Birthday" dengan menggunakan composable text di Android Studio.


Happy Birthday Card App dengan Composable Text


  • Step Pembuatan Aplikasi

Berikut Merupakan Langkah langkah dalam pembuatan aplikasi composable text:

  1. Buat Proyek Baru: Buka Android Studio, pilih "Start a new Android Studio project", pilih "Empty Compose Activity",

  2. Struktur Dasar Proyek: Aplikasi ini terdiri dari dua file utama: MainActivity.kt untuk logika utama aplikasi dan strings.xml untuk string yang digunakan dalam aplikasi.


  1. Kelas MainActivity: Lalu saya membuat kelas MainActivity yang merupakan turunan dari ComponentActivity. Di dalam metode onCreate, gunakan fungsi setContent untuk mengatur konten layar menggunakan Jetpack Compose. Terapkan tema aplikasi menggunakan HelloAndroidTheme, gunakan Surface untuk mengatur latar belakang aplikasi, dan panggil fungsi GreetingCard untuk menampilkan kartu ucapan ulang tahun dengan pesan dan pengirim.


  1. Fungsi GreetingCard: Kemudian, saya membuat fungsi GreetingCard yang menerima pesan, pengirim, dan modifier sebagai parameter. Gunakan Column untuk menyusun elemen secara vertikal dengan pengaturan pusat secara horizontal dan vertikal. Lalu, Tambahkan gambar kue ulang tahun menggunakan Image dengan painterResource untuk memuat gambar dari resource, gunakan Text untuk menampilkan pesan ucapan ulang tahun dan pengirim, dan tambahkan Spacer untuk memberikan ruang antara elemen.


  1. Pratinjau Kartu Ucapan: Kemudian saya membuat fungsi BirthdayCardPreview untuk melihat pratinjau kartu ucapan ulang tahun di Android Studio. Saya Gunakan anotasi @Preview untuk mengatur tampilan pratinjau, lalu panggil fungsi GreetingCard dengan contoh pesan dan pengirim.



  1. Kemudian, saya menambahkan beberapa asset gambar untuk mempercantik halaman


  • Hasil

Berikut Merupakan Hasil dalam pembuatan aplikasi composable text:



Link Repository : https://github.com/NgurahErvan/Happy-Birthday-Card---Android


Komentar

Postingan populer dari blog ini

Blog Ervan

Tugas 2 PBKK - Webcam Application

Tugas 1 PPB - Redesign Mobile Application