Android自訂DataTimePicker（日期選取器）

標籤：android

Android自訂DataTimePicker（日期選取器）

 筆者有一段時間沒有發表關於Android的文章了，關於Android自訂群組件筆者有好幾篇想跟大家分享的，後期會記錄在部落格中。本篇部落格給大家分享的是自訂一個日期選取器，可以讓使用者同時選擇年月日和目前時間。
先看看效果：

實現的效果就是在同一個布局上顯示日期選擇和時間選擇。
自訂一個類：/DateTimePicker/src/com/wwj/datetimepicker/DateTimePickDialogUtil.java

package com.wwj.datetimepicker;import java.text.SimpleDateFormat;import java.util.Calendar;import android.app.Activity;import android.app.AlertDialog;import android.content.DialogInterface;import android.widget.DatePicker;import android.widget.DatePicker.OnDateChangedListener;import android.widget.EditText;import android.widget.LinearLayout;import android.widget.TimePicker;import android.widget.TimePicker.OnTimeChangedListener;/** * 日期時間選擇控制項 使用方法： private EditText inputDate;//需要設定的日期時間文本編輯框 private String * initDateTime="2012年9月3日 14:44",//初始日期時間值 在點擊事件中使用： * inputDate.setOnClickListener(new OnClickListener() { *  * @Override public void onClick(View v) { DateTimePickDialogUtil *           dateTimePicKDialog=new *           DateTimePickDialogUtil(SinvestigateActivity.this,initDateTime); *           dateTimePicKDialog.dateTimePicKDialog(inputDate); *  *           } }); *  * @author */public class DateTimePickDialogUtil implements OnDateChangedListener,OnTimeChangedListener {private DatePicker datePicker;private TimePicker timePicker;private AlertDialog ad;private String dateTime;private String initDateTime;private Activity activity;/** * 日期時間彈出選擇框建構函式 *  * @param activity *            ：調用的父activity * @param initDateTime *            初始日期時間值，作為快顯視窗的標題和日期時間初始值 */public DateTimePickDialogUtil(Activity activity, String initDateTime) {this.activity = activity;this.initDateTime = initDateTime;}public void init(DatePicker datePicker, TimePicker timePicker) {Calendar calendar = Calendar.getInstance();if (!(null == initDateTime || "".equals(initDateTime))) {calendar = this.getCalendarByInintData(initDateTime);} else {initDateTime = calendar.get(Calendar.YEAR) + "年"+ calendar.get(Calendar.MONTH) + "月"+ calendar.get(Calendar.DAY_OF_MONTH) + "日 "+ calendar.get(Calendar.HOUR_OF_DAY) + ":"+ calendar.get(Calendar.MINUTE);}datePicker.init(calendar.get(Calendar.YEAR),calendar.get(Calendar.MONTH),calendar.get(Calendar.DAY_OF_MONTH), this);timePicker.setCurrentHour(calendar.get(Calendar.HOUR_OF_DAY));timePicker.setCurrentMinute(calendar.get(Calendar.MINUTE));}/** * 彈出日期時間選擇框方法 *  * @param inputDate *            :為需要設定的日期時間文本編輯框 * @return */public AlertDialog dateTimePicKDialog(final EditText inputDate) {LinearLayout dateTimeLayout = (LinearLayout) activity.getLayoutInflater().inflate(R.layout.common_datetime, null);datePicker = (DatePicker) dateTimeLayout.findViewById(R.id.datepicker);timePicker = (TimePicker) dateTimeLayout.findViewById(R.id.timepicker);init(datePicker, timePicker);timePicker.setIs24HourView(true);timePicker.setOnTimeChangedListener(this);ad = new AlertDialog.Builder(activity).setTitle(initDateTime).setView(dateTimeLayout).setPositiveButton("設定", new DialogInterface.OnClickListener() {public void onClick(DialogInterface dialog, int whichButton) {inputDate.setText(dateTime);}}).setNegativeButton("取消", new DialogInterface.OnClickListener() {public void onClick(DialogInterface dialog, int whichButton) {inputDate.setText("");}}).show();onDateChanged(null, 0, 0, 0);return ad;}public void onTimeChanged(TimePicker view, int hourOfDay, int minute) {onDateChanged(null, 0, 0, 0);}public void onDateChanged(DatePicker view, int year, int monthOfYear,int dayOfMonth) {// 獲得日曆執行個體Calendar calendar = Calendar.getInstance();calendar.set(datePicker.getYear(), datePicker.getMonth(),datePicker.getDayOfMonth(), timePicker.getCurrentHour(),timePicker.getCurrentMinute());SimpleDateFormat sdf = new SimpleDateFormat("yyyy年MM月dd日 HH:mm");dateTime = sdf.format(calendar.getTime());ad.setTitle(dateTime);}/** * 實現將初始日期時間2012年07月02日 16:45 拆分成年 月 日 時 分 秒,並賦值給calendar *  * @param initDateTime *            初始日期時間值 字串型 * @return Calendar */private Calendar getCalendarByInintData(String initDateTime) {Calendar calendar = Calendar.getInstance();// 將初始日期時間2012年07月02日 16:45 拆分成年 月 日 時 分 秒String date = spliteString(initDateTime, "日", "index", "front"); // 日期String time = spliteString(initDateTime, "日", "index", "back"); // 時間String yearStr = spliteString(date, "年", "index", "front"); // 年份String monthAndDay = spliteString(date, "年", "index", "back"); // 月日String monthStr = spliteString(monthAndDay, "月", "index", "front"); // 月String dayStr = spliteString(monthAndDay, "月", "index", "back"); // 日String hourStr = spliteString(time, ":", "index", "front"); // 時String minuteStr = spliteString(time, ":", "index", "back"); // 分int currentYear = Integer.valueOf(yearStr.trim()).intValue();int currentMonth = Integer.valueOf(monthStr.trim()).intValue() - 1;int currentDay = Integer.valueOf(dayStr.trim()).intValue();int currentHour = Integer.valueOf(hourStr.trim()).intValue();int currentMinute = Integer.valueOf(minuteStr.trim()).intValue();calendar.set(currentYear, currentMonth, currentDay, currentHour,currentMinute);return calendar;}/** * 截取子串 *  * @param srcStr *            源串 * @param pattern *            匹配模式 * @param indexOrLast * @param frontOrBack * @return */public static String spliteString(String srcStr, String pattern,String indexOrLast, String frontOrBack) {String result = "";int loc = -1;if (indexOrLast.equalsIgnoreCase("index")) {loc = srcStr.indexOf(pattern); // 取得字串第一次出現的位置} else {loc = srcStr.lastIndexOf(pattern); // 最後一個匹配串的位置}if (frontOrBack.equalsIgnoreCase("front")) {if (loc != -1)result = srcStr.substring(0, loc); // 截取子串} else {if (loc != -1)result = srcStr.substring(loc + 1, srcStr.length()); // 截取子串}return result;}}

/DateTimePicker/src/com/wwj/datetimepicker/DateTimePickerActivity.java

package com.wwj.datetimepicker;import android.app.Activity;import android.os.Bundle;import android.view.View;import android.view.View.OnClickListener;import android.widget.EditText;/** * 時間拾取器介面 *  * @author wwj_748 *  */public class DateTimePickerActivity extends Activity {/** Called when the activity is first created. */private EditText startDateTime;private EditText endDateTime;private String initStartDateTime = "2013年9月3日 14:44"; // 初始化開始時間private String initEndDateTime = "2014年8月23日 17:44"; // 初始化結束時間@Overridepublic void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.main);// 兩個輸入框startDateTime = (EditText) findViewById(R.id.inputDate);endDateTime = (EditText) findViewById(R.id.inputDate2);startDateTime.setText(initStartDateTime);endDateTime.setText(initEndDateTime);startDateTime.setOnClickListener(new OnClickListener() {public void onClick(View v) {DateTimePickDialogUtil dateTimePicKDialog = new DateTimePickDialogUtil(DateTimePickerActivity.this, initEndDateTime);dateTimePicKDialog.dateTimePicKDialog(startDateTime);}});endDateTime.setOnClickListener(new OnClickListener() {public void onClick(View v) {DateTimePickDialogUtil dateTimePicKDialog = new DateTimePickDialogUtil(DateTimePickerActivity.this, initEndDateTime);dateTimePicKDialog.dateTimePicKDialog(endDateTime);}});}}

自訂介面：/DateTimePicker/res/layout/common_datetime.xml

<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"    android:layout_width="fill_parent"    android:layout_height="fill_parent"    android:orientation="vertical" >    <DatePicker        android:id="@+id/datepicker"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:calendarViewShown="false" />    <TimePicker        android:id="@+id/timepicker"        android:layout_width="wrap_content"        android:layout_height="wrap_content" /></LinearLayout>

源碼下載：http://download.csdn.net/detail/wwj_748/7806993

Android自訂DataTimePicker（日期選取器）