Belajar Membuat Widget DatePicker di Android Studio


Assalamualaikum Warahmatullahi Wabarakatuh.

Pada Aplikasi Android, DatePicker berfungsi sebagai komponen User Interface (Antar Muka), yang memungkinkan user untuk mengse/memilih tanggal, bulan dan tahun. DatePicker bisa kita sebut sebagai kalender, dengan menggunakan widget ini, kita dapat mengubah tanggla, bulan dan tahun. seperti yang sering kita lihat di perangkat Android.


Pada tutorial ini, kita akan belajar membuat program sederhana dengan menggunakan DatePicker, pada program tersebut user diharuskan memilih tanggal, bulan dan tahun. Lalu hasilnya akan ditampilkan menggunakan TextView.

Materi lainnya yang direkomendasikan:


Belajar Membuat Widget DatePicker di Android Studio

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

2) Selanjutnya bua file activity_main,xml kalian, disini kita akan menambahkan DatePicker, digunakan untuk mengset tanggal, bulan dan tahun. Lalu Button, untuk mengeksekusi settingan dari DatePicker, dimana hasil settingan DatePicker tersebut 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">

            <DatePicker
                android:id="@+id/kalender"
                android:layout_width="match_parent"
                android:layout_height="wrap_content" />

            <Button
                android:id="@+id/set_kalender"
                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.DatePicker;
import android.widget.TextView;
import android.widget.Toast;

public class MainActivity extends AppCompatActivity {

    private DatePicker datePicker;
    private TextView Output;
    private Button SetChange;

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

    private String getDate(){
        int hari;
        int bulan;
        int tahun;
        StringBuilder date = new StringBuilder();
        hari = datePicker.getDayOfMonth(); //Mendapatkan Input Hari dari DatePicker
        bulan = datePicker.getMonth() + 1; //Mendapatkan Input Bulan dari DatePicker
        tahun = datePicker.getYear(); //Mendapatkan Input Tahun dari DatePicker

        //Meambah Isi/Nilai pada Variable date(StringBuilder)
        date.append("Date : ").append(hari).append("/").append(bulan).append("/").append(tahun);
        return date.toString();//Mengembalikan Nilai date
    }
}
Didalam method getDate(), kita membuat 3 buah variable, yaitu hari, bulan dan tahun, masing-masing variable tersebut digunakan untuk meyimpan data yang didapat dari DatePicker.

Untuk membentuk atau melakukan operasi terhadap objek String, kita dapat menggunakan class StringBuilder, pada class tersebut, kita dapat menambahkan isi pada variable date tersebut, menggunakan fungsi append.

Lalu mengembalikan nilainnya, terakhir kita set pada variable Output, data akan ditampilkan saat user menekan tombol change date.

Demo:


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

Wassalamualaikum Warahmatullahi Wabarakatuh.

Disqus Comments