Tugas 7 Membuat Aplikasi Login Page Sederhana
Faiz haq noviandra ciptadi putra
5025211132
PPB-D
Tugas 7
Membuat Halaman Login
Struktur Umum
Komponen utama:
LoginScreen
ditampilkan di dalamBox
.Box
: digunakan agar bisa menempatkanCard
(form login) di tengah layar dengan latar gradient.Card
: digunakan untuk memberi efek melayang (elevation) pada form agar terlihat bersih dan rapi.UI sudah responsif dan modern dengan
Jetpack Compose
.
Background Gradient
Mengatur latar belakang layar dengan warna gradient vertikal ungu ke biru muda.
Menambah nuansa elegan dan modern.
Form Login dalam Card
Card
membungkus form login agar terlihat seperti kartu melayang, terpisah dari latar belakang.RoundedCornerShape
memperhalus sudutnya.
Gambar Ikon Login
Menampilkan ikon masuk (login) di atas form.
File gambar
enter.png
harus ada dires/drawable
.
Email dan Password
Input email dan password dengan desain border outline.
Password disembunyikan dengan
PasswordVisualTransformation()
.
Tombol Login
Tombol utama berwarna ungu tua.
Tinggi 50dp agar terasa tombol besar & tegas.
"Forgot Password?"
Teks tombol yang ringan, bisa diarahkan ke halaman lupa password nanti.
Login via Sosial Media
Tiga ikon media sosial ditampilkan sebagai tombol.
Jika ingin berfungsi, kamu bisa tambahkan
onClick = { handleFacebookLogin() }
dan seterusnya.
Catatan Tambahan
Semua file gambar (
enter.png
,facebook.png
,google.png
,github.png
) harus ada di folderres/drawable
.Jika tidak ada, akan muncul error
Unresolved reference: facebook
, dll.Gunakan format
.png
dan nama file huruf kecil tanpa spasi.
Preview
Untuk menampilkan preview di Android Studio tanpa menjalankan emulator.
Komentar
Posting Komentar