Monday, 9 December 2013

Pada pembuatan aplikasi ini menggunakan IDE Eclipse Jave EE Developer Galileo untuk windows 32 bit, Android  Software Development Kit (SDK) dengan platform Android 2.3, dan plugin Android Development Tool (ADT) versi 8.0.1.
   

Aplikasi TampilanDropdown merupakan aplikasi android yang menggunakan widget Spiner. Widget Spiner hampir mirip dengan widget ListView, hanya saja perbedaanya ListView-nya berasal dari satu combo atau yang dikenal dengan Spiner pada pemrograman android. Aplikasi ini akan menampilkan data tulisan(items text) dalam bentuk list menu yang terdapat di dalam spiner. Pada aplikasi ini akan menggunakan widget Spiner pada class activity serta komponen Spiner pada File main xml. Untuk pengisian item pada spiner akan dilakukan pada File strings.xml yang terdapat di dalam folder res/values. Berikut dapat dilihat penjelasan program serta screenshoot dari hasil running program pada aplikasi TampilanDropdown ini.

a.       File main.xml
File main.xml merupakan File default yang secara otomatis dicreate yang terdapat dalam folder res/layout. File ini merupakan user interface awal dari aplikasi TampilanDropdown. Pada File main.xml ini menggunakan layout LinierLayout dan juga menggunakan satu komponen Spiner seperti terlihat pada source code main.xml berikut.

main.xml

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:padding="5dip"
    android:background="@drawable/backg"
    >
<Spinner
      android:id="@+id/spinner"
      android:layout_width="fill_parent"
      android:layout_height="wrap_content"
      android:prompt="@string/planet_prompt">
</Spinner>
</LinearLayout>
Dapat dilihat pada source code main.xml diatas, pada baris 14 merupakan perintah untuk memanggil string planet_prompt yang terdapat pada File strings.xml.

b.       File strings.xml
File strings.xml merupakan File string yang nantinya akan ditamplikan ke user interface. Pemanggilan File strings.xml ini akan dilakukan pada File main.xml dan File class activity. Berikut merupakan source code dari File strings.xml.

strings.xml

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<?xml version="1.0" encoding="utf-8"?>
<resources>
    <string name="planet_prompt">Pilih salah satu planet!!</string>
    <string name="app_name">Tugas4_TampilanDropdown</string>
    <string-array name="planets_array">
          <item>Mercury</item>
          <item>Venus</item>
          <item>Earth</item>
          <item>Mars</item>
          <item>Jupiter</item>
          <item>Saturn</item>
          <item>Uranus</item>
          <item>Neptune</item>
    </string-array>
</resources>

Source code strings.xml diatas pada baris 3 merupakan string yang akan dipanggil oleh File main.xml yang akan digunakan sebagai title pada Spiner. Baris 5 sampai dengan baris 14 pada source code di atas merupakan string-array sebagai items pada Spiner, dimana string-array ini akan dipanggil oleh File class activity.


c.       File Class Activity

File Class Activity merupakan class basic activity. Dimana pada File ini akan dilakukan pemanggilan File main.xml, menyinkronkan komponen Spiner pada File main.xml, dan juga pemanggilan string-array yang terdapat pada File strings.xml untk pengisian items pada Spiner  user interface. Untuk lebih jelasnya, berikut merupakan source code pada File class activity.

Tugas4_TampilanDropdown.java

1

2
3
4
5
6
7
8
9

10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44

45
46
47
48
49
50
package yoga.tkjmd.tampilandropdown;

import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.widget.AdapterView;
import android.widget.ArrayAdapter;
import android.widget.Spinner;
import android.widget.Toast;
import android.widget.AdapterView.OnItemSelectedListener;

public class Tugas4_TampilanDropdown extends Activity {
/** Called when the activity is first created. */
@Override
public void onCreate(Bundle savedInstanceState) {
      super.onCreate(savedInstanceState);
      setContentView(R.layout.main);

      Spinner spinner = (Spinner) findViewById(R.id.spinner);
      spinner.setOnItemSelectedListener(new MyOnItemSelectedListener());
      // pengisian items spiner yang dipanggil dari strings xml
      ArrayAdapter<CharSequence> adapter = ArrayAdapter.createFromResource(
                  this, R.array.planets_array,
                  android.R.layout.simple_spinner_dropdown_item);
      adapter
            .setDropDownViewResource(android.R.layout.simple_spinner_dropdown_item);
      spinner.setAdapter(adapter);
}

public class MyOnItemSelectedListener implements OnItemSelectedListener {
      public void onItemSelected(AdapterView<?> parent, View view, int pos,
                  long id) {
            // TODO Auto-generated method stub
            Toast
                        .makeText(parent.getContext(),
                                    parent.getItemAtPosition(pos).toString(),
                                    Toast.LENGTH_LONG).show();
      }

      public void onNothingSelected(AdapterView<?> arg0) {
            // TODO Auto-generated method stub
      }

}
}
Dapat dilihat dari source code diatas pengisian items pada Spiner dapat dilihat pada source code baris 21 sampai 30  yang terdapat di dalam method onCreate. Pengisian items pada Spiner berasal dari string-array yang terdapat di dalam File strings.xml, sperti terlihat pada baris 24 merupakan pemanggilan string-array pada File strings.xml. Pengisian tersebut dilakukan dengan menggunakan ArrayAdapter.

0 comments:

Post a Comment