Kamis, 03 April 2014

MEMBUAT GRIDVIEW PADA ANDROID

Melanjutkan postingan saya yang mengenai listview, kali ini masih berhubungan dengan tata letak yang bisa kita buat untuk tampilan aplikasi android. "Gridview" adalah saudaranya "listview" karena sama-sama ada viewnya *ngarangnya kejauhan*. Gridview biasanya digunakan untuk gallery foto contohnya pada aplikasi foto instagram dan lain sebagainya. Berikut ini contoh gridview yang kami buat, silahkan disimak

Berikut source codenya 
activity_main.xml
 <LinearLayout 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:orientation="vertical"
    tools:context=".MainActivity" >

<TextView
    android:id="@+id/text"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content" />

<GridView
    android:id="@+id/grid"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:verticalSpacing="35dp"
    android:horizontalSpacing="5dp"
    android:numColumns="auto_fit"
    android:columnWidth="100dp"
    android:stretchMode="columnWidth"
    android:gravity="center"/>
  
</LinearLayout>

MainActivity.java
 package com.example.cobagridview;

import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.widget.AdapterView;
import android.widget.AdapterView.OnItemClickListener;
import android.widget.ArrayAdapter;
import android.widget.GridView;
import android.widget.TextView;

public class MainActivity extends Activity implements OnItemClickListener{
   
    static final String[] TEAMWORK = new String[] { "Kelompok kami adalah", "A11.2011.05934 Burhanudin Yusuf", "A11.2010.05233 Indra Bima Prakoso", "A11.2011.06083 Ferry Anggriawan Susanto",
        "A11.2011.06091 Intan Purnamasari", "A11.2011.06469 Sigit Abdilah"};

TextView text;
GridView grid;

@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);

grid = (GridView)findViewById(R.id.grid);
text = (TextView)findViewById(R.id.text);

ArrayAdapter<String> arrayAdapter = new ArrayAdapter<String>
(this, android.R.layout.simple_list_item_1, TEAMWORK);
grid.setAdapter(arrayAdapter);
grid.setOnItemClickListener(this);
}

public void onItemClick(AdapterView<?> parent, View view, int pos, long id) {
    text.setText("Bagian yang dipilih adalah " + parent.getItemAtPosition(pos).toString());
    }

}

Sedikit penjelasan tentang gridview yaitu data di dalam Array ditampilkan menyesuaikan besar layar. terlihat seperti yang kami buat seperti ada 3 kotak sejajar kemudian dilanjutkan 3 kotak di bawahnya. Susunannya seperti kotak 1, kotak 2, kotak 3, kemudian di bawahnya lagi ada kotak 4, kotak 5, kotak 6 dan seterusnya.

TEST PROGRAM DENGAN GENYMOTION
 

1 komentar:

  1. kalau Gridview dan Listview sendiri memiliki perbedaan apa saja ?

    BalasHapus