Android零基礎入門第57節：日期選取器DatePicker和時間選取器TimePicker

標籤：結構   pad   protected   今天   應用   最佳化   frame   格式   通過   

   在實際開發中，經常會遇見一些時間選取器、日期選取器、數字選取器等需求，那麼從本期開始來學習Android中常用選取器，今天學習的是DatePicker和TimePicker。

 

 

一、DatePicker

 

    DatePicker是一個比較簡單的組件，從FrameLayout派生而來，供使用者選擇日期。其在FrameLayout的基礎上提供了一些方法來擷取目前使用者所選擇的日期，如果程式需要擷取使用者選擇的日期則可通過為DatePicker添加 OnDateChangedListener 進行監聽來實現。

    使用DatePicker的常用XML屬性如下：

• android:calendarViewShown：設定該日期選擇是否顯示CalendarView組件。

• android:endYear：設定日期選取器允許選擇的最後一年。

• android:maxDate：設定該日期選取器的最大日期。以mm/dd/yyyy格式指定最大日期。

• android:minDate：設定該日期選取器的最小日期。以mm/dd/yyyy格式指定最小日期。

• android:spinnersShown：設定該日期選取器是否顯示Spinner日期選擇組件。

• android:startYear：設定日期選取器允許選擇的第一年。

   

    接下來通過一個簡單的樣本程式來學習DatePicker的使用。

    繼續使用WidgetSample工程的advancedviewsample模組，在app/main/res/layout/目錄下建立datepicker_layout.xml檔案，在其中填充如下程式碼片段：

<?xml version="1.0" encoding="utf-8"?><RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"                android:layout_width="match_parent"                android:layout_height="match_parent" >    <DatePicker        android:id="@+id/datePicker"        android:layout_width="match_parent"        android:layout_height="wrap_content"        android:layout_gravity="center_horizontal"        android:startYear="2015"        android:endYear="2020"        android:calendarViewShown="true"        android:spinnersShown="true" /></RelativeLayout>

    建立DatePickerActivity.java檔案，載入上面建立的布局檔案，初始化DatePicker並擷取使用者的選擇，具體代碼如下：

