Tutorial Cara Membuat GridView Sederhana di Android Studio

shares

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.
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.

  • Application Name : GridView
  • Package Name : androidnajwa.com
  • Minimum Required SDK : API 15 Andorid 4.0.3 (IceCreamSandwich)
Buat Project Baru

Langkah 2 :  Pilih saja Blank Activity lalu klik Next dan Finish
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;

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
}

}
Sampai tahap disini sudah selesai. Sekarang lakukan testing, dengan cara menekan Shift+F10.

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.

Related Posts

0 komentar:

Posting Komentar