Langsung ke konten utama

Adaptive Application dengan Flutter

Komentar

Postingan populer dari blog ini

Kalkulator Sederhana

Kalkulator Sederhana Membuat Projek Projek dibuat dengan memilih New Project dan menggunakan Empty Activities, beri nama projek sesuai selera, saya sendiri menggunakan nama MyCalculator dengan minimum SDK API 26 Oreo. Setelah itu klik Finish.  Menyusun Sumber Kode Aplikasi ini sangat sederhana, hanya cukup mengikuti beberapa langkah berikut: Buat variable num1 dan num2 untuk menyimpan nilai input dari user, jangan lupa untuk menambahkan import runtime.* Membuat TextField untuk menerima input dari user dengan mensingkronisasi variabel num1 dan num2 Membentuk operasi perhitungan dengan button dimana pada button menggunakan aktivitas perhitungan apabila diklik. input yang berupa string akan diubah menjadi integer dan dilakukan perhitungan yang sesuai. Hasil perhitungan akan ditampilkan sebagai pop up, hal ini dilakukan dengan Toast.  Hasil Akhir Referensi:  Referensi YT Sumber kode lengkap sebagai berikut:

Happy Birthday Dhiwa!

 Happy Birthday Dhiwa!     Apakah Anda bingung cara memberikan ucapan ulang tahun kepada teman Anda? Apabila iya, ucapan ulang tahun melalui aplikasi android bisa menjadi pilihan. Yuk kita mulai membuat ucapan ulang tahun dengan mengikuti tutorial yang ada ( tutorial ). Hasil Tampilan Sumber Kode

Halaman Login

 Membuat Halaman Login Membuat Projek Baru Klik New Project lalu pilih Empty Activities. Ubah nama projek sesuai keinginan Anda, saya memilih nama MyLogin. Pilih minimum SDK menjadi API 26 ("Oreo"; Android 8.0) . Klik Finish. Mengedit File MainActitivty.kt Menghapus fungsi Greeting dan GreetingPreview serta menghapus MyLoginTheme. Sehingga sumber kode menjadi seperti ini Kita ingin membuat fungsi baru, tetapi menaruhnya pada file yang berbeda. Hal ini dapat dilakukan dengan cara klik kanan pada folder package, lalu new, lalu Kotlin Class/File Pilih tipe file dan beri nama LoginScreen, di sini kita akan mencoba terlebih dahulu memberikan tulisan sembarang. Ubah LoginScreen.kt dengan menambahkan elemen text dan panggil fungsi LoginScreen pada MainActivity.kt. Didapatkan hasil sesuai gambar di bawah ini: Membuat tampilan yang menarik dengan menata setiap elemen. Ubahlah kode LoginScreen.kt menjadi seperti berikut: Hasil ...