LAPORAN PRAKTIKUM 4 CARA MEMBUAT LISTADAPTER

Pada Praktikum ini akan membuat Lisadapter, yang berisi tentang konstumisasi array2,  layar tampilan akan kita bagi dua tab, tab pertama berisi list-list data yang sudah diinputkan (tidak lagi satu tampilan seperti pada percobaan pertama), tab yang kedua berisi dengan tampilan list beserta nama inputan, apabila dia adalah inputan yang berjenis kelamin pria akan muncul icon pria.

1. Jalankan Eclipse, File > New > Android Project, Perhatikan Gambar Berikut;

isikan Application name dengan name Array3  

 

 

 klik next

klik next

klik next

 kemudian klik finish 

Ganti Kode pada main.xml menjadi sepertik berikut


source kode main.xml


<?xml version="1.0" encoding="utf-8"?>
<TabHost xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@android:id/tabhost"

    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
   >

    <LinearLayout
       
        android:layout_width="fill_parent"
       
        android:layout_height="fill_parent"
       
        android:orientation="vertical" >

        <TabWidget
            android:id="@android:id/tabs"
           
           
            android:layout_width="fill_parent"
           
            android:layout_height="wrap_content" />

        <FrameLayout
            android:id="@android:id/tabcontent"
          
          
            android:layout_width="fill_parent"
           
            android:layout_height="fill_parent" >

            <ListView
                android:id="@+id/almag"
             
                android:layout_width="fill_parent"
               
                android:layout_height="fill_parent"
                />

            <TableLayout
                android:id="@+id/details"
              
                android:layout_width="fill_parent"
          
                android:layout_height="wrap_content"
             
               
                android:paddingTop="4px"
             
                android:stretchColumns="1" >

                <TableRow >

                    <TextView android:text="Nama:" />

                    <EditText android:id="@+id/nama" />
                </TableRow>

                <TableRow>

                    <TextView android:text="Jekel:" />

                    <RadioGroup android:id="@+id/jekel" >

                        <RadioButton
                            android:id="@+id/pria"
                            android:text="Pria" />

                        <RadioButton
                            android:id="@+id/perempuan"
                            android:text="Perempuan" />
                    </RadioGroup>
                </TableRow>

                <TableRow>

                    <TextView android:text="Alamat:" />

                    <EditText android:id="@+id/alamat" />
                </TableRow>

                <Button
                    android:id="@+id/save"
                    android:layout_width="fill_parent"
                    android:layout_height="wrap_content"
                    android:text="Save" />
            </TableLayout>
        </FrameLayout>
    </LinearLayout>


Buatlah xml baru, klik kanan pada layout -> New -> Android XML File beri nama row.xml

Ganti Kode pada row.xml menjadi sepertik berikut

source kode row.xml

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:orientation="horizontal"
    android:padding="4px" >

    <ImageView
        android:id="@+id/icon"
        android:layout_width="wrap_content"
        android:layout_height="fill_parent"
        android:layout_alignParentBottom="true"
        android:layout_alignParentTop="true"
        android:layout_marginRight="4px" />

    <LinearLayout
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical" >

        <TextView
            android:id="@+id/title"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:ellipsize="end"
            android:gravity="center_vertical"
            android:singleLine="true"
            android:textStyle="bold" />

        <TextView
            android:id="@+id/alamat"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:ellipsize="end"
            android:gravity="center_vertical"
            android:singleLine="true" />
    </LinearLayout>

</LinearLayout>

source kode Almag.java

package com.percobaan.array3;

public class almag {
    private String nama = "";
    private String alamat = "";
    private String jekel = "";

    public String getNama() {
        return (nama);
    }

    public void setNama(String nama) {
        this.nama = nama;
    }

    public String getAlamat() {
        return (alamat);
    }

    public void setAlamat(String alamat) {
        this.alamat = alamat;
    }

    public String getJekel() {
        return (jekel);
    }

    public void setJekel(String jekel) {
        this.jekel = jekel;
    }

    public String toString() {

        return (getNama());
    }
}


source kode array3.java

package com.percobaan.array3;

import java.util.ArrayList;
import java.util.List;
import com.listarray3.R;
import android.os.Bundle;
import android.app.Activity;
import android.app.TabActivity;
import android.view.LayoutInflater;
import android.view.Menu;
import android.view.View;
import android.view.ViewGroup;
import android.widget.AdapterView;
import android.widget.ArrayAdapter;
import android.widget.Button;
import android.widget.EditText;
import android.widget.ImageView;
import android.widget.ListView;
import android.widget.RadioGroup;
import android.widget.TabHost;
import android.widget.TextView;

