Tutorial Android 4 - Menampilkan Gambar dan Menampilkan Icon di menu

Ada dua cara untuk menampilkan suatu gambar, menggunakan widget ImageView atau menggunakan ImageButton. Pada latihan ini kita menampilkan gambar menggunakan widget ImageView. Seperti apa sih hasilnya nanti? Perhatikan gambar 4.1 berikut ini.

Gambar 4.1

Kita mulai dengan cara yang sederhana.

Jalankan Enclipse, buat Project baru (Gambar 4.2)

Gambar 4.2

Isilah parameter seperti berikut :

Project name	MenampilkanGambar
Contents	Create new project in workspace
Build Target	Android 4.3
Application name	MenampilkanGambar
Package name	contoh.tampilkangambar
Create Activity	TampilanGambar
Min SDK version	API 8

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

Gambar 4.3

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 4.4). Perhatikan susunan package Gambar 4.5.

Gambar 4.4.

Gambar 4.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/ubudiyah" > </ImageView>

Pastikan kode pada tampilanGambar.java seperti berikut

package contoh.menampilkangambar;

import android.os.Bundle;
import android.app.Activity;
import android.view.Menu;

public class MainActivity extends Activity {

 @Override
 public void onCreate(Bundle savedInstanceState){ 
  super.onCreate(savedInstanceState); 
  setContentView(R.layout.main); 
  
 }
}