Sabtu, 10 Desember 2016

Cara Membuat Kontak nomor telepon di eclipse

Halo Sobat" blog MS3W hari ini kita akan membuat tutorial membuat kontak nomor telepon dengan eclipse
1. pertama klik file >  new > android project


2. setelah muncul isi sesuka hati kalian projectnya




3. setelah itu buka src > main activity.java nya dengan koding sperti berikut



package ms3w.android.kontak;

import java.util.ArrayList;

import android.app.Activity;
import android.os.Bundle;
import android.view.View;
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.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));
            }
      };
}

4. setelah itu buka res > layout > 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/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>

hasilnya akan tampil sprti dibawah ini



Nah itulah tutorialnya semoga bermanfaat

Tidak ada komentar:

Posting Komentar