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);
}
}
6. 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
