Tutorial Cara Membuat Time Picker di Android Studio

Android Najwa - Hallo, ketemu lagi bersama saya. Yah, tadi pagi kita telah membahas mengenai "DatePicker" di Android Studio. Sekarang kita akan mencoba membahas di pembahasan yang hampir mirip dengan tadi pagi. Beda nya sekarang kita akan membahas tentang "Time Picker" di Android Studio.

Time Picker Android

Apa itu TimePicker ?

TimePicker merupakan Widget yang telah disediakan oleh Android Studio.Dalam Android itu sangat mudah untuk user memilih jam, menit dan detik menggunakan TimePicker. Sebagai contoh ketika kalian mengatur jam di hape smartphone kalian. Berikut ini adalah contoh penggambaran desain awal nya dari TimePicker.

Time Picker

Bagaimana cara menggunakan Time Picker?

Tutorial Cara Membuat Time Picker

Langkah 1 : Jalankan Android Studio.exe kalian seperti biasa, lalu buatlah project baru dengan seperti berikut.

• Application Name : Time Picker
• Package Name : androidnajwa.com
• Minimum Required SDK : API 15 Andorid 4.0.3 (IceCreamSandwich)

Buat Project Baru

Langkah 2 :  Pilih saja Blank Activity lalu klik Next dan Finish

Add Activity

Langkah 3 : Untuk membuat antarmuka halaman utama (activity_main.xml) seperti diatas tadi dapat dilakukan dengan “Drag and Drop” dari komponen yang tersedia atau langsung menuliskan script XML. Untuk script XML dapat dituliskan seperti berikut.

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent"
    android:layout_height="match_parent" android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    android:paddingBottom="@dimen/activity_vertical_margin" tools:context=".MainActivity">

    <TextView
        android:id="@+id/textView1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/hello_world" />

    <TimePicker
        android:id="@+id/timePicker1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_below="@+id/textView1"
        android:layout_marginLeft="14dp"
        android:layout_marginTop="30dp" />

</RelativeLayout>

Langkah 4 : Bukalah MainActivity.java lalu edit seperti berikut ini

 package com.androidnajwa.timepicker;

import android.app.Activity;
import android.os.Bundle;
import android.widget.TextView;
import android.widget.TimePicker;
import android.widget.TimePicker.OnTimeChangedListener;
import android.widget.Toast;

public class MainActivity extends Activity {
    TimePicker tp;
    TextView tv;
    OnTimeChangedListener listener;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        tp = (TimePicker) findViewById(R.id.timePicker1);
        tv = (TextView) findViewById(R.id.textView1);

        //listener jika terjadi perubahan isi TimePicker
        listener = new OnTimeChangedListener() {
            @Override
            public void onTimeChanged(TimePicker view, int hourOfDay,
                                      int minute) {
                Toast.makeText(MainActivity.this,"Set Waktu: "+hourOfDay+":"+minute,
                        Toast.LENGTH_SHORT).show();
            }
        };
        //Menerapkan listener pada TimePicker tp
        tp.setOnTimeChangedListener(listener);
    }
}

Sampai tahap disini sudah selesai. Sekarang lakukan testing, dengan cara menekan Shift+F10.

(1) Hasil Time Picker

Gambar diatas contoh waktu yang kurang tepat, kemudian saya mengubah waktunya dan menjadi hasilnya sebagai berikut

Nah, itulah hasil dari penggunaan Time Picker. Dalam tutorial ini kita akan melihat bagaimana untuk mengatur waktu jam, menit,dan detik.  Gimana? Mudah Bukan? Untuk dikembangkan lagi juga bisa dengan aksi lainnya asal kalian bisa memahaminya.

Demikian Tutorial Cara Membuat Time Picker di Android Studio. Bila Ada Pertanyaan silakan komentar dihalaman Komentar.Terima Kasih Atas Kunjungan di Android Najwa.

Link Download Klik Disini

Catatan : Silakan Klik Gambar dibawah ini untuk mendapatkan Password RAR.

Tweet