Thursday, May 10, 2012

Tutorial Android - Membuat DatePicker dan TimePicker

       Datepicker selalu menarik untuk didalami. Aplikasi yang baik untuk inputan tanggal biasanya menggunakan datepicker jadi user tidak perlu mengetiknya secara manual tetapi, tinggal memilih tanggal datepicker. Datepicker ini muncul karena khusus inputan tanggal user seringkali salah mengisinya.
Android tentunya memperhatikan hal ini juga untuk itu diandroid telah tersedia untuk datepicker ini.
Sekarang mari kita buat codingnya
1. Buat Project baru dengan nama BelajarDatePicker

2. Setelah project tercreate maka secara otomatis android membentuk 3 file yaitu :
  • main.xml
  • string.xml
  • ShowDatePicker.java
3. Edit main.xml lalu isikan kode berikut

01<?xml version="1.0" encoding="utf-8"?>
02<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
03    android:orientation="vertical"
04    android:layout_width="fill_parent"
05    android:layout_height="fill_parent"
06    >
07 <TextView android:text="Date :" android:id="@+id/TextView01" android:layout_width="wrap_content" android:layout_height="wrap_content"></TextView>
08    <DatePicker
09        android:layout_width="wrap_content"
10        android:layout_height="wrap_content" />
11<TextView android:text="Time :" android:id="@+id/TextView02" android:layout_width="wrap_content" android:layout_height="wrap_content"></TextView>
12<TimePicker
13        android:layout_width="wrap_content"
14        android:layout_height="wrap_content" />
15 
16</LinearLayout>
       Perhatikan kode diatas ada tag baru yaitu <DatePicker>, nah tag inilah yang digunakan untuk menggambar DatePicker. Tag <TimePicker> tag inilah yang digunakan untuk mengambar TimePicker

4. Edit ShowDatePicker.java

01package com.agus.datepicker;
02 
03import android.app.Activity;
04import android.os.Bundle;
05 
06public class ShowDatePicker extends Activity
07{
08    int hour, minute;
09    static final int TIME_DIALOG_ID = 0;
10 
11    @Override
12    protected void onCreate(Bundle savedInstanceState)
13    {
14        super.onCreate(savedInstanceState);
15        setContentView(R.layout.main);
16    }
17 
18}
5. Run Projectnya, maka tampilannya akan seperti ini


        Kita telah berhasil Membuat DatePicker dan TimePicker pada Android tetapi secara konsep user interface ini masih kurang bagus karena terlalu besar sehingga mengambil sebagian besar dari layar.

No comments:

Post a Comment