Cara Membuat Swipe View Di Android - Swipe View Merupakan tampilan pada applikasi android yang mengizinkan user untuk berpindah ke halaman selanjutnya atau sebelumnya pada sebuah applikasi dengan cara menggesernya. Silahkan lihat demonya pada video berikut :
Dalam membuat Swipe View ini kita akan menggunakan "View Pager". View Pager ini tersedia di android API 11 keatas. Jika anda ingin menggunakan View Pager dibawah API 11 anda harus menginstall "Android Support Library". Android Support Library dapat anda install melalui SDK Manager. Oke langsung saja berikut langkah-langkah Membuat Swipe View Di Android :
1. Membuat Project Baru
Silahkan buat project baru melalui menu File >> New >> Android Application Project. Pada tutorial ini saya membuat project seperti berikut :
2. Membuat Beberapa File Layout
Pada tutorial ini saya membuat file layout sebanyak 4 layout dengan nama halaman1, halaman2, halaman3 dan halaman4. Buat file layout dengan cara Klik Kanan Pada Folder Layout >> New >> Android XML File. Sehingga terlihat seperti berikut :
Setelah itu, edit file String yang terdapat pada directory values >> string.xml menjadi seperti berikut :
kemudian ketik source code berikut pada setiap file layout halaman :
- halaman1.xml
- halaman2.xml
- halaman3.xml
- halaman4.xml
3. Edit file activity_main.xml
Setelah itu edit file layout activity_main.xml menjadi seperti berikut :
4. Membuat Class Custom Pager Adapter
pada langkah ketiga ini, silahkan anda buat class baru di package anda yang berada di folder src dengan cara Klik Kanan >> New >> Class. Beri nama class "CustomPagerAdapater". Kemudian ketikan source code berikut :
5. Edit File MainActivity.class
Langkah ini merupakan langkah yang terakhir. Silahkan anda edit file MainActivity.class menjadi seperti berikut :
Kalau sudah selesai, silahkan jalankan applikasi yang sudah anda buat dan lihat hasilnya.
Sekian dulu tutorial android tentang Cara Membuat Swipe View Di Android. Jika terdapat keslahan saya mohon maaf dan mohon kritik dan sarannya. Terima Kasih.
Download Source Code DISINI
Download Source Code DISINI
Izin nyimak si,
ReplyDeleteCocok nih buat q yang lagi belajar.
Lanjutkan sharenya....
digtunggu kelanjutannya.....
Silahkan. semoga bermanfaat
Delete