Android Najwa - Lanjut dari materi sebelumnya mengenai ListView, Tutorial kali ialah mengenai Cara Membuat GridView Sederhana di Aplikasi Android menggunakan Android Studio. Sebenarnya GridView ini hampir menyerupai ListView akan tetapi tampilannya berbeda, Nah bagi yang belum tahu, mari kita simak penjelasan dari GridView itu.
Pada Tutorial kali ini kita akan membuat sebuah masih mengenai daftar bulan dalam bentuk GridView.
Langkah 4 : Bukalah MainActivity.java lalu edit seperti berikut ini
![]() |
GridView di Android |
Apa itu GridView?
Pengertian GridView
GridView merupakan serangkaian item-item atau daftar yang tersusun secara vertikal dan horizontal yang dapat ditampilkan secara keseluruhan seperti bentuk kotak. Adapun contoh nya seperti Kalender yang anda pakai. Nah didalam GridView ini diisi menggunakan Array ataupun Query Database, sama layaknya dengan ListView. GridView ini banyak dipakai saat kita membuat sebuah project dengan daftar seperti kotak-kotak. Pasti anda tahu bagaimana bentuknya.Pada Tutorial kali ini kita akan membuat sebuah masih mengenai daftar bulan dalam bentuk GridView.
Bagaimana cara membuat GridView ?
Tutorial Cara Membuat GridView di Android
Langkah 1 : Jalankan Android Studio.exe anda seperti biasa, lalu buatlah project baru seperti berikut.
Langkah 2 : Pilih saja Blank Activity lalu klik Next dan Finish
Langkah 3 : Buatlah komponen GridView. GridView terdapat dalam Container. Untuk membuatnya dapat dilakukan dengan “Drag and Drop” dari komponen yang tersedia atau langsung menuliskan script XML.Untuk script XML dapat dituliskan seperti berikut.
- Application Name : GridView
- Package Name : androidnajwa.com
- Minimum Required SDK : API 15 Andorid 4.0.3 (IceCreamSandwich)
![]() |
Buat Project Baru |
![]() |
Add Activity |
Langkah 3 : Buatlah komponen GridView. GridView terdapat dalam Container. Untuk membuatnya dapat dilakukan dengan “Drag and Drop” dari komponen yang tersedia atau langsung menuliskan script XML.Untuk script XML dapat dituliskan seperti berikut.
<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" android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
android:paddingBottom="@dimen/activity_vertical_margin" tools:context=".MainActivity">
<TextView
android:id="@+id/txtJudul"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Daftar Bulan"
android:textSize="30sp" />
<GridView
android:id="@+id/gridView1"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:layout_alignParentRight="true"
android:layout_below="@+id/txtJudul"
android:layout_marginTop="50dp"
android:columnWidth="100dp"
android:horizontalSpacing="20dp"
android:numColumns="auto_fit"
android:stretchMode="columnWidth"
android:verticalSpacing="40dp" >
</GridView>
</RelativeLayout>
Langkah 4 : Bukalah MainActivity.java lalu edit seperti berikut ini
package com.androidnajwa.gridview;Sampai tahap disini sudah selesai. Sekarang lakukan testing, dengan cara menekan Shift+F10.
import android.app.Activity;
import android.os.Bundle;
import android.widget.ArrayAdapter;
import android.widget.GridView;
public class MainActivity extends Activity {
private String[] bulan = {"Januari","Februari","Maret",
"April","Mei","Juni","Juli",
"Agustus","September","Oktober",
"Nopember","Desember"};
private GridView grid1;
private ArrayAdapter<String> adapter;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
grid1 = (GridView) findViewById(R.id.gridView1);
//membuat adapter agar item bulan menempel pada gridview
adapter = new ArrayAdapter<String>(MainActivity.this,
android.R.layout.simple_list_item_1,
bulan);
//menerapkan adapter pada objek grid1
grid1.setAdapter(adapter);
//penggunaan listenernya mirip dengan listener pada listview
}
}
Nah, itulah hasil dari penggunaan GridView yang dalam contoh kali ini adalah daftar bulan.
Gimana? Mudah Bukan? Untuk dikembangkan lagi juga bisa asal anda bisa memahaminya.Demikian Tutorial Cara Membuat GridView di Android Studio. Bila Ada Pertanyaan silakan komentar dihalaman Komentar.Terima Kasih Atas Kunjungan di Android Najwa.
Catatan : Silakan Klik Gambar dibawah ini untuk mendapatkan Password RAR.