Assalamualaikum Wr Wb , Selamat pagi,
hari ini saya akan memosting lagi tentang tutorial membuat aplikasi android
sederhana input dan delete dengan menampilkan list ArrayAdapter, ArrayList dan ListView
di Eclipse.
Berikut tampilannya :
Yuk kita lihat tutorialnya
sebagai berikut ....
1. Pertama buka eclipse nya, dan buatlah project
baru. Disini saya memberikan project dengan nama kontak.
(untuk membuat
project baru, menambah baground, serta letak dari .java dan .xml nya anda dapat
melihatnya disini )
2. Kemudian pada MainActivity.java copaskan sourcenya :
package
org.android.kontak;
import
java.util.ArrayList;
import
android.os.Bundle;
import
android.app.Activity;
import android.view.Menu;
import
android.view.View;
import android.widget.Adapter;
import
android.widget.AdapterView;
import
android.widget.ArrayAdapter;
import
android.widget.Button;
import
android.widget.EditText;
import
android.widget.ListView;
public class MainActivity extends Activity {
ArrayList<String> Nama,Nomor;
ArrayAdapter<String> adapterNama,adapterNomor;
Button btntambah, btnhapus;
EditText editNama, editNomor;
ListView lsNama, lsNomor;
@Override
protected void
onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
btntambah =
(Button)findViewById(R.id.button1);
btnhapus =
(Button)findViewById(R.id.button2);
lsNama =
(ListView)findViewById(R.id.ListView1);
lsNomor =
(ListView)findViewById(R.id.ListView2);
editNama =
(EditText)findViewById(R.id.EditText1);
editNomor =
(EditText)findViewById(R.id.EditText2);
Nama = new
ArrayList<String>();
Nomor = new
ArrayList<String>();
adapterNama = new
ArrayAdapter<String>(this,
android.R.layout.simple_list_item_1,Nama);
adapterNomor = new
ArrayAdapter<String>(this,
android.R.layout.simple_list_item_1,Nomor);
lsNama.setAdapter(adapterNama);
lsNomor.setAdapter(adapterNomor);
btntambah.setOnClickListener(clickButton);
btnhapus.setOnClickListener(clickButton);
lsNama.setOnItemClickListener(clickItem);
lsNomor.setOnItemClickListener(clickItem);
}
int posisiKontak;
View.OnClickListener
clickButton = new
View.OnClickListener() {
@Override
public void onClick(View
v) {
// TODO
Auto-generated method stub
switch (v.getId()) {
case R.id.button1:
Nama.add(editNama.getText().toString());
Nomor.add(editNomor.getText().toString());
break;
case R.id.button2:
Nama.remove(posisiKontak);
Nomor.remove(posisiKontak);
editNama.setText("");
editNomor.setText("");
lsNama.setAdapter(adapterNama);
lsNomor.setAdapter(adapterNomor);
default:
break;
}
}
};
AdapterView.OnItemClickListener clickItem = new
AdapterView.OnItemClickListener() {
public void
onItemClick(AdapterView<?> parent, View view, int position, long id){
posisiKontak=position;
editNama.setText(Nama.get(position));
editNomor.setText(Nomor.get(position));
}
};
}
|
3. Lalu
di activity_main.xml copaskan sourcenya :
<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:background="@drawable/ok4"
android:orientation="vertical"
android:paddingBottom="@dimen/activity_vertical_margin"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
tools:context=".MainActivity"
>
<TextView
android:id="@+id/TextView1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Nama
Kontak"
android:textAppearance="?android:attr/textAppearanceMedium"
/>
<EditText
android:id="@+id/EditText1"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:ems="10"
/>
<TextView
android:id="@+id/TextView2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Nomor
Kontak"
android:textAppearance="?android:attr/textAppearanceMedium"
/>
<EditText
android:id="@+id/EditText2"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:ems="10"
>
<requestFocus />
</EditText>
<Button
android:id="@+id/button1"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="Tambah
Kontak" />
<Button
android:id="@+id/button2"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="Hapus
Kontak" />
<ListView
android:id="@+id/ListView1"
android:layout_width="148dp"
android:layout_height="65dp"
>
</ListView>
<ListView
android:id="@+id/ListView2"
android:layout_width="148dp"
android:layout_height="65dp"
>
</ListView>
</LinearLayout>
|
4. Jika sudah tinggal save aja semuanya, dan
tinggal coba deh.....
selamat mencoba semoga
bermanfaat.
