Pt5, membuat Grid View di Android menggunakan Eclipse, 4 desember 2014

pada pertemuan ini kita akan 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 project 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(newOnItemClickListener() {             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 adapterGridView. Pada GridView jika Item klik, akan menampilkan aktivitas baru yang disebut kelasViewImage.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: