Tutorial Membuat Tampilan Aplikasi Grab Di Android Studio| payment page

1 min read

hallo semua kembali lagi di tutorial programming infotechku, kali ini kita akan melanjutkan tutorial sebelumnya yaitu membuat aplikasi tampilan grab pada payment page di android studio, di sebelumnya kalian telah belajar membuat menu home page dan kali ini kita akan melanjutnya nya dengan membuat menu payment pada fragment payment, maka dari itu ikuti baik-baik semua tutorialnya agar kalian bisa membuatnya. Jangan lupa untuk ikuti update tutoral di infotech.

ScreenShoot Apps tampilan payment fragment

tutorial membuat payment page seperti aplikasi grab

oke langsung saja siapkan leptop kalian dan buka projek kemarin yang telah kalian ikuti di tutorial sebelumnya yaitu membuat tampilan aplikasi grab pada homepage, setelah dibuka kalian selanjutnya ikuti langkah berikut

  1. Buat item untuk recent activity di payment fragment nya seperti berikut codenya

jika sudah di buat item layout dari recyclerview yang ada di fragment paymentnya, maka selanjutnya kita akan layouting fragment payment nya, pertama jadikan viewgroup utama dari contrainslayout menjadi linear layout, lalu jika sudah kita akan menambahkan toolbar pada payment nya makan tambahkan code seperti berikut pada payment fragment nya

Jika toolbar diatas telah kalian tambahkan langkah selanjutnya tambahkan nestedscrolview setelah toolbar karena agar bisa kita scrol yang ada di payment page tersebut maka code akan menjadi seperti berikut

jika sudah kita akan membuat seperti berikut di dalam nestedscrolview nya,

sebelumnya buat terlebih dahulu contrains layout didalam nested scrol view nya dan didalam contrains layut kita akan membuat seperti yang di atas ini. Maka code dari layout diatas akan seperti berikut

langkah selanjutnya kita akan membuat ini

tambahkan code berikut untuk membuat layout seperti diatas

maka keseluruhan code dari fragment payment akan menjadi seperti berikut dan langkah selanjutnya kita tinggal mengimplementasikan recyclerview recent activity

untuk mengimplementasikan recyclerview kita membutuhkan model untuk item yang telah kita buat pertama kali, makam model nya bernama recent dan code nya seperti berikut


jika sudah, yah langkah selanjutnya seperti biasa kita membuat adapter untuk set data dari recyclerview nya, data yang kita muat masih manual maka adapternya akan menjadi seperti ini

sudah selesai kalian buat rv nya, maka kita akan rubah fragment payment akan menjadi seperti berikut yah

sudah selesai akhirnya kalian telah mengikuri tutorial ini dengan baik, dan kalian jalankan aplikasi tersebut dengan projek sebelumnya maka akan jadi dengan semestinya apbial telah mengiktui dg baik, dan jika terdapat error kalian bisa tanyakan di kolom komentar dibawah, mari kita belajar bersama – sama agar menjadi bisa.

Penutup

Alhamdullillah tutorial kali ini telah selesai semoga yang kalian kerjakan dengan baik akan menghasilkan aplikasi yang maksimal juga, Semoga bermanfaat tutorialnya bagi kalian yah. Jangan lupa di share ke teman-teman atau socialmedia kalian agar tahu. Kalian bisa request tutorial dan jangan lupa berkunjung keartikel tutorial-tutorial lainya yah teman-teman semua.

Note

repository projek ini akan dipublic setelah tutorial nya selesai semua jadi ikuti terus tutorial-tutorial dari kami agar kita bisa terus semangat dalam membuat tutorialnya. Sekian terimakasih semua.

Leave a Reply

Your email address will not be published. Required fields are marked *