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>
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());
}
}
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
kalau Gridview dan Listview sendiri memiliki perbedaan apa saja ?
BalasHapus