Cara membuat Grid View di Android dengan menggunakan Eclipse

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

Buat proyek baru di Eclipse, pilih File> New> Android Application Project. Isikan rincian dannama 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 keadapter 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"?--> <relativelayoutxmlns: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: