Friday, November 2, 2018

Cara Menciptakan Button Spoiler(Show/Hide) Text Dan Gambar Android

Jika kalian sering ,atau pernah melihat thread-thread yang ada di Kaskus ,atau forum-forum lain di Internet. Pasti kalian sering menemukan ,text dan gambar dan yang di spoiler. Yang perlu kalian ketahui ,salah satu kegunaan dari spoiler ini ,agar pengunjung thread di forum, dapat meload halaman lebih cepat ,dan mengurangi kemungkinan konsumsi kuota Internet yang berlebihan. Nah pada tutorial berguru android kali ini ,kita akan mencoba menerapkan fungsi dari spoiler ,yang biasa kita temui ,di banyak Situs Web di Internet, ke dalam Aplikasi Android. Yuk ,mari kita kembangkan.


dan mengurangi kemungkinan konsumsi kuota Internet yang berlebihan Cara Membuat Button Spoiler(Show/Hide) Text dan Gambar Android



Makara disini kita akan ,Menyembunyikan (Hide) dan Menampilkan(Show) ,atau dapat disebut spoiler dari TextView dan ImageView, dengan memakai ToggleButton.



1. Pertama kali ,yang harus kalian siapkan ,pastinya gambar yang dapat kalian simpan di folder drawable.

2. Lalu ,buat project gres atau yang sudah ada di Android Studio.


3. Pada layout activity_main.xml , kalian dapat terapkan code berikut:





4. Pada MainActivity.java ,ada 3 method yang perlu kalian ingat dan ketahui , jikalau kalian ingin menampilkan dan menyembunyikan View,pada Aplikasi Android. Yaitu:


  • setVisibility(View.INVISIBLE);
        Digunakan untuk menyembunyikan sebuah View.
       Tapi masih menyimpan space atau area.

  • setVisibility(View.VISIBLE);
       Digunakan untuk menampilkan sebuah View


  • setVisibility(View.GONE);
        Digunakan untuk menghilangkan sebuah View.
       Serta tidak lagi mengambil space atau area.


Tapi ,sebagai referensi disini aku hanya memakai kedua method ,jadi kalian dapat kembangkan lagi nantinya.

MainActivity.java



5. Hasil dari Contoh Aplikasinya ,kalian dapat lihat pada gambar dibawah:


dan mengurangi kemungkinan konsumsi kuota Internet yang berlebihan Cara Membuat Button Spoiler(Show/Hide) Text dan Gambar Android
Contoh Hasil Aplikasi


EmoticonEmoticon