package com.jinyu.cqkxzsxy.android.advancedviewsample;import android.os.Bundle;import android.support.v7.app.AppCompatActivity;import android.widget.DatePicker;import android.widget.Toast;import java.util.Calendar;/** * @建立者 鑫鱻 * @描述 Android零基礎入門到精通系列教程，歡迎關注公眾號ShareExpert */public class DatePickerActivity extends AppCompatActivity {    private DatePicker mDatePicker = null; // 日期選取器    private Calendar mCalendar = null; // 日曆    private int mYear; // 年    private int mMonth; // 月    private int mDay; // 日    @Override    protected void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(R.layout.datepicker_layout);        // 擷取日曆對象        mCalendar = Calendar.getInstance();        // 擷取當前對應的年、月、日的資訊        mYear = mCalendar.get(Calendar.YEAR);        mMonth = mCalendar.get(Calendar.MONTH);        mDay = mCalendar.get(Calendar.DAY_OF_MONTH);        // 擷取DatePicker組件        mDatePicker = (DatePicker) findViewById(R.id.datePicker);        // DatePicker初始化        mDatePicker.init(mYear, mMonth, mDay, new DatePicker.OnDateChangedListener() {            @Override            public void onDateChanged(DatePicker view, int year, int monthOfYear, int dayOfMonth) {                Toast.makeText(DatePickerActivity.this,                        year + "年" + (monthOfYear + 1) + "月" + dayOfMonth + "日",                        Toast.LENGTH_SHORT).show();            }        });    }}

    上面程式碼為DatePicker綁定事件監聽器的代碼，當使用者通過這該組件來選擇日期時，監聽器就會被觸發。

    運行程式，可以看到所示介面效果。

 

 

二、TimePicker

 

    TimePicker與DatePicker非常相似，主要是供使用者選擇時間。也是在FrameLayout的基礎上提供了一些方法來擷取目前使用者所選擇的時間，如果程式需要擷取使用者選擇的時間則可通過為TimePicker添加 OnTimeChangedListener 進行監聽來實現。

    接下來通過一個簡單的樣本程式來學習TimePicker的使用。

   繼續使用WidgetSample工程的advancedviewsample模組，在app/main/res/layout/目錄下建立timepicker_layout.xml檔案，在其中填充如下程式碼片段：

<?xml version="1.0" encoding="utf-8"?><RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"                android:layout_width="match_parent"                android:layout_height="match_parent" >    <TimePicker        android:id="@+id/timePicker"        android:layout_width="match_parent"        android:layout_height="wrap_content"        android:layout_gravity="center_horizontal" /></RelativeLayout>

    建立TimePickerActivity.java檔案，載入上面建立的布局檔案，初始化TimePicker並擷取使用者的選擇，具體代碼如下：

package com.jinyu.cqkxzsxy.android.advancedviewsample;import android.os.Bundle;import android.support.v7.app.AppCompatActivity;import android.widget.TimePicker;import android.widget.Toast;import java.util.Calendar;/** * @建立者 鑫鱻 * @描述 Android零基礎入門到精通系列教程，歡迎關注公眾號ShareExpert */public class TimePickerActivity extends AppCompatActivity {    private TimePicker mTimePicker = null; // 時間選取器    private Calendar mCalendar = null; // 日曆    private int mHour; // 時    private int mMinute; // 分    @Override    protected void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(R.layout.timepicker_layout);        // 擷取日曆對象        mCalendar = Calendar.getInstance();        // 擷取對應的時、分的資訊        mHour = mCalendar.get(Calendar.HOUR_OF_DAY);        mMinute = mCalendar.get(Calendar.MINUTE);        // 擷取TimePicker組件        mTimePicker = (TimePicker) findViewById(R.id.timePicker);        // 為TimePicker指定監聽器        mTimePicker.setOnTimeChangedListener(new TimePicker.OnTimeChangedListener() {            @Override            public void onTimeChanged(TimePicker view, int hourOfDay, int minute) {                Toast.makeText(TimePickerActivity.this, hourOfDay + ":" + minute,                        Toast.LENGTH_SHORT).show();            }        });    }}

    上面程式碼為TimePicker綁定事件監聽器的代碼，當使用者通過這該組件來選擇時間時，監聽器就會被觸發。

    運行程式，可以看到所示介面效果。

    至此，關於DatePicker和TimePicker的簡單使用先告一段落，更多功能建議多摸索練習。

 

    今天就先到這裡，如果有問題歡迎留言一起探討，也歡迎加入Android零基礎入門技術討論群，共同成長！

   此文章著作權為公眾號分享達人秀（ShareExpert）——鑫鱻所有，若需轉載請聯絡作者授權，特此聲明！

 

往期總結分享：

Android零基礎入門第1節：Android的前世今生

Android零基礎入門第2節：Android 系統架構和應用組件那些事

Android零基礎入門第3節：帶你一起來聊一聊Android開發環境

Android零基礎入門第4節：正確安裝和配置JDK, 高富帥養成第一招

Android零基礎入門第5節：善用ADT Bundle, 輕鬆邂逅女神

Android零基礎入門第6節：配置最佳化SDK Manager, 正式約會女神

Android零基礎入門第7節：搞定Android模擬器，開啟甜蜜之旅

Android零基礎入門第8節：HelloWorld，我的第一趟旅程出發點

Android零基礎入門第9節：Android應用實戰，不懂代碼也可以開發

Android零基礎入門第10節：開發IDE大升級，終於迎來了Android Studio

Android零基礎入門第11節：簡單幾步帶你飛，運行Android Studio工程

Android零基礎入門第12節：熟悉Android Studio介面，開始裝逼賣萌

Android零基礎入門第13節：Android Studio配置最佳化，打造開發利器

Android零基礎入門第14節：使用高速Genymotion，跨入火箭時代

Android零基礎入門第15節：掌握Android Studio項目結構，揚帆起航

Android零基礎入門第16節：Android使用者介面開發概述

Android零基礎入門第17節：文字框TextView

Android零基礎入門第18節：輸入框EditText

Android零基礎入門第19節：按鈕Button

Android零基礎入門第20節：複選框CheckBox和選項按鈕RadioButton

Android零基礎入門第21節：開關組件ToggleButton和Switch

Android零基礎入門第22節：映像視圖ImageView

Android零基礎入門第23節：映像按鈕ImageButton和縮放按鈕ZoomButton

Android零基礎入門第24節：自訂View簡單使用，打造屬於你的控制項

Android零基礎入門第25節：簡單且最常用的LinearLayout線性布局

Android零基礎入門第26節：兩種對齊，layout_gravity和gravity大不同

Android零基礎入門第27節：正確使用padding和margin

Android零基礎入門第28節：輕鬆掌握RelativeLayout相對布局

Android零基礎入門第29節：善用TableLayout表格版面配置

Android零基礎入門第30節：兩分鐘掌握FrameLayout幀布局

Android零基礎入門第31節：少用的AbsoluteLayout絕對布局

Android零基礎入門第32節：新推出的GridLayout網格布局

Android零基礎入門第33節：Android事件處理概述

Android零基礎入門第34節：Android中基於監聽的事件處理

Android零基礎入門第35節：Android中基於回調的事件處理

Android零基礎入門第36節：Android系統事件的處理

Android零基礎入門第37節：初識ListView

Android零基礎入門第38節：初識Adapter

Android零基礎入門第39節：ListActivity和自訂欄表項

Android零基礎入門第40節：自訂ArrayAdapter

Android零基礎入門第41節：使用SimpleAdapter

Android零基礎入門第42節：自訂BaseAdapter

Android零基礎入門第43節：ListView最佳化和列表首尾使用

Android零基礎入門第44節：ListView資料動態更新

Android零基礎入門第45節：網格視圖GridView

Android零基礎入門第46節：列表選項框Spinner

Android零基礎入門第47節：自動完成文字框AutoCompleteTextView

Android零基礎入門第48節：可摺疊列表ExpandableListView

Android零基礎入門第49節：AdapterViewFlipper圖片輪播

Android零基礎入門第50節：StackView卡片堆疊

Android零基礎入門第51節：進度條ProgressBar

Android零基礎入門第52節：自訂ProgressBar炫酷進度條

Android零基礎入門第53節：拖動條SeekBar和星級評等條RatingBar

Android零基礎入門第54節：視圖切換組件ViewSwitcher

Android零基礎入門第55節：ImageSwitcher和TextSwitcher

Android零基礎入門第56節：翻轉視圖ViewFlipper

Android零基礎入門第57節：日期選取器DatePicker和時間選取器TimePicker