Menampilkan gambar di dalam aplikasi Android, baik secara langsung maupun melalui script terbilang relatif mudah. Dan untuk melakukannya kita hanya memerlukan sedikit persiapan.
Langkah pertama adalah buatlah sebuah project baru dengan Empty Activity di Android Studio. Kalau lupa caranya silahkan disimak lagi postingan ini: Membuat Project Baru Di Android
Oh ya, karena pada tahap ini sangat penting bagi anda untuk melihat hasil desain pada aplikasi, pastikan project anda tidak mengalami kendala Rendering Problem. Jika anda mengalaminya silahkan selesaikan terlebih dahulu. Artikel ini bisa membantu anda: Cara Memperbaiki Rendering Problems
Setelah itu hapus text Hello World, dan tambahkan widget ImageView ke dalam view. Drag saja langsung.
Atur ukurannya (width & height) misal 300dp x 300dp
Kemudian atur pula posisinya berada di tengah (centerInParent) secara horizontal
Selanjutnya klik kanan pada folder res/drawable dan pilih menu Show In Explorer
Anda akan dibawa ke windows explorer, tepatnya folder drawable yang merupakan sebuah folder yang didedikasikan untuk menyimpan gambar yang bisa diakses oleh aplikasi anda. Jadi?
Pilih beberapa gambar dan masukkan ke dalam folder tersebut. Ukurannya bebas, tidak perlu 300dp x 300dp. Pada contoh ini, gambar yang dimasukkan memiliki nama Android1.jpg dan Android2.jpg.
Kemudian secara otomatis, tampilan pada IDE Android Studio, khususnya folder drawable pun akan berubah. Dua buah file gambar baru telah dikenali secara otomatis.
Selanjutnya cari property src dan klik tombol browse
Pada sidebar pilih folder Drawable dan klik salah satu gambar kemudian klik OK
Sip. Gambarnya sudah keluar. Sampai sini kita sudah dapat menampilkan gambar secara langsung via IDE. Lalu bagaimana kalau menggunakan script?
Tambahkan satu buah Button dari Pallete.
Ganti textnya, misalnya Ganti Gambar
Buka file MainActivity.java dan ketikkan Script berikut:
1: package com.roedavan.hello.appimage;
2: import android.support.v7.app.AppCompatActivity;
3: import android.os.Bundle;
4: import android.view.View;
5: import android.widget.Button;
6: import android.widget.ImageView;
7: public class MainActivity extends AppCompatActivity {
8: @Override
9: protected void onCreate(Bundle savedInstanceState) {
10: super.onCreate(savedInstanceState);
11: setContentView(R.layout.activity_main);
12: Button button = (Button) findViewById(R.id.button);
13: final ImageView imgView = (ImageView) findViewById(R.id.imageView);
14: button.setOnClickListener(new View.OnClickListener() {
15: @Override
16: public void onClick(View v) {
17: imgView.setImageResource(R.drawable.android2);
18: }
19: });
20: }
21: }
Jalankan aplikasi anda dan... error. Loh? Kenapa ya? Hmm, kalau dilihat dari errornya sih kayaknya yang salah bukan scriptnya, tapi penamaan pada file gambar yang tadi kita masukan.Kelihatannya android hanya menyukai nama file dengan format lower case. Jadi ganti saja seluruh nama file gambar yang kita masukkan dengan lower case. Bagi anda yang tidak mengerti lower case - artinya semua file harus dikasih nama dengan menggunakan huruf kecil.
Penamaan file ini akan berdampak pada file-file yang lain, jadi pastikan anda telah memeriksa file serta properties untuk memastikan akses dan penggunaan gambar menggunakan huruf kecil.
Ok. Sekarang tes aplikasi anda kemudian klik tombol Ganti Gambar.
Kalau sukses maka gambar aplikasi seharusnya sudah berubah. Mantaaap. Kalau error, yah... mungkin anda sedang kurang beruntung. :-)
Cara Menampilkan Gambar Di Android Studio Cara Menampilkan Gambar Di Android Studio Cara Menampilkan Gambar Di Android Studio Cara Menampilkan Gambar Di Android Studio Cara Menampilkan Gambar Di Android Studio Cara Menampilkan Gambar Di Android Studio Cara Menampilkan Gambar Di Android Studio
No comments:
Post a Comment