HOT  Android

Membuat User Interface Metode Pembayaran - Android

Buat yang baru mengenal tentang aplikasi android mungkin agak sedikit kesulitan dalam membuat sebuah user interface. Seperti saya dulu yang bergelut di web based giliran mencoba membuat sebuah aplikasi dengan android studio banyak sekali perbedaannya. Di aplikasi web mungkin banyak framework yang mampu membaut tampilan menjadi lebih user friendly contohnya dengan menggunakan bootstrap dan framework-framework lainnya. Tetapi untuk aplikasi android kita harus mengetahui terlebih dahulu material design yang disediakan oleh android studio itu sendiri.

Contohnya pertama dalam membuat sebuah layout aplikasi android kita harus mengenal yang namanya RelativeLayout,

Baca : Tutorial Membuat RelativeLayout - Android

@razornez +1 follow yak biar bisa add link blog di story.

Sebagian dari kalian pernah membuat sebuah aplikasi online shop atau pernah belanja online menggunakan aplikasi contohnya bukalapak, tokopedia, dsb ?. dan  setelah proses checkout  akan ada halaman untuk memilih jenis metode pembayaran. Nah kali ini user interface itulah yang akan saya  bagikan. 

ada 2 file yang dibuat yaitu di java dan xml:

untuk file xml nya :

dan ini untuk file java nya : 

file java ini berfungsi untuk membuat sebuah function collapseable / expand, dimana function tersebut berguna agar ketika kita klik list jenis pembayaran maka akan ada dropdown sub item dari list tersebut. 

Setelah di compile maka hasilnya kurang  lebih seperti berikut ini :

terima kasih dan selamat mencoba guys, kalau masih bingung tanyakan aja di bawah atau di instagram saya...

Download sourcode : Checkout payment layout (gdrive)  |  Mirror link (github)

link terakhir diperbaiki - 16 sept 2020

Iwan Kurniawan

To be honest this is not my hobby, but i love it.

Related Posts

Responses (3)

Write a response
  1. Profile Picture

    Iwan Kurniawan

    oke sekarang saya jadi paham :D

    1. Profile Picture

      ateng

      gimana gan ajarin

  2. Profile Picture

    roro kulon

    kok we error ya ? bantuin gan

  3. Profile Picture

    jakson f ciamis

    its works !!, thankss