MIT App - Cara Menampilkan dan Menyembunyikan Gambar Dengan Klik Tombol

Tutorial membuat aplikasi android di MIT App Investor 2 (AI2) - menampilkan dan menyembunyikan gambar saat tombol diklik

Tutorial Membuat Aplikasi Android di MIT App Investor 2 (AI2) - Pelangi Blog

Membuat aplikasi android memang terbilang cukup sulit, pasalnya tidak semua orang memiliki keahlian koding. Namun, jika kamu memiliki minat besar untuk membuat aplikasi android meskipun harus memulai dasar koding dari nol, rasanya hal itu bukanlah sesuatu yang mustahil. Tentu saja karena kamu akan menemukan banyak sekali tutorial di internet. Ya, yang kamu butuhkan hanya minat, ketekunan, dan semangat.

Namun, kebanyakan tutorial yang ada di internet hanya memberikan pembelajaran untuk membuat aplikasi andrid sederhana. Tentu saja kamu perlu menemukan guru ahli agar kamu bisa mengembangkan bakatmu dalam membuat aplikasi android.

Nah, pada kesempatan kali ini, saya pun akan menyajikan sedikit tentang dasar-dasar membuat aplikasi android di MIT App Investor 2 (AI2), setelah beberapa tutorial yang saya bagikan di beberapa posting sebelumnya. Yaitu, menampilkan dan menyembunyikan gambar ketika tombol diklik.

Secara garis besar, tutorial yang akan saya bagikan ini memungkinkan kamu bisa menampilkan gambar ketika tombol “SHOW” diklik, kemudian menyembunyikan gambar ketikan tombol “HIDDEN” diklik. Memang cukup mudah, tetapi kamu perlu mengetahui komponen apa saja yang harus kamu gunakan sebagai berikut ini :


Komponen Yang Digunakan Pada Halaman Designer :
1. Gunakan Komponen Layout Pada Halaman User Interface
Sebenarnya, saya di sini mengakali dengan menggunakan komponen layout ini agar gambar tidak menyusut komponen lain seperti tombol tidak bergeser karena gambar disembunyikan. Kamu bisa menggunakan Layaout HorizontalArragement, HorizontalScrollArragement, atau lainnya.

2. Gunakan Komponen Image Pada Halaman User Interface
Tentu saja karena saya di sini menyiapkan gambar yang nantinya akan ditampilkan atau disembunyikan. Pada tutorial ini, komponen Image saya beri nama “MyImg” misalnya, kamu bisa mengganti sesukamu.

3. Gunakan 2 Komponen Button Pada Halaman User Interface
Di sini, saya membuat 2 komponen button yang saya beri nama “BtnShow” dan “BtnHidden”. Tombol “BtnShow” berfungsi untuk menampilkan gambar saat diklik, sedangkan tombol “BtnHidden” berfungsi menyembunyikan gambar saat diklik. Untuk lebih jelasnya silahkan lihat gambar berikut :


MIT App - Cara Menampilkan dan Menyembunyikan Gambar Dengan Klik Tombol

Mengatur Halaman Block
Setelah semua kompnen sudah dibuat pada halaman designer, maka saya perlu mengatur kombinasi dari setiap komponen agar berfungsi. Untuk pengaturan halaman block di sini tidak akan saya ulas banyak karena akan menyita banyak kata, jadi silahkan lihat kombinasinya pada gambar di bawah ini:

Cara Menampilkan dan Menyembunyikan Gambar Dengan Klik Tombol

Nah, tentu saja dari semua penjelasan di atas akan sangat membingungkan. Jadi, agar lebih jelasnya, silahkan tonton tutorial menampilkan dan menyembunyikan gambar di MIT App Invesrtor berikut ini:

COMMENTS

Nama

Bisnis Online,19,Blogging,88,Doa-doa,35,Elektronik,49,Fiqih,19,Gaming,15,Inspirasi,52,Internet,82,Keluarga,27,Kisah teladan,45,Life,90,Pekerjaan,9,Pendidikan,24,Relationship,25,Religi,49,Tajwid,29,Tips,42,Tutorial Blog,82,
ltr
item
Pelangi Blog: MIT App - Cara Menampilkan dan Menyembunyikan Gambar Dengan Klik Tombol
MIT App - Cara Menampilkan dan Menyembunyikan Gambar Dengan Klik Tombol
Tutorial membuat aplikasi android di MIT App Investor 2 (AI2) - menampilkan dan menyembunyikan gambar saat tombol diklik
https://2.bp.blogspot.com/-wKH6cw3b4Jo/WbK0a4TB7_I/AAAAAAAAEVw/hRObWRjgguIDqe55SRaRh6C9gz_pdwN8wCPcBGAYYCw/s640/Apa%2BItu%2BMIT%2BApp%2BInvestor%2B2%2B%2528A12%2529%2B%2BApa%2BManfaatnya.jpg
https://2.bp.blogspot.com/-wKH6cw3b4Jo/WbK0a4TB7_I/AAAAAAAAEVw/hRObWRjgguIDqe55SRaRh6C9gz_pdwN8wCPcBGAYYCw/s72-c/Apa%2BItu%2BMIT%2BApp%2BInvestor%2B2%2B%2528A12%2529%2B%2BApa%2BManfaatnya.jpg
Pelangi Blog
https://www.pelangiblog.com/2017/10/mit-app-cara-menampilkan-dan.html
https://www.pelangiblog.com/
https://www.pelangiblog.com/
https://www.pelangiblog.com/2017/10/mit-app-cara-menampilkan-dan.html
true
6152984874501812302
UTF-8
Loaded All Posts Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS CONTENT IS PREMIUM Please share to unlock Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy