Cara Menerapkan Contoh Widget DatePicker Android

CODEORAYO COMMUNITY Programming Tutorial Mobile Development Cara Menerapkan Contoh Widget DatePicker Android

  • Post
    codeorayo
    Keymaster
    none
    DatePicker adalah salah satu widget yang berfungsi sebagai  komponen User Interface (Antar Muka) , yang dapat menampilkan , dan mengijinkan si pengguna(user) dapat memilih/menset tanggal,bulan ,tahun. DatePicker bisa juga disebut widget kalender Android ,yang sering kita lihat seperti halnya yang ada di perangkat Android.

    [img width=320,height=228]https://4.bp.blogspot.com/-GL555lR-XOc/Vn4FMMFMdqI/AAAAAAAAERY/VMmwqaoJTiU/s320/android-studio-tutorial.png[/img]

    Pada tutorial belajar android kali ini , kita akan membuat contoh penerapan  Widget DatePicker Android.Nantinya si pengguna(user) memilih tanggal,bulan ,tahun. Setelah itu ketika si pengguna (user) mengklik tombol/button Change Date, maka akan menampilkan hasil tanggal bulan tahun yang telah dipilih oleh si pengguna(user). Untuk lebih jelasnya mari kita coba buat aplikasinya:

    Quote:

    1.Pertama kita akan membuat widget DatePicker  dan TextView yang akan kita masukan ke file layout activity_main.xml.

    Copykan baris code berikut ke file layout activity_main.xml.

    activity_main.xml.


    1. http://schemas.android.com/apk/res/android“

    2.     xmlns:tools=”http://schemas.android.com/tools

    3.     android:id=”@+id/android_date_picker”

    4.     android:layout_width=”match_parent”

    5.     android:layout_height=”match_parent”

    6.     android:layout_marginTop=”5dp”

    7.     android:gravity=”center_horizontal”

    8.     android:orientation=”vertical”

    9.     tools:context=”.MainActivity”>

    10.  

    11.     

    12.         android:layout_width=”wrap_content”

    13.         android:layout_height=”match_parent”>

    14.  

    15.         

    16.             android:layout_width=”wrap_content”

    17.             android:layout_height=”match_parent”

    18.             android:gravity=”center_horizontal”

    19.             android:orientation=”vertical”>

    20.  

    21.             

    22.                 android:id=”@+id/datePicker”

    23.                 android:layout_width=”wrap_content”

    24.                 android:layout_height=”match_parent” />

    25.  

    26.             

    27.                 android:id=”@+id/change_date_button”

    28.                 android:layout_width=”wrap_content”

    29.                 android:layout_height=”wrap_content”

    30.                 android:text=”Change Date” />

    31.  

    32.             

    33.                 android:id=”@+id/display_date”

    34.                 android:layout_width=”wrap_content”

    35.                 android:layout_height=”wrap_content”

    36.                 android:text=”Display Date”

    37.                 android:textSize=”22sp” />

    38.  

    39.             

    40.                 android:layout_width=”fill_parent”

    41.                 android:layout_marginTop=”5dp”

    42.                 android:layout_height=”fill_parent”

    43.                 android:gravity=”center|bottom”

    44.                 android:text=”okedroid.com”

    45.                 android:textSize=”24sp”

    46.                 android:textStyle=”bold” />

    47.         

    48.     



    49. 2. Kedua kita buat sebuah file java MainActivity.java 

      Copykan baris code berikut ke file java  MainActivity.java

       MainActivity.java

      1. package com.okedroid.myapplication;

      2. import android.os.Bundle;

      3. import android.support.v7.app.AppCompatActivity;

      4. import android.view.View;

      5. import android.widget.Button;

      6. import android.widget.DatePicker;

      7. import android.widget.TextView;

      8.  

      9. public class MainActivity extends AppCompatActivity {

      10.  

      11.     DatePicker datePicker;

      12.     TextView displayDate;

      13.     Button changeDate;

      14.     int month;

      15.  

      16.     @Override

      17.     protected void onCreate(Bundle savedInstanceState) {

      18.         super.onCreate(savedInstanceState);

      19.         setContentView(R.layout.activity_main);

      20.  

      21.         datePicker = (DatePicker) findViewById(R.id.datePicker);

      22.         displayDate = (TextView) findViewById(R.id.display_date);

      23.         displayDate.setText(“Display Date”);

      24.         changeDate = (Button) findViewById(R.id.change_date_button);

      25.  

      26.         displayDate.setText(currentDate());

      27.         changeDate.setOnClickListener(new View.OnClickListener() {

      28.             @Override

      29.             public void onClick(View view) {

      30.                 displayDate.setText(currentDate());

      31.             }

      32.         });

      33.     }

      34.  

      35.     public String currentDate() {

      36.         StringBuilder mcurrentDate = new StringBuilder();

      37.         month = datePicker.getMonth() + 1;

      38.         mcurrentDate.append(“Date: ” + month + “/” + datePicker.getDayOfMonth() + “/” + datePicker.getYear());

      39.         return mcurrentDate.toString();

      40.     }

      41. }


        Sekarang, kita coba running Aplikasinya di Software IDE Android Studio,

        Hasilnya kurang lebih seperti gambar dibawah:

        [table]

        [tr]

        [/tr]

        [tr]

        [/tr]

        [/table]

        [td][img width=163,height=320]https://1.bp.blogspot.com/-_gForr3rwRY/VopxN5i9A5I/AAAAAAAAEeY/LmvqBmYMkzg/s320/hasil-Widget-DatePicker-Android.png[/img][/td]
        [td]Hasil Widget DatePicker Android

        [/td]

      • You must be logged in to reply to this topic.