Belajar Membuat Widget TimePicker di Android Studio

Assalamualaikum Warahmatullahi Wabarakatuh.

TimePicker merupakan salah satu komponen User Interface, yang dapat menampilkan waktu, serta mengijinkan user untuk memilih/menset jam dan menit. TimePicker sering kita lihat pada aplikasi bawaan Android, cara penggunaannya hampir sama seperti itu, tapi kalian ingin membuat atau menembahkan TimePicker pada Aplikasi Android kalian.

Pada tutorial ini, kita akan belajar membuat program sederhana dengan menggunakan TimePicker, pada program tersebut user diharuskan untuk mengset/menentukan waktu. Lalu hasilnya akan ditampilkan pada TextView.

Materi lainnya yang direkomendasikan:

• Belajar Membuat Widget DatePicker di Android Studio
• Belajar Cara Membuat Spinner di Android Studio
• Belajar Membuat AutoCompleteTextView di Android Studio

Belajar Membuat Widget TimePicker di Android Studio

1) Buka aplikasi Android Studio kalian, Buat Project Baru.

2) Selanjutnya bua file activity_main,xml kalian, disini kita akan menambahkan TimePicker, digunakan untuk mengset waktu. Lalu Button, untuk mengeksekusi waktu yang sudah dipilih dari TimePicker, hasilnya akan ditampilkan pada TextView.

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 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:layout_margin="8dp"
    android:background="#FFF5F5F5"
    android:orientation="vertical"
    tools:context="android.cianjur.developer.net.basicandroid.MainActivity">

    <ScrollView
        android:layout_width="match_parent"
        android:layout_height="match_parent">

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:gravity="center"
            android:orientation="vertical">

            <TimePicker
                android:id="@+id/get_time"
                android:layout_width="match_parent"
                android:layout_height="wrap_content" />

            <Button
                android:id="@+id/set_waktu"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="change date" />

            <TextView
                android:id="@+id/output"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_marginTop="4dp"
                android:gravity="center"
                android:text="Output"
                android:textSize="15sp"
                android:textStyle="bold" />
        </LinearLayout>
    </ScrollView>

</LinearLayout>

View:

3) Buka file MainActivity.java, masukan source code berikut ini:

package android.cianjur.developer.net.basicandroid;

/*
 Dibuat Oleh WILDAN M ATHOILLAH
 */

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import android.widget.TextView;
import android.widget.TimePicker;
import android.widget.Toast;

public class MainActivity extends AppCompatActivity {

    private TimePicker timePicker;
    private TextView Output;
    private Button SetChange;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        timePicker = findViewById(R.id.get_time);
        Output = findViewById(R.id.output);
        SetChange = findViewById(R.id.set_waktu);
        SetChange.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                //Mencetak Output
                Output.setText(setTime());
                Toast.makeText(getApplicationContext(), "Berhasil Diubah", Toast.LENGTH_SHORT).show();
            }
        });
    }

    public String setTime() {
        String waktu = "Waktu : " + timePicker.getCurrentHour() + ":" + timePicker.getCurrentMinute();
        return waktu;
    }
}

getCurrentHour() digunakan untuk menampilkan jam dari TimePicker dan getCurrentMinute() untuk menampilkan menit.

Demo:

Terimakasih atas kunjungannya, semoga tutorial yang saya berikan bisa bermanfaat untuk kalian semua, selebihnya, mohon maaf bila ada kesalahan.

Wassalamualaikum Warahmatullahi Wabarakatuh.

Berbagi :