public class array3 extends TabActivity {
    List<almag> model = new ArrayList<almag>();
    almagAdapter adapter = null;
    EditText nama = null;
    EditText alamat = null;
    RadioGroup jekel = null;

    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
        nama = (EditText) findViewById(R.id.nama);
        alamat = (EditText) findViewById(R.id.alamat);
        jekel = (RadioGroup) findViewById(R.id.jekel);
        Button save = (Button) findViewById(R.id.save);
        save.setOnClickListener(onSave);
        ListView list = (ListView) findViewById(R.id.almag);
        adapter = new almagAdapter();
        list.setAdapter(adapter);
        TabHost.TabSpec spec = getTabHost().newTabSpec("tag1");
        spec.setContent(R.id.almag);
        spec.setIndicator("List", getResources().getDrawable(R.drawable.list));
        getTabHost().addTab(spec);
        spec = getTabHost().newTabSpec("tag2");
        spec.setContent(R.id.details);
        spec.setIndicator("Details",
                getResources().getDrawable(R.drawable.alamat));
        getTabHost().addTab(spec);
        getTabHost().setCurrentTab(0);
        list.setOnItemClickListener(onListClick);
    }

    private View.OnClickListener onSave = new View.OnClickListener() {
        public void onClick(View v) {
            almag r = new almag();
            r.setNama(nama.getText().toString());
            r.setAlamat(alamat.getText().toString());
            switch (jekel.getCheckedRadioButtonId()) {
            case R.id.pria:
                r.setJekel("Pria");
                break;
            case R.id.perempuan:
                r.setJekel("Perempuan");
                break;
            }
            adapter.add(r);
        }
    };
    private AdapterView.OnItemClickListener onListClick = new AdapterView.OnItemClickListener() {
        public void onItemClick(AdapterView<?> parent, View view, int position,
                long id) {
            almag r = model.get(position);
            nama.setText(r.getNama());
            alamat.setText(r.getAlamat());
            if (r.getJekel().equals("Pria")) {
                jekel.check(R.id.pria);
            } else if (r.getJekel().equals("Perempuan")) {
                jekel.check(R.id.perempuan);

            }
            getTabHost().setCurrentTab(1);
        }
    };

    class almagAdapter extends ArrayAdapter<almag> {
        almagAdapter() {
            super(array3.this, R.layout.row, model);
        }

        public View getView(int position, View convertView, ViewGroup parent) {
            View row = convertView;
            almagHolder holder = null;
            if (row == null) {
                LayoutInflater inflater = getLayoutInflater();
                row = inflater.inflate(R.layout.row, parent, false);
                holder = new almagHolder(row);
                row.setTag(holder);
            } else {
                holder = (almagHolder) row.getTag();
            }
            holder.populateFrom(model.get(position));
            return (row);
        }
    }

    static class almagHolder {
        private TextView nama = null;
        private TextView alamat = null;
        private ImageView icon = null;
        private View row = null;

        almagHolder(View row) {
            this.row = row;
            nama = (TextView) row.findViewById(R.id.title);
            alamat = (TextView) row.findViewById(R.id.alamat);
            icon = (ImageView) row.findViewById(R.id.icon);
        }

        void populateFrom(almag r) {
            nama.setText(r.getNama());
            alamat.setText(r.getAlamat());
            if (r.getJekel().equals("Pria")) {

                icon.setImageResource(R.drawable.pria);
            } else if (r.getJekel().equals("Perempuan")) {
                icon.setImageResource(R.drawable.perempuan);
            }
        }
    }
}

Jalankan Run dengan shourcut CTRL+F11 atau klik Kanan package > Runa As > Android Projeck. hasil outputnya;
  

 Terima kasih
Semoga Bermanfaat.

 

 

Read More

LAPORAN PRAKTIKUM 4 CARA MEMBUAT ARRAY ADAPTER

 Pada praktikum ini saya akan membuat Aplikasi sederhana yaitu Array Adapter dimana kita akan menyimpan list array inputanya akan kita tampilkan diatas form inputan. cara membuatnya sebagai berikut:

 

Jalankan Eclipse, File > New Android Project Perhatikan Gambar Berikut;

 

 isikan Application name dengan name Array 

 

 

klik next

 

klik next

 

klik next

 

klik next

 

Ganti Kode pada main.xml menjadi sepertik berikut :

 

