Pemrograman Perangkat Mobile

Transkripsi

1 Modul Bahan Ajar UBDistanceLearning Pemrograman Perangkat Mobile Eriq Muhammad Adams J, ST., M.Kom; Widhy Hayuhardhika, S.Kom BAB 6 Array Adapter Pemrograman Perangkat Mobile Teknik Informatika-Program Universitas Brawijaya

2 PemrogramanPerangkat Mobile - BAB 6 Array Adapter Pendahuluan Dalammenampilkan data list (yang disimpandalambentuk array) dalamsebuah widget diperlukankomponenuntukmengkonversiantaratipe data array ke format data yang didukungoleh widget. UntukitudiperlukanArrayAdapteruntukmempermudahpenampilan data list tersebut. TujuanInstruksionalKhusus Perancanganmodulpadababinibertujuan agar mahasiswamampu : 1. MemahamikonsepArrayAdapter. 2. MembuataplikasimenggunakanArrayAdapter. DaftarMateri 1. PENGENALAN 1.1 Definisi Array Adapter 2. CONTOH IMPLEMENTASI ARRAY ADAPTER 2.1 Project 1 : Array1 2.2 Project 2 : Array2 2.3 Project 3 : Array3 3. SOAL DAN PROJECT

3 1. PENGENALAN 1.1 DefinisiArrayAdapter ArrayAdapter adalah ListAdapter yang mengelola objek array. ArrayAdapter adalah salah satu class yang terdapat pada android.widgets.adapter. 2. CONTOH IMPLEMENTASI ARRAY ADAPTER 2.1 Project 1 : Array1 Padaaplikasiinikitaakanmembuat layout/tampilansertapembuatan class-class input-an yang nantinyakitamasukkandalam array pada Project 2 : Array2. Pada Project 1 inikitaakanbuatinputanuntuk Address Manager, Nama, JenisKelamin, Alamat. Buat project android dengan ketentuan sebagai berikut : Project name : Array1 Build Target : Android 2.1-update1 Application Name : array1 Package name : ub.itcc.array1 Activity : Array1Activity Min SDK : 7 KontakBean.java packageid.ac.ub.pttik..array1; publicclasskontakbean { private String nama = ""; private String alamat = ""; private String jekel = ""; public String getnama() { return (nama); publicvoidsetnama(string nama) { this.nama = nama; public String getalamat() {

4 return (alamat); publicvoidsetalamat(string alamat) { this.alamat = alamat; public String getjekel() { return (jekel); publicvoidsetjekel(string jekel) { this.jekel = jekel; Array1Activity.java package ub.itcc.array1; importandroid.app.activity; importandroid.os.bundle; importandroid.view.view; importandroid.widget.button; importandroid.widget.edittext; importandroid.widget.radiogroup; publicclassarray1 extends Activity { KontakBeanr = newkontakbean();

5 @Override publicvoidoncreate(bundle savedinstancestate) { super.oncreate(savedinstancestate); setcontentview(r.layout.main); Button save = (Button) findviewbyid(r.id.save); save.setonclicklistener(onsave); privateview.onclicklisteneronsave = newview.onclicklistener() { publicvoidonclick(view v) { EditTextnama = (EditText) findviewbyid(r.id.nama); EditTextalamat = (EditText) findviewbyid(r.id.alamat); r.setnama(nama.gettext().tostring()); r.setalamat(alamat.gettext().tostring()); RadioGroupjekel = (RadioGroup) findviewbyid(r.id.jekel); switch (jekel.getcheckedradiobuttonid()) { caser.id.pria: r.setjekel("pria"); break; caser.id.perempuan: r.setjekel("perempuan"); break;

6 ; main.xml <?xmlversion="1.0"encoding="utf-8"?> <LinearLayoutxmlns:android=" android:layout_width="wrap_content"android:layout_height="wrap_content"> <TableLayoutandroid:layout_width="wrap_content" android:layout_height="wrap_content"android:stretchcolumns="1"> <TableRow> <TextViewandroid:text="Name:"/> </TableRow> <TableRow> <TextViewandroid:text="Jekel:"/> android:layout_width="wrap_content"android:text="perempuan"/> </TableRow> </RadioGroup> <TableRow> <TextViewandroid:text="Alamat:"/>

7 </TableRow> android:layout_height="wrap_content"android:text="save"/> </TableLayout> </LinearLayout> Apabila aplikasi array1 dijalankan, tampilannya sepertipadagambar 2.1. Gambar 2.1 Tampilan Project 1 : Array1 2.2 Project 2 : Array2 Padaaplikasi Array2 inikitaakanmenyimpan list array input-an setelehditekantombol save, dimanainputannyaakankitatampilkan di atas form input-an. Buat project android dengan ketentuan sebagai berikut : Project name : Array2 Build Target : Android 2.1-update1 Application Name : array2 Package name : id.ac.ub.pttik..array2 Activity : Array2Activity Min SDK : 7

8 KontakBean.java packageid.ac.ub.pttik.array2; publicclasskontakbean { private String nama = ""; private String alamat = ""; private String jekel = ""; public String getnama() { return (nama); publicvoidsetnama(string nama) { this.nama = nama; publicstringgetalamat() { return (alamat); publicvoidsetalamat(string alamat) { this.alamat = alamat; public String getjekel() { return (jekel); publicvoidsetjekel(string jekel) { this.jekel = jekel; public String tostring() {

9 return (getnama()); Array2Activity.java packageid.ac.ub.pttik.array2; importandroid.app.activity; importandroid.os.bundle; importandroid.view.view; importandroid.widget.arrayadapter; importandroid.widget.button; importandroid.widget.edittext; importandroid.widget.listview; importandroid.widget.radiogroup; importjava.util.arraylist; importjava.util.list; publicclassarray2activityextends Activity { List<KontakBean>model = newarraylist<kontakbean>(); ArrayAdapter<KontakBean>adapter = publicvoidoncreate(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);

10 adapter = newarrayadapter<almag>(this, android.r.layout.simple_list_item_1, model); list.setadapter(adapter); privateview.onclicklisteneronsave = newview.onclicklistener() { publicvoidonclick(view v) { KontakBean r = newkontakbean(); EditTextnama = (EditText) findviewbyid(r.id.nama); EditTextalamat = (EditText) findviewbyid(r.id.alamat); r.setnama(nama.gettext().tostring()); r.setalamat(alamat.gettext().tostring()); RadioGroupjekel = (RadioGroup) findviewbyid(r.id.jekel); switch (jekel.getcheckedradiobuttonid()) { caser.id.pria: r.setjekel("pria"); break; caser.id.perempuan: r.setjekel("perempuan"); break; adapter.add(r); ; main.xml <?xmlversion="1.0"encoding="utf-8"?> <RelativeLayoutxmlns:android=" android:layout_width="wrap_content"android:layout_height="wrap_content">

11 android:layout_width="fill_parent"android:layout_height="wrap_content" android:layout_alignparentbottom="true"android:stretchcolumns="1"> <TableRow> <TextViewandroid:text="Name:"/> </TableRow> <TableRow> <TextViewandroid:text="Jekel:"/> android:layout_width="wrap_content"android:text="perempuan"/> </TableRow> </RadioGroup> <TableRow> <TextViewandroid:text="Alamat:"/> </TableRow> android:layout_height="wrap_content"android:text="save"/> </TableLayout>

12 android:layout_height="wrap_content"android:layout_alignparenttop="true" </RelativeLayout> Apabila aplikasi array2 dijalankan, tampilannya sepertipadagambar 2.2. Gambar 2.2 Tampilan Project 2 : Array2 2.3 Project 3 : Array3 Padaaplikasiinikitaakanmembuat layout/tampilansertapembuatan class-class input-an yang nantinyakitamasukkandalam array pada Project 2 : Array2. Pada Project 1 inikitaakanbuatinputanuntuk Address Manager, Nama, JenisKelamin, Alamat. Buat project android dengan ketentuan sebagai berikut : Project name : Array3 Build Target : Android 2.1-update1 Application Name : array3 Package name : id.ac.ub.pttik.array3 Activity : Array3Activity Min SDK : 7 KontakBean.java packageid.ac.ub.pttik.array3; publicclasskontakbean { private String nama = "";

13 private String alamat = ""; private String jekel = ""; public String getnama() { return (nama); publicvoidsetnama(string nama) { this.nama = nama; public String getalamat() { return (alamat); publicvoidsetalamat(string alamat) { this.alamat = alamat; public String getjekel() { return (jekel); publicvoidsetjekel(string jekel) { this.jekel = jekel; public String tostring() { return (getnama()); Array3Activity.java packageid.ac.ub.pttik.array3;

14 importjava.util.arraylist; importjava.util.list; importandroid.app.tabactivity; importandroid.os.bundle; importandroid.view.layoutinflater; importandroid.view.view; importandroid.view.viewgroup; importandroid.widget.adapterview; importandroid.widget.arrayadapter; importandroid.widget.button; importandroid.widget.edittext; importandroid.widget.imageview; importandroid.widget.listview; importandroid.widget.radiogroup; importandroid.widget.tabhost; importandroid.widget.textview; publicclassarray3activityextendstabactivity { List<KontakBean>model = newarraylist<kontakbean>(); KontakAdapteradapter = null; EditTextnama = null; EditTextalamat = null; RadioGroupjekel = publicvoidoncreate(bundle savedinstancestate) { super.oncreate(savedinstancestate); setcontentview(r.layout.main);

15 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 = newkontakadapter(); 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); privateview.onclicklisteneronsave = newview.onclicklistener() { publicvoidonclick(view v) { almag r = newalmag(); r.setnama(nama.gettext().tostring()); r.setalamat(alamat.gettext().tostring()); switch (jekel.getcheckedradiobuttonid()) { caser.id.pria: r.setjekel("pria"); break;

16 caser.id.perempuan: r.setjekel("perempuan"); break; adapter.add(r); ; privateadapterview.onitemclicklisteneronlistclick = newadapterview.onitemclicklistener() { ; publicvoidonitemclick(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); elseif (r.getjekel().equals("perempuan")) { jekel.check(r.id.perempuan); gettabhost().setcurrenttab(1); classkontakadapterextendsarrayadapter<kontakbean> { KontakAdapter() { super(array3.this, R.layout.row, model); public View getview(int position, View convertview, ViewGroup parent) { View row = convertview;

17 KontakHolder holder = null; if (row == null) { LayoutInflaterinflater = getlayoutinflater(); row = inflater.inflate(r.layout.row, parent, false); holder = newalmagholder(row); row.settag(holder); else { holder = (almagholder) row.gettag(); holder.populatefrom(model.get(position)); return (row); staticclasskontakholder { privatetextviewnama = null; privatetextviewalamat = null; privateimageviewicon = null; KontakHolder(View row) { nama = (TextView) row.findviewbyid(r.id.title); alamat = (TextView) row.findviewbyid(r.id.alamat); icon = (ImageView) row.findviewbyid(r.id.icon); voidpopulatefrom(almag r) { nama.settext(r.getnama()); alamat.settext(r.getalamat()); if (r.getjekel().equals("pria")) {

18 icon.setimageresource(r.drawable.pria); elseif (r.getjekel().equals("perempuan")) { icon.setimageresource(r.drawable.perempuan); main.xml <?xmlversion="1.0"encoding="utf-8"?> <TabHostxmlns:android=" android:id="@android:id/tabhost"android:layout_width="fill_parent" android:layout_height="fill_parent"> <LinearLayoutandroid:orientation="vertical" android:layout_width="fill_parent"android:layout_height="fill_parent"> <TabWidgetandroid:id="@android:id/tabs" android:layout_width="fill_parent"android:layout_height="wrap_content"/> <FrameLayoutandroid:id="@android:id/tabcontent" android:layout_width="fill_parent"android:layout_height="fill_parent"> <ListViewandroid:id="@+id/almag"android:layout_width="fill_parent" android:layout_height="fill_parent"/> <TableLayoutandroid:id="@+id/details" android:layout_width="fill_parent"android:layout_height="wrap_content" android:stretchcolumns="1"android:paddingtop="4px"> <TableRow> <TextViewandroid:text="Nama:"/> <EditTextandroid:id="@+id/nama"/> </TableRow> <TableRow>

19 <TextViewandroid:text="Jekel:"/> </RadioGroup> </TableRow> <TableRow> <TextViewandroid:text="Alamat:"/> </TableRow> android:layout_height="wrap_content"android:text="save"/> </TableLayout> </FrameLayout> </LinearLayout> </TabHost> row.xml <LinearLayoutxmlns:android=" android:layout_width="fill_parent"android:layout_height="wrap_content" android:orientation="horizontal"android:padding="4px"> android:layout_height="fill_parent"android:layout_alignparenttop="true" android:layout_alignparentbottom="true"android:layout_marginright="4px"/> <LinearLayoutandroid:layout_width="fill_parent" android:layout_height="wrap_content"android:orientation="vertical">

20 android:layout_height="wrap_content"android:layout_weight="1" android:gravity="center_vertical"android:textstyle="bold" android:singleline="true"android:ellipsize="end"/> android:layout_height="wrap_content"android:layout_weight="1" android:gravity="center_vertical"android:singleline="true" android:ellipsize="end"/> </LinearLayout> </LinearLayout> Apabila aplikasi array3 dijalankan, tampilannya sepertipadagambar 2.3. Gambar 2.3 Tampilan Project 3 : Array3

21 3. SOALDAN PROJECT Soal 1. Jelaskanapa yang dimaksuddenganarrayadapter! 2. JelaskankegunaandariArrayAdapter Project Buatlahsebuahaplikasisederhana yang menampilkannamanamanegaramenggunakanarrayadapterdanlistview! REFERENSI Yudhi,Wibisono Pengantar Mobile Programming dengan Android, UPI. Safaat, H. Nazruddin ANDROID PemrogramanAplikasi Mobile Smartphone dan Tablet PC Berbasis Android, PenerbitInformatika.