Sharing Knowledge

« Date and Time Picker | Main | Create a Bar in... »
Sunday May 16, 2010

List View dan Spinner View di Android

User Interface (UI) Android yang lain adalah List View dan Spinner View. Keduanya merupakan kategori List View. Untuk lebih jelasnya let's go to our coding  ^_^

1. List View
List View berfungsi  menampilkan list item. Jika panjang list melebihi panjang screen atau layar, maka akan mucul ScrollBar vertikal di bagian kanan.

Untuk membuat list view ini kita langsung coding di kelas java nya, jadi yang di file xml biarkan default.
Buat code di listView.java . List View ini akan menampilkan daftar List Item (lihat gambar )

package com.android.listView;

import android.app.ListActivity;

import android.os.Bundle;

import android.widget.ArrayAdapter;

import android.widget.ListAdapter;


public class listView extends ListActivity {

ListActivity getListView = null;

/** Called when the activity is first created. */

@Override

public void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

final String[] Contacts = new String[]

{"Add Contact","View Contact","Edit Contact","Search Contact","Delete Contact" };

setListAdapter((ListAdapter) new ArrayAdapter<String>(this,

android.R.layout.simple_list_item_1, Contacts));

getListView().setTextFilterEnabled(true);

}

}

Hasilnya akan tampil seperti gambar dibawah ini



       Gambar 1 List View

2. Spinner view
Spinner view menampilkan beberapa item yang memungkinkan pengguna untuk memilih salah satu dari item tersebut.

Tambahkan elemen berikut di file xml folder res / layout, misal spinner.xml

<?xml version="1.0" encoding="utf-8"?>

<LinearLayout

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

android:orientation="vertical"

android:layout_width="fill_parent"

android:layout_height="fill_parent"

>

<TextView

android:id="@+id/selection"

android:layout_width="fill_parent"

android:layout_height="wrap_content"

/>

<Spinner android:id="@+id/spinner"

android:layout_width="fill_parent"

android:layout_height="wrap_content"

android:drawSelectorOnTop="true"

/>

</LinearLayout>

Buat kode programnya di kelas SpinnerView.java


package com.android.listView;

import android.app.ListActivity;

import android.os.Bundle;

import android.widget.ArrayAdapter;

import android.widget.ListAdapter;

public class listView extends ListActivity {

ListActivity getListView = null;

/** Called when the activity is first created. */

@Override

public void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

final String[] Contacts = new String[]

{"Add Contact","View Contact","Edit Contact","Search Contact","Delete Contact" };

setListAdapter((ListAdapter) new ArrayAdapter<String>(this,

android.R.layout.simple_list_item_1, Contacts));

getListView().setTextFilterEnabled(true);

}

}

// untuk menampilkan daftar item

TextView selection;

String[] items={"Rekayasa Perangkat Lunak", "Teknik Komputer Jaringan", "Multimedia", "Teknik Pembangkit Listrik","Teknik Elektro", "Teknik Permesinan", "Teknik Las", "Otomotif Sepeda", "Otomotif Mobil", "Manajemen Niaga", "Akuntansi","Tata Busana", "Tata Boga", "Perhotelan", "Tata Rias"};

@Override

public void onCreate(Bundle icicle) {

super.onCreate(icicle);

setContentView(R.layout.spinner);

// untuk memanggil id selection dan spinner dari file xml

selection=(TextView)findViewById(R.id.selection);

Spinner spin=(Spinner)findViewById(R.id.spinner);

spin.setOnItemSelectedListener(this);


// untuk menampilkan daftar item

ArrayAdapter<String> aa=new ArrayAdapter<String>(this, android.R.layout.simple_spinner_item, items);

aa.setDropDownViewResource(

android.R.layout.simple_spinner_dropdown_item);

spin.setAdapter(aa);

}

public void onItemSelected(AdapterView<?> parent,View v, int position, long id) {

selection.setText(items[position]);

}

public void onNothingSelected(AdapterView<?> parent) {

selection.setText("");

}

}



      Gambar 5 Spinner View

Ketika button spinner di tekan akan tampil beberapa list dan anda bisa memilih salah satu dari item tersebut.

 

_netoya_

Comments:

Post a Comment:
  • HTML Syntax: Allowed