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
- 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.