Android UI控制元件系列:DatePicker,TimePicker(日期和時間選擇)

apkbus發表於2014-12-06

日期和時間是任何手機平臺都有的功能,Android也如此。

DatePicker:用來實現日期(年月日)
TimePicker:用來實現時間(時分秒)

Calendar:日曆是設定年度日期物件和一個整數字段之間轉換的抽象基類,如,月,日,小時等。

例如

final Calendar calendar=Calendar.getInstance();
mYear=calendar.get(Calendar.YEAR);—獲取年份
mMonth=calendar.get(Calendar.MONTH);—獲取月份
mDay=calendar.get(Calendar.DAY_OF_MONTH);—獲取日
mHour=calendar.get(Calendar.HOUR_OF_DAY);—獲取時
mMinute=calendar.get(Calendar.MINUTE);—獲取分

等等,可以參考API文件

TimePickerDialog、DatePickerDialog是對話方塊形式的時間類。

廢話不多說,例項如下:

DateTest.java檔案

package org.loulijun.datetest;

import java.util.Calendar;

import android.app.Activity;
import android.app.DatePickerDialog;
import android.app.TimePickerDialog;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import android.widget.DatePicker;
import android.widget.TextView;
import android.widget.TimePicker;

public class DateTest extends Activity {
    /** Called when the activity is first created. */
        TextView textview;
        TimePicker timepicker;
        DatePicker datepicker;
        Button btn1;
        Button btn2;
        //JAVA中的Calendar類
        Calendar c;
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
        /*Like other locale-sensitive classes, Calendar provides a class method, getInstance,
        *for getting a default instance of this class for general use.
        *Calendar's getInstance method returns a calendar whose locale is based on system settings
        *and whose time fields have been initialized with the current date and time:
        */
        c=Calendar.getInstance();
        textview=(TextView)findViewById(R.id.textview);
        btn1=(Button)findViewById(R.id.button1);
        btn2=(Button)findViewById(R.id.button2);

        //獲取DatePicker物件
        datepicker=(DatePicker)findViewById(R.id.datepicker1);
        //將日曆初始化為當前系統時間,並設定其事件監聽
        datepicker.init(c.get(Calendar.YEAR),c.get(Calendar.MONTH),c.get(Calendar.DAY_OF_MONTH),
                        new DatePicker.OnDateChangedListener() {

                                        @Override
                                        public void onDateChanged(DatePicker view, int year, int monthOfYear,
                                                        int dayOfMonth) {
                                                // TODO Auto-generated method stub
                                                //當前日期更改時,在這裡設定
                                                c.set(year,monthOfYear,dayOfMonth);
                                        }
                                });
        //獲取TimePicker物件
        timepicker=(TimePicker)findViewById(R.id.timepicker1);
        //設定為24小時制顯示時間
        timepicker.setIs24HourView(true);
        //監聽時間改變
        timepicker.setOnTimeChangedListener(new TimePicker.OnTimeChangedListener() {

                        @Override
                        public void onTimeChanged(TimePicker view, int hourOfDay, int minute) {
                                // TODO Auto-generated method stub
                                //時間改變處理
                                //c.set(year,month,hourOfDay,minute,second);
                        }
                });

        btn1.setOnClickListener(new Button.OnClickListener()
        {
                        @Override
                        public void onClick(View v) {
                                // TODO Auto-generated method stub
                                new DatePickerDialog(DateTest.this,
                                                new DatePickerDialog.OnDateSetListener() {

                                                        @Override
                                                        public void onDateSet(DatePicker view, int year, int monthOfYear,
                                                                        int dayOfMonth) {
                                                                        //設定日曆
                                                        }
                                                },c.get(Calendar.YEAR),c.get(Calendar.MONTH),c.get(Calendar.DAY_OF_MONTH)).show();
                        }
        });

        btn2.setOnClickListener(new Button.OnClickListener()
        {

                        @Override
                        public void onClick(View v) {
                                // TODO Auto-generated method stub
                                new TimePickerDialog(DateTest.this,
                                                new TimePickerDialog.OnTimeSetListener() {

                                                        @Override
                                                        public void onTimeSet(TimePicker view, int hourOfDay, int minute) {
                                                                // TODO Auto-generated method stub
                                                                //設定時間
                                                        }
                                                },c.get(Calendar.HOUR_OF_DAY),c.get(Calendar.MINUTE),true).show();
                        }

        });
    }
}

main.xml檔案

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    >
<TextView
        android:id="@+id/textview"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:text="時間控制元件使用"
    />
<DatePicker
        android:id="@+id/datepicker1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
/>
<TimePicker
        android:id="@+id/timepicker1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
/>
<Button
        android:id="@+id/button1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="設定日期"
        android:layout_gravity="center"
/>
<Button
        android:id="@+id/button2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="設定時間"
        android:layout_gravity="center"
/>
</LinearLayout>

執行結果如下:

當點選“設定日期”按鈕後,就會顯示如下對話方塊樣式的DatePickerDialog

當點選“設定時間”按鈕後,就會彈出如下對話方塊樣式的TimePickerDialog

相關文章