Rabu, 14 Januari 2015

Membuat aplikasi android sederhana input dan delete dengan menampilkan list ArrayAdapter, ArrayList dan ListView di Eclipse

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.

0 komentar:

Posting Komentar

 
Copyright © 2012. axsaner - Posts · Comments
Theme Template by BTDesigner · Powered by Blogger