source kode main.xml

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#000000">

    <TableLayout android:id="@+id/details"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:stretchColumns="1"
        >
       
     <TableRow>

             <TextView
                 android:text="Name"
                 android:textColor="#ffffff"
                 android:textStyle="bold" />

             <EditText android:id="@+id/nama"/>
     </TableRow>
    
     <TableRow>

         <TextView
             android:text="Jekel :"
             android:textColor="#ffffff"
             android:textStyle="bold" />

         <RadioGroup android:id="@+id/jekel">

             <RadioButton
                 android:id="@+id/pria"
                 android:text="Pria"
                 android:textColor="#ffffff"
                 android:textStyle="bold" />

             <RadioButton
                 android:id="@+id/perempuan"
                 android:text="Perempuan"
                 android:textColor="#ffffff"
                 android:textStyle="bold" />
  
        </RadioGroup>
       </TableRow>
      
     <TableRow>

         <TextView
             android:text="Alamat :"
             android:textColor="#ffffff"
             android:textStyle="bold" />

         <EditText android:id="@+id/alamat"/>
     </TableRow>
    
     <Button
         android:id="@+id/save"
         android:layout_width="fill_parent"
         android:layout_height="wrap_content"
         android:text="Save" />

 </TableLayout>

    <ListView
        android:id="@+id/almag"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_above="@+id/details"
        android:layout_alignParentTop="true"
        android:background="#ffffff" />

</RelativeLayout>

 

Source kode Almag.java

package com.percobaan.array2;

public class Almag {
    private String nama="";
    private String alamat="";
    private String jekel="";
   
   
    public String getNama(){
        return(nama);
    }
   
    public void setNama( String nama){
        this.nama=nama;
    }
   
    public String getAlamat(){
        return(alamat);
    }
   
    public void setAlamat(String alamat){
        this.alamat=alamat;
    }
   
    public String getJekel(){
        return(jekel);
    }
   
    public void setJekel(String jekel){
        this.jekel=jekel;
    } 

 

Setelah itu kita buat class baru beri nama Array2.java, Klik kanan pada package com.percobaan.array2  perhatikan gambar berikut;

 

Source kode Array2.java 

package com.percobaan.array2;

import java.util.ArrayList;
import java.util.List;

import com.arrayadapater.R;

import android.os.Bundle;
import android.app.Activity;
import android.view.View;
import android.widget.ArrayAdapter;
import android.widget.Button;
import android.widget.EditText;
import android.widget.ListView;
import android.widget.RadioGroup;

public class Array2 extends Activity {
    List<Almag> model=new ArrayList<Almag>();
    ArrayAdapter<Almag> Adapter=null;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
       
        Button save = (Button) findViewById(R.id.save);
       
        save.setOnClickListener(onSave);
       
        ListView list = (ListView) findViewById(R.id.almag);
        Adapter = new ArrayAdapter<Almag>(this, android.R.layout.simple_list_item_1, model);
        list.setAdapter(Adapter);
    }
   
    private View.OnClickListener onSave=new View.OnClickListener(){   
       
        public void onClick(View v) {
            Almag r=new Almag();
            EditText nama=(EditText) findViewById(R.id.nama);
            EditText alamat=(EditText) findViewById(R.id.alamat);
           
            r.setNama(nama.getText().toString());
            r.setAlamat(alamat.getText().toString());
           
            RadioGroup jekel = (RadioGroup) findViewById(R.id.jekel);
           
            switch (jekel.getCheckedRadioButtonId()) {
                case R.id.pria:
                    r.setJekel("Pria");
                    break;
                   
                case R.id.perempuan:
                    r.setJekel("Perempuan");
                    break;
            }
           
            Adapter.add(r);
        }
    };

} 

 

Jalankan Run dengan shourcut CTRL+F11 atau klik Kanan package > Runa As > Android Projeck. Lihat Hasilnya Seperti Dibawah Ini

Terima kasih

Semoga Bermanfaat. 

 

Read More

LAPORAN PRATIKUM 3 MEMBUAT CHECKBOX

Pada Pembahasan kali ini Saya Akan Membuat Aplikasi Sederhana Yaitu Radio Button Seperti Gambar Berikut :

Langkah Pertama membuat CheckBox di android

Pertama-tama Klik File pada menu bar pilih New  -> Android Application Project. Kemudian beri nama aplikasinya. Lalu klik next

