Tutorial Android Cara Menampilkan Gambar Dan Mengganti Icon di Eclipse

Halo... Kali ini saya akan memberi tau anda cara menampilkan gambar dan mengganti icon di eclipse oke lansung saja kita mulai...,Ada dua cara untuk menampilkan suatu gambar, menggunakan widget ImageView atau menggunakan ImageButton. Pada artikel ini kita menampilkan gambar menggunakan widget ImageView. Seperti apa sih hasilnya nanti? Perhatikan gambar 3.1 berikut ini

Gambar 3.1

Kita mulai dengan cara yang sederhana.
1. Jalankan Enclipse, buat Project baru (gambar 3.2).

Gambar 3.2

2. Isilah parameter seperti berikut

Project name : MenampilkanGambar 

Contents : Create new project in workspace
Build Target : Android 2.1 

Application name : Menampilkan Gambar
Package name : Contoh.tampilanGambar 

Create Activity : tampilanGambar
Min SDK version : 7

3. Bikin folder baru dengan nama drawable di MenampilkanGambar/res. Caranya klik kanan folder res > new> folder (gambar 3.3).

Gambar 3.3

4. Lakukan copy-paste sebuah gambar PNG atau JPG ke dalam folder drawable. Klik kanan folder drawable > paste. Latihan ini memakai gambar format PNG berukuran 250pxx275px. (gambar 3.4). Perhatikan susunan package gambar 3.5.

Gambar 3.4

Gambar 3.5

5. 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>

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

7. Lakukan RUN dan lihat hasilnya maka akan keluar seperti gambar 3.1. Mudah bukan??

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

Gambar 3.6

Gambar 3.7  icon.png

Gambar 3.8

Siapkan gambar icon.png berukuran 70px x 72 px (gambar 3.7), kemudian paste icon.png ini ke dalam folder res/drawable-lpi. Run aplikasi, sampai disini icon sudah ganti. Anda juga boleh memasukkan gambar ke folder res/drawable-hpi dan res/drawable-mpi.

oke artikel kali sudah selasai mudah bangetkan menampilkan Gambar dan mengganti icon? Baca Artikel saya yang lainnya ya, Bila ada pertanyaan dan masukan segala macam, silakan Komentar Terima Kasih :D