Subscribe:

Rabu, 10 Juli 2013

Menampilkan Gambar dan Mengganti Icon Aplikasi Android

Ada dua cara untuk menampilkan suatu gambar, menggunakan widget ImageView atau menggunakan ImageButton (dibahas dalam bab 13). Pada bab ini kita menampilkan gambar menggunakan widget ImageView. Seperti apa sih hasilnya nanti? Perhatikan gambar 1.1 berikut ini
image
Gambar 1.1
Berikut adalah langkah-langkahnya:
  1. Jalankan Enclipse, buat Project baru
  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 Menampilkan Gambar/res.  Caranya klik kanan folder res > new> folder (gambar 1.2).
    image
    Gambar 1.2
  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 250px x 275px. (gambar 1.3). Perhatikan susunan package  gambar 1.4.
    image
    Gambar 1.3
    image
    Gambar 1.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/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 seperti gambar 1.1.
  8. Untuk merubah icon Siapkan gambar icon.png berukuran 70px x 72 px, 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.
    image



0 komentar:

Posting Komentar