Breaking News
Loading...
Senin, 09 Desember 2013

Tampilan Dropdown atau Spinner

Tampilan dropdown atau kalau diaplikasi android disebut sebagai spinner merupakan tampilan dasar yang sering dijumpai pada aplikasi android, dimana dibutuhkan widget Spinner pada class activity serta layout Spinner pada File main xml. Berikut tampilan aplikasi setelah dijalankan.
Adapun cara pembuatan programnya yaitu, pertama kali buat project baru, setelah selesai membuat project baru maka secara otomatis akan di-create File xml yang berada dalam folder res(layout/values), File java berada dalam folder src, File generate java File (R.java) berada pada folder gen, serta File AndroidManifest.xml. Pertama akan dijelaskan untuk file class.java.
a.       Utama_activity.java
Utama_activity merupakan class basic activity yang akan memanggil main.xml dan menghubungkan komponen-komponen yang digunakan pada main.xml. Untuk lebih jelasnya dapat dilihat pada source code berikut.
Utama_activity.java
package com.app.dropdown;

import android.app.Activity;
import android.os.Bundle;
import android.widget.ArrayAdapter;
import android.widget.Spinner;

public class Utama_activity 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);
        ArrayAdapter<CharSequence> adapter = ArrayAdapter.createFromResource(
                this, R.array.planets_array, R.layout.custom_spinner_list);
        adapter.setDropDownViewResource(R.layout.customer_spinner);
        spinner.setAdapter(adapter);

    }
}

b.      main.xml
File main.xml merupakan File default yang terdapat dalam folder res/layout yang merupakan user interface awal dari aplikasi. Berikut merupakan source code dari File main.xml.
main.xml
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:padding="10dip"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:background="@drawable/background">
       <TextView
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="10dp"
        android:text="@string/planet"
    />
     <Spinner
        android:id="@+id/spinner"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:prompt="@string/planet"
    />
   
</LinearLayout>

c.       costomer_spinner.xml
Costomer_spinner.xml merupakan file .xml yang mengatur tampilan dari menu dropdown.
costomer_spinner.xml
<?xml version="1.0" encoding="utf-8"?>
<TextView xmlns:android="http://schemas.android.com/apk/res/android"
    android:text="@+id/TextView01"
    android:id="@+id/TextView01"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:textSize="12dp"
    android:textColor="#000000"
    android:height="42dp"
    android:gravity="center_vertical"
    android:padding = "2dp">
</TextView>

d.      costomer_spinner_list.xml
Costomer_spinner_list.xml merupakan file .xml yang mengatur tampilan list dari menu dropdown.
Costomer_spinner_list.xml
<TextView xmlns:android="http://schemas.android.com/apk/res/android"
    android:text="@+id/TextView01"
    android:id="@+id/TextView01"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:textSize="12dp"
    android:textColor="#000000">
</TextView>

e.       AndroidManifest
File AndroidManifest diperlukan oleh setiap aplikasi android, File ini berada pada folder root aplikasi. File ini mendeskripsikan variable global dari paket aplikasi yang kita gunakan. Di dalam File AndroidManifest inilah berisi semua pendefinisian semua hal-hal yang dibutuhkan pada aplikasi MenuTab ini. Untuk lebih jelasnya, berikut dibawah merupakan source code dari File AndroidManifest.
AndroidManifest.xml
<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
      package="com.app.dropdown"
      android:versionCode="1"
      android:versionName="1.0">
    <application android:icon="@drawable/icon" android:label="@string/app_name">
        <activity android:name=".Utama_activity"
                  android:label="@string/app_name">
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />
                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>

    </application>
    <uses-sdk android:minSdkVersion="9" />

</manifest>

0 komentar:

Posting Komentar

 
Toggle Footer