Pertemuan 5, Cara membuat Grid View di Android dengan menggunakan Eclipse, 23 November 2014

Dalam tutorial ini, kita akan belajar cara membuat GridView sederhana dalam aplikasi Android. GridView memungkinkan Anda untuk menampilkan gambar dalam bentuk kotak vertikal. Kami akan membuat GridView dan pada GridView jika di klik akan menampilkan gambar yang dipilih pada aktivitas baru. Jadi mari kita mulai ...

Buat proyek baru di Eclipse, pilih File> New> Android Application Project. Isikan rincian dan nama GridViewTutorial pada proyek Anda.

Nama Aplikasi: GridViewTutorial
Nama Proyek: GridViewTutorial
Paket Nama: com.androidbegin.gridviewtutorial

Buka MainActivity.java Anda dan paste kode berikut.

MainActivity.java

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53

package com.androidbegin.gridviewtutorial;    import android.os.Bundle; import android.app.Activity; import android.content.Intent; import android.view.Menu; import android.widget.AdapterView; import android.widget.AdapterView.OnItemClickListener; import android.widget.GridView; import android.widget.Toast; import android.view.View;    public class MainActivity extends Activity {        @Override     public void onCreate(Bundle savedInstanceState) {         super.onCreate(savedInstanceState);         // Get the view from gridview_main.xml         setContentView(R.layout.gridview_main);            // Locate GridView in listview_main.xml         GridView gridview = (GridView) findViewById(R.id.gridview);            // Set the ImageAdapter into GridView Adapter         gridview.setAdapter(new ImageAdapter(this));            // Capture GridView item click         gridview.setOnItemClickListener(new OnItemClickListener() {             public void onItemClick(AdapterView parent, View v,                     int position, long id) {                    // Launch ViewImage.java using intent                 Intent i = new Intent(MainActivity.this, ViewImage.class);                    // Show the item position using toast                 Toast.makeText(MainActivity.this, "Position " + position,                         Toast.LENGTH_SHORT).show();                    // Send captured position to ViewImage.java                 i.putExtra("id", position);                    // Start ViewImage.java                 startActivity(i);             }         });     }        @Override     public boolean onCreateOptionsMenu(Menu menu) {         getMenuInflater().inflate(R.menu.activity_grid_view, menu);         return true;     } }

Activity ini mengambil gambar dari kelas ImageAdapter.java dan menghubungkan ke adapter GridView. Pada GridView jika Item klik, akan menampilkan aktivitas baru yang disebut kelas ViewImage.java. Kemudian toast message akan menunjukkan posisi saat ini dari GridView saat di klik.

Sekarang mari kita buat sebuah file XML untuk GridView untuk Layoutnya. Pergi ke res> layout> Klik kanan pada layout> New> Android XML file

Beri nama file XML dengan gridview_main.xml dan paste kode berikut.

gridview_main.xml
 

?

1 2 3 4 5 6

<!--?xml version="1.0" encoding="utf-8"?--> <relativelayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent">        <imageview android:id="@+id/image" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_centerinparent="true">    </imageview></relativelayout>

 Output: