Cara Menampilkan Gambar Project Android di Eclipse

Pada bab ini kita menampilkan gambar menggunakan widget ImageView. Seperti apa sih hasilnya nanti? Perhatikan Gambar 4.1 berikut ini

Gambar 4. 2

1. Jalankan Enclipse, buat Project baru (Gambar 4.2).

Gambar 4. 3

2. Isilah parameter seperti berikut

Project name	GambarAndroid
Build Target	Android 2.2
Application name	Menampilkan Gambar
Package name	com.gb
Create Activity	TampilanGambar
Min SDK version	8

3. Bikin folder baru dengan nama drawable di folder /res. Caranya klik kanan folder res > new> folder (Gambar 4.4)

Gambar 4.4. Menambahkan folder baru

4. Copy sebuah gambar PNG atau JPG kemudian paste di dalam folder drawable. Klik kanan folder drawable > paste. Project ini memakai gambar format PNG berukuran (250 x 275) px (Gambar 4.6).

Gambar 4.5. file gambar.png

Gambar 4.6. Hierarki folder /res/drawable

4. Ketikkan kode berikut ini pada layout  main.xml

<?xml version=”1.0” encoding=”utf-8”?> 
     <ImageView xmlns:android=”http://schemas.android.com/apk/res/android”  
     android:id=”@+id/imageView”  
     android:layout_width=”fill_parent”  
  android:layout_height=”fill_parent” 
  android:src=”@drawable/gambar”> 
</ImageView> 

5. Pastikan kode pada tampilanGambar.java seperti berikut

package contoh.tampilanGambar;   
import android.app.Activity; 
import android.os.Bundle; 
public class tampilanGambar extends Activity { 
     /** Called when the activity is first created. */ 
     @Override 
     public void onCreate(Bundle savedInstanceState) { 
         super.onCreate(savedInstanceState); 
         setContentView(R.layout.main); 
     } 
 }   

5. Lakukan RUN dan lihat hasilnya. Mudah bukan?

Penjelasan Program

Perhatikan main.xml, widget ImageVIew memiliki atribut android:src=”@drawable/gambar” . Atribut ini digunakan untuk menunjuk lokasi dimana gambar disimpan, biasanya didalam folder drawable.

Dengan cara ini, kita tidak perlu mengubah barisan kode pada tampilanGambar.java karena secara default memanggil layout XML yang telah kita buat melalui setContentView(R.layout.main).

Sekarang kita akan merubah icon aplikasi sederhana ini tanpa coding. Perhatikan gambar 4.7

Gambar 4. 7. Mengganti icon launcher

Gambar 4. 8. Icon.png

Gambar 4. 9

Siapkan gambar icon.png berukuran 70px x 72 px (gambar 4.8), kemudian paste icon.png ini ke dalam folder res/drawable-lpi. Run aplikasi, sampai disini icon sudah ganti. Kamu juga boleh memasukkan gambar ke folder res/drawablehpi dan res/drawable-mpi. Yuph! Sangat mudah dan Kamu pasti bisa.

Sumber: omayib.com