Membuat Grid View dan List View pada Android

Kali ini saya akan berbagi ilmu, membuat grid view dan list view pada android menggunakan ECLIPSE. Berikut langkahnya :
(Disini saya tidak menjelaskan langkah-langkah bagaimana membuat project baru karena sudah ada pada post yang sebelumnya, namun langsung pada source code)
1. GRID VIEW 
    a. Saya meberi nama project ini gridView
    b. Tampilan design main.xml 

Berikut Source code untuk 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>

    c. Berikut Source Code untuk GridViewActivity.java

package com.gridView;

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 GridViewActivity extends Activity implements OnItemClickListener{

    

    static final String[] TEAMWORK = new String[] {"Anggota Kelompok kami : ", "A11.2011.05945 Dito Aulia Ramadhan", "A11.2011.05922 Intan Putri Rakasiwi", "A11.2011.05851 M. Fajar Alamsyah",

        "A11.2011.05928 A. Fadli Suryo Utomo", "A11.2011.05909 Andronikus Anggoro Lukito"};

TextView text;

GridView grid;

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.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("Anggota yang dipilih adalah " + parent.getItemAtPosition(pos).toString());

    }

}

    d. Berikut tampilan aplikasi setelah di run atau dijalankan 

2. LIST VIEW 

    a. Saya meberi nama project ini listView
    b. Tampilan design main.xml 

Berikut Source code untuk main.xml 

<TextView xmlns:android="http://schemas.android.com/apk/res/android"

    android:layout_width="fill_parent"

    android:layout_height="fill_parent"

    android:padding="10dp"

    android:textSize="20sp" >

</TextView>

    c. Berikut Source Code untuk ListViewActivity.java

package com.listView;

import android.app.ListActivity;

import android.os.Bundle;

import android.view.View;

import android.widget.AdapterView;

import android.widget.ArrayAdapter;

import android.widget.ListView;

import android.widget.TextView;

import android.widget.Toast;

import android.widget.AdapterView.OnItemClickListener;

public class ListViewActivity extends ListActivity {

    static final String[] TEAMWORK = new String[] {"Anggota Kelompok kami :", "Dito Aulia Ramadhan (A11.2011.05945)", "Intan Putri Rakasiwi (A11.2011.05922)", "M. Fajar AlamsyahA11.2011.05851",

        "A. Fadli Suryo Utomo (A11.2011.05928)", "Andronikus Anggoro Lukito (A11.2011.05909)"};

    @Override

    public void onCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);

  

        setListAdapter(new ArrayAdapter<String>(this, R.layout.main,TEAMWORK));

        ListView listView = getListView();

        listView.setTextFilterEnabled(true);

        listView.setOnItemClickListener(new OnItemClickListener() {

            public void onItemClick(AdapterView<?> parent, View view,

                    int position, long id) {

                Toast.makeText(getApplicationContext(),

                ((TextView) view).getText(), Toast.LENGTH_SHORT).show();

            }

        });

    }

}

    d. Berikut tampilan aplikasi setelah di run atau dijalankan 

Sekian post saya mengenai grid view dan list view. Semoga bisa bermanfaat. Terima Kasih