Menggunakan Image View pada Pemrograman Android

Pada postingan kali ini kita akan membahas penggunaan Image View pada pemrograman android. seperti namanya, Image View digunakan untuk menampilkan gambar pada layar android kita. ready? oke langsung aja kita buat programnya.

Bagaimana Cara Menggunakan Image View pada Pemrograman Android?

Langkah ke 1:

1. siapkan gambar yang ingin digunakan pada project Image View (disini saya menggunakan gambar dengan        format .jpg 480x480px).

Langkah ke 2:

1. jalankan Eclipse atau IDE lain yang ingin anda gunakan

2. jalankan android emulator

Langkah ke 3:

1. buat project baru dengan nama Image View

2. copy gambar yang telah anda persiapkan sebelumnya

3. paste di folder res/drawable pada project Image View

Langkah ke 4:

1. modifikasi activity_main.xml yang terdapat pada folder res/layout menjadi seperti berikut.

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/LinearLayout1"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context=".MainActivity" >
    
    <ImageView 
        android:src="@drawable/marquez"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:contentDescription="@string/mark"/>

</LinearLayout>

2. simpan perubahan

3. modifikasi strings.xml yang terdapat pada folder res/values menjadi seperti berikut.

<?xml version="1.0" encoding="utf-8"?>
<resources>

    <string name="app_name">Image View</string>
    <string name="action_settings">Settings</string>
    <string name="mark">Mark Marquez</string>

</resources>

4. simpan perubahan

5. pastikan MainActivity.java yang terdapat pada folder src/first.imageview seperti berikut.

package first.imageview;

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

public class MainActivity extends Activity {

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


    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        // Inflate the menu; this adds items to the action bar if it is present.
        getMenuInflater().inflate(R.menu.main, menu);
        return true;
    }
    
}

6. jalankan program dengan cara klik kanan pada project ImageView, pilih Run As - Android Application

Lihat apakah hasilnya sama dengan gambar diatas?