Android入門之日歷選擇與時間選擇組件的使用

更新時間：2022年11月11日 09:31:27 作者：TGITCIC

這篇文章主要為大家詳細介紹了Android中TimePicker時間選擇與DatePicker日期選擇組件的使用方法,文中的示例代碼講解詳細,需要的朋友可以參考下

介紹

DatePicker日期選擇器，自帶spinner和calendar兩種模式，相關(guān)屬性：

android:calendarTextColor ：日歷列表的文本的顏色
android:calendarViewShown：是否顯示日歷視圖
android:datePickerMode：組件外觀，可選值:spinner，calendar 前者效果如下，默認效果是后者
android:dayOfWeekBackground：頂部星期幾的背景顏色
android:dayOfWeekTextAppearance：頂部星期幾的文字顏色
android:endYear：去年(內(nèi)容)比如2010
android:firstDayOfWeek：設(shè)置日歷列表以星期幾開頭
android:headerBackground：整個頭部的背景顏色
android:headerDayOfMonthTextAppearance：頭部日期字體的顏色
android:headerMonthTextAppearance：頭部月份的字體顏色
android:headerYearTextAppearance：頭部年的字體顏色
android:maxDate：最大日期顯示在這個日歷視圖mm / dd / yyyy格式
android:minDate：最小日期顯示在這個日歷視圖mm / dd / yyyy格式
android:spinnersShown：是否顯示spinner
android:startYear：設(shè)置第一年(內(nèi)容)，比如19940年
android:yearListItemTextAppearance：列表的文本出現(xiàn)在列表中。
android:yearListSelectorColor：年列表選擇的顏色

TimePicker時間選擇器，只有一個屬性android:timePickerMode設(shè)置spinner和clock(默認)；

CalendarView日歷選擇器，相關(guān)屬性：

android:firstDayOfWeek：設(shè)置一個星期的第一天
android:maxDate ：最大的日期顯示在這個日歷視圖mm/ dd /yyyy格式
android:minDate：最小的日期顯示在這個日歷視圖mm/ dd /yyyy格式
android:weekDayTextAppearance：工作日的文本出現(xiàn)在日歷標(biāo)題縮寫

DatePicker有兩種Style

第一種：android:datePickerMode="calendar"

第二種：android:datePickerMode="spinner" ，巨丑無比，就不要用了。

TimePicker同樣也有兩種Style

第一種：android:timePickerMode="clock" ，巨丑無比，就不要用了。

第二種：android:timePickerMode="spinner"

這兩個控件常常會在項目里被自定義，因為系統(tǒng)自帶的不怎么好看。

另外就是它們支持的事件很簡單。就是選擇完日期、時間后的onDateChanged和onTimeChanged。

下面我們來看代碼。

課程目標(biāo)

縱向擺放一個TimePicker，一個DatePicker；
選擇后系統(tǒng)打印用戶選擇的時間、日期至LogCat；

主界面代碼

<?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:orientation="vertical"
    tools:context=".MainActivity">
 
    <TimePicker
        android:id="@+id/timePickerSpinner"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:timePickerMode="spinner" />
 
    <DatePicker
        android:id="@+id/datepickerCalendar"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:datePickerMode="calendar" />
 
 
</LinearLayout>

后臺交互代碼

package org.mk.android.demo.demodatepicker;
 
import androidx.annotation.NonNull;
import androidx.appcompat.app.AppCompatActivity;
 
import android.os.Bundle;
import android.util.Log;
import android.widget.DatePicker;
import android.widget.TimePicker;
 
import java.util.Calendar;
 
public class MainActivity extends AppCompatActivity {
    private DatePicker dp;
    private TimePicker tp;
 
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        dp = (DatePicker) findViewById(R.id.datepickerCalendar);
        tp=(TimePicker) findViewById(R.id.timePickerSpinner);
        dp.setOnDateChangedListener(new OnDateChanged());
        tp.setOnTimeChangedListener(new OnTimeChanged());
    }
 
    private class OnDateChanged implements DatePicker.OnDateChangedListener {
        @Override
        public void onDateChanged(DatePicker view, int year, int monthOfYear, int dayOfMonth) {
            StringBuffer selectedDateStr = new StringBuffer();
            selectedDateStr.append("您選擇的日期是:").append(year).append("年").append(monthOfYear + 1).append("月").append(dayOfMonth).append("日");
            Log.i("app", selectedDateStr.toString());
        }
    }
 
    private class OnTimeChanged implements TimePicker.OnTimeChangedListener {
        @Override
        public void onTimeChanged(TimePicker view, int hourOfDay, int minute) {
            StringBuffer selectedTimeStr = new StringBuffer();
            selectedTimeStr.append("您選擇的時間是:").append(hourOfDay).append("時").append(minute).append("分");
            Log.i("app", selectedTimeStr.toString());
        }
    }
}