Kemudian Pilih Next

 Kemudian Pilih Finish

 Pada package Explorer, buka file main.xml di folder res/layout, perhatikan gambar berikut

 Ganti kode pada main.xml menjadi seperti berikut :

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

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

    android:layout_width="match_parent"  

    android:layout_height="match_parent"  

    android:background="#9400D3"

    android:orientation="vertical" >  

  

    <TextView  

        android:id="@+id/textView1"  

        android:layout_width="match_parent"  

        android:layout_height="wrap_content"  

        android:gravity="center"  

        android:text="Pilih Yang Ingin di Pelajari" />

        

        <CheckBox  

        android:id="@+id/checkBoxAndroid"  

        android:layout_width="wrap_content"  

        android:layout_height="wrap_content"  

        android:text="Android" />  

  

    <CheckBox  

        android:id="@+id/checkBoxJava"  

        android:layout_width="wrap_content"  

        android:layout_height="wrap_content"  

        android:text="Java" />  

  

    <CheckBox  

        android:id="@+id/checkBoxC"  

        android:layout_width="wrap_content"  

        android:layout_height="wrap_content"  

        android:text="C++" />  

  

    <CheckBox  

        android:id="@+id/checkBoxPhp"  

        android:layout_width="wrap_content"  

        android:layout_height="wrap_content"  

        android:text="PHP" />  

      

    <CheckBox  

        android:id="@+id/checkBoxPascal"  

        android:layout_width="wrap_content"  

        android:layout_height="wrap_content"  

        android:text="PASCAL" />  

  

    <Button  

        android:id="@+id/buttonKirim"  

        android:layout_width="match_parent"  

        android:layout_height="wrap_content"  

        android:text="Button" />  

  

    <TextView  

        android:id="@+id/viewLaporan"  

        android:layout_width="match_parent"  

        android:layout_height="wrap_content"  

        android:text="TextView" />  

  

</LinearLayout>  

Pada package src/MainActivity, buka MainActivity.java pastikan kodenya sepertik berikut ini :

MainActivity.java

package com.example.checkbox;

import android.os.Bundle;  

import android.app.Activity;  

import android.view.Menu;  

import android.view.View;  

import android.view.View.OnClickListener;  

import android.widget.Button;  

import android.widget.CheckBox;  

import android.widget.TextView;  

  

public class MainActivity extends Activity implements OnClickListener{  

 CheckBox checkBoxAndroid, checkBoxJava, checkBoxC, checkBoxPHP, checkBoxPascal;  

 Button buttonKirim;  

 TextView viewLaporan;  

  

  

 @Override  

 protected void onCreate(Bundle savedInstanceState) {  

  super.onCreate(savedInstanceState);  

  setContentView(R.layout.main);  

  checkBoxAndroid = (CheckBox) findViewById(R.id.checkBoxAndroid);  

  checkBoxJava = (CheckBox) findViewById(R.id.checkBoxJava);  

  checkBoxC = (CheckBox) findViewById(R.id.checkBoxC);  

  checkBoxPHP = (CheckBox) findViewById(R.id.checkBoxPhp);  

  checkBoxPascal = (CheckBox) findViewById(R.id.checkBoxPascal);  

  buttonKirim = (Button) findViewById(R.id.buttonKirim);  

  buttonKirim.setOnClickListener(this);  

  

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

  

 }  

  

 @Override  

 public boolean onCreateOptionsMenu(Menu menu) {    

  getMenuInflater().inflate(R.menu.main, menu);  

  return true;  

 }  

  

 @Override  

 public void onClick(View v) {  

  switch (v.getId()) {  

    case R.id.buttonKirim:  

  

     String hasil = "";  

  

     if (checkBoxAndroid.isChecked()) {  

      hasil = hasil + checkBoxAndroid.getText().toString() + "\n";  

     }  

  

     if (checkBoxJava.isChecked()) {  

      hasil = hasil + checkBoxJava.getText().toString() + "\n";  

     }  

  

     if (checkBoxC.isChecked()) {  

      hasil = hasil + checkBoxC.getText().toString() + "\n";  

     }  

  

     if (checkBoxPHP.isChecked()) {  

      hasil = hasil + checkBoxPHP.getText().toString() + "\n";  

     }  

       

     if (checkBoxPascal.isChecked()){  

      hasil = hasil + checkBoxPascal.getText().toString()+"\n";  

     }  

     // tampilkan hasil di viewLaporan  

     viewLaporan.setText("Yang Ingin Kamu Pelajari  Adalah : \n" + hasil);  

  

     break;  

  

    default:  

     break;  

    }  

 }  

  

}

Jalankan run dengan shourcut CTRL+F11 atau klik kanan package > run as > android project. Hasilnya Seperti Dibawah ini

Semoga Bermanfaat

Read More