Minggu, 10 November 2013

TUTORIAL MEMBUAT CHECKBOX DAN LISTVIEW PADA ANDROID

A.    Membuat Checkbox
·         Buka Java – ADT maka akan muncul tampilan seperti di bawah ini, buat new project dengan klik menu File- New- Android Application Project .

 ·         Setelah itu maka muncul jendela New Android Application isikan nama projectnya, lalu next .
 ·         Kemudian muncul lagi jendela klik Next terus samapi finish, seperti gambar di bawah ini :
 ·         Muncul lembar kerja seperti gambar di bawah ini, masukkan Checkbox  yang ada dalam Palete  From Widgets.
 ·         Edit Text setiap checkbox dengan klik kanan pada checkbox-Edit ID.
 ·         Sehingga muncul Resource Chooser New String- isikan pada new String “txtnasgor” – pada string “Nasi Goreng”  lalu OK. Begitu juga pada checkbox kedua dan ke tiga, dengan cara yang sama.
 ·         Setelah Edit Text lalu Edit ID dengan cara klik kanan pada masing-masing checkbox.
 ·         Kemudian akan muncul Rename Resource “cbnasgor” seperti gambar di bawah ini, begitu juga pada checkbox kedua dan ketiga.
 ·         Pada package ketikan source code berikut :
package semangat.example.checkboxsi12a;

import android.os.Bundle;
import android.app.Activity;
import android.view.Menu;
import android.view.View;
import android.widget.CheckBox;
import android.widget.Toast;

public class MainActivity extends Activity {
      
       private CheckBox cb1, cb2, cb3;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
       
        cb1 = (CheckBox) findViewById(R.id.cbnasgor);
        cb1.setOnClickListener(new View.OnClickListener() {
                    
                     @Override
                     public void onClick(View arg0) {
                           // TODO Auto-generated method stub
                           if (cb1.isChecked()) {tampilpesan("Anda memilih nasi goreng");
                           } else {
                                  tampilpesan("Anda batal memesan nasi goreng");
                           }
                          
                     }
              });
       
        cb2 = (CheckBox) findViewById(R.id.cbpizza);
        cb2.setOnClickListener(new View.OnClickListener() {
                    
                     @Override
                     public void onClick(View arg0) {
                           // TODO Auto-generated method stub
                           if (cb1.isChecked()) {tampilpesan("Anda memilih pizza");
                           } else {
                                  tampilpesan("Anda batal memesan pizza");
                           }
                          
                     }
              });
       
        cb3 = (CheckBox) findViewById(R.id.cbjus);
        cb3.setOnClickListener(new View.OnClickListener() {
                    
                     @Override
                     public void onClick(View arg0) {
                           // TODO Auto-generated method stub
                           if (cb1.isChecked()) {tampilpesan("Anda memilih jus anggur");
                           } else {
                                  tampilpesan("Anda batal memesan jus anggur");
                           }
                     }
              });
    }
    public void tampilpesan (String isipesan){ Toast.makeText(getBaseContext(), isipesan, Toast.LENGTH_SHORT).show();
   
    }


    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        // Inflate the menu; this adds items to the action bar if it is present.
        getMenuInflater().inflate(R.menu.main, menu);
        return true;
    }
   
}
·         Kemudian jalankan programnya dengan klik kanan pada nama project yang telah kita buat tadi pilih Run As klik Android Application.
 ·         Project sedang dalam proses

 ·         Setelah proses selesai tampilan akan menjadi seperti ini, buka menu.
 ·         Cari nama project yang telah di buat yaitu CheckBoxSI12A lalu buka.
 ·         Ini tampilan project yang telah dibuat.
 ·         Jika memilih nasi goreng .
 ·         Jika memilih pizza.
 ·         Jika memilih jus anggur.
 ·         Jika batal memilih nasi goreng
 ·         Jika batal memilih pizza.
 B.    Membuat Listview
·         Buka Java-ADT  File-New-Android Application Project.
 ·         Pada jendela new android application isikan nama project dan package nya:
 ·         Setelah itu akan muncul jendela lagi dan klik Next terus samapi Finish.
 ·         Kemudian muncul lembar kerja masukkan listview yang ada pada palatte composite
 ·         Sehingga menjadi seperti gambar di bawah ini
 ·         Selanjutnya Edit ID pada listview tersebut dengan cara klik kanan pada listview – Edit ID.
 ·         Maka akan muncul rename resource isikan denagn “listviewku”.
 ·          Ketikkan source code berikut pada package :
package apa.example.listview;

import android.os.Bundle;
import android.app.Activity;
import android.app.ListActivity;
import android.view.Menu;
import android.view.View;
import android.widget.AdapterView;
import android.widget.AdapterView.OnItemSelectedListener;
import android.widget.ArrayAdapter;
import android.widget.ListView;
import android.widget.TextView;
import android.widget.Toast;

public class MainActivity extends Activity {
       /** Called when the activity is first created. */
       TextView seleksi;
       ListView lvku;
       String[] hari = {"Senin","Selasa","Rabu","Kamis","Jumat","Sabtu","Minggu"};

       @Override
       protected void onCreate(Bundle savedInstanceState) {
              super.onCreate(savedInstanceState);
              setContentView(R.layout.activity_main);
             
              ArrayAdapter<String> ada = new ArrayAdapter<String>(this, android.R.layout.simple_list_item_1,hari);
              setListAdapter(ada);
              lvku.setOnItemSelectedListener(new OnItemSelectedListener() {

                     @Override
                     public void onItemSelected(AdapterView<?> arg0, View arg1,
                                  int arg2, long arg3) {
                           // TODO Auto-generated method stub
                           int posisi = lvku.getSelectedItemPosition();
                           Toast.makeText(getBaseContext(), "memilih hari" + hari[posisi], Toast.LENGTH_LONG).show();
                          
                     }

                     @Override
                     public void onNothingSelected(AdapterView<?> arg0) {
                           // TODO Auto-generated method stub
                          
                     }
              });
       }
      
       public void onListItemClick(ListView parrent, View v, int posisi, long id){
              Toast.makeText(getBaseContext(), "memilih hari" + hari[posisi], Toast.LENGTH_LONG).show();
       }
      


             
       @Override
       public boolean onCreateOptionsMenu(Menu menu) {
              // Inflate the menu; this adds items to the action bar if it is present.
              getMenuInflater().inflate(R.menu.main, menu);
              return true;
       }

}
·         Pada activity_main.xml ketikkan source code berikut.
<RelativeLayout 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: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" >

    <ListView
        android:id="@+id/listvku"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentTop="true"
        android:layout_centerHorizontal="true" >
    </ListView>

</RelativeLayout>

·         Jalankan program dengan klik kanan pada nama project – Run As – Android Application.
 ·         Program sedang dalam proses
 ·         Setelah program selesai buka menu.
 ·         Cari nama project yang telah kita buat tadi yaitu ListView, buka project tersebut, maka muncul tampilan yang telah di buat.
Jika memilih hari senin.
 ·         Jika memilih hari selasa
 ·         Jika memilih hari rabu

·         Begitupun berikutnya, kamis, jumat, sabtu.

0 komentar:

Posting Komentar