Android Date & Time組件(下)

2023-03-31 13:41 更新

本節(jié)引言:

本節(jié)我們來(lái)繼續(xù)學(xué)習(xí)Android系統(tǒng)給我們提供的幾個(gè)原生的Date & Time組件,他們分別是: DatePicker(日期選擇器),TimePicker(時(shí)間選擇器),CalendarView(日期視圖),好吧, 其實(shí)一開(kāi)始讓我扣這幾個(gè)玩意我是拒絕的,因?yàn)樵谖业挠∠罄?,他們是這樣的:

98939711

簡(jiǎn)直把我丑哭了,有木有,終于知道為什么那么多人喜歡自定義這種類(lèi)型的控件了!但是畢竟 提綱上寫(xiě)了,自己寫(xiě)的提綱,含著淚也要把他寫(xiě)完...當(dāng)我把DatePicker寫(xiě)到布局中,然后看下 預(yù)覽圖,喲:原來(lái),看起來(lái)還不錯(cuò),心情大好,哈哈,那么開(kāi)始本節(jié)內(nèi)容!

1.DatePicker(日期選擇器)

可供我們使用的屬性如下:

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

屬性就是上面這些,你想怎么玩就怎么玩,接下來(lái)我們說(shuō)下他的DatePicker的事件: DatePicker.OnDateChangedListener 另外,奇怪的是,如果是上面這種mode為calendar的設(shè)置了事件并沒(méi)有響應(yīng),看來(lái)上面這種 只能選擇完后獲取對(duì)應(yīng)的值了,如果你的mode未spinner的話,使用下述代碼就可以完成事件監(jiān)聽(tīng):

實(shí)現(xiàn)代碼如下:

public class MainActivity extends AppCompatActivity implements DatePicker.OnDateChangedListener{

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        DatePicker dp_test = (DatePicker) findViewById(R.id.dp_test);
        Calendar calendar = Calendar.getInstance();
        int year=calendar.get(Calendar.YEAR);
        int monthOfYear=calendar.get(Calendar.MONTH);
        int dayOfMonth=calendar.get(Calendar.DAY_OF_MONTH);
        dp_test.init(year,monthOfYear,dayOfMonth,this);
    }

    @Override
    public void onDateChanged(DatePicker view, int year, int monthOfYear, int dayOfMonth) {
        Toast.makeText(MainActivity.this,"您選擇的日期是:"+year+"年"+(monthOfYear+1)+"月"+dayOfMonth+"日!",Toast.LENGTH_SHORT).show();
    }
}

運(yùn)行效果圖:

2.TimePicker(時(shí)間選擇器)

先來(lái)看看5.0的TimePicker長(zhǎng)什么樣:樣子還是蠻標(biāo)致的哈,我們發(fā)現(xiàn)官方給我們提供的屬性只有一個(gè): android:timePickerMode:組件外觀,同樣可選值為:spinner和clock(默認(rèn)) 前者是舊版本的TimePicker~ 而他對(duì)應(yīng)的監(jiān)聽(tīng)事件是:TimePicker.OnTimeChangedListener

下面來(lái)個(gè)代碼示例:

public class MainActivity extends AppCompatActivity{

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        TimePicker tp_test = (TimePicker) findViewById(R.id.tp_test);
        tp_test.setOnTimeChangedListener(new TimePicker.OnTimeChangedListener() {
            @Override
            public void onTimeChanged(TimePicker view, int hourOfDay, int minute) {
                Toast.makeText(MainActivity.this,"您選擇的時(shí)間是:"+hourOfDay+"時(shí)"+minute+"分!",Toast.LENGTH_SHORT).show();
            }
        });
    }

}

運(yùn)行效果圖: 可惜的是,同樣需要舊版本的TimePicker才會(huì)觸發(fā)這個(gè)事件!

3.CalendarView(日歷視圖)

好的,一樣是看看樣子先:嗯,好像變化不大,接下來(lái)我們簡(jiǎn)單的看下文檔中給我們提供的屬性:
  • android:firstDayOfWeek:設(shè)置一個(gè)星期的第一天
  • android:maxDate :最大的日期顯示在這個(gè)日歷視圖mm / dd / yyyy格式
  • android:minDate:最小的日期顯示在這個(gè)日歷視圖mm / dd / yyyy格式
  • android:weekDayTextAppearance:工作日的文本出現(xiàn)在日歷標(biāo)題縮寫(xiě)

處理上面的還有其他,但是都是被棄用的... 對(duì)應(yīng)的日期改變事件是:CalendarView.OnDateChangeListener

示例代碼:

public class MainActivity extends AppCompatActivity{
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        CalendarView cv_test = (CalendarView) findViewById(R.id.cv_test);
        cv_test.setOnDateChangeListener(new CalendarView.OnDateChangeListener() {
            @Override
            public void onSelectedDayChange(CalendarView view, int year, int month, int dayOfMonth) {
                Toast.makeText(MainActivity.this,"您選擇的時(shí)間是:"+ year + "年" + month + "月" + dayOfMonth + "日",Toast.LENGTH_SHORT).show();
            }
        });
    }
}

運(yùn)行效果圖:

本節(jié)小結(jié):

    好的,關(guān)于這三個(gè)控件的介紹就到這里,實(shí)際開(kāi)發(fā)中這些控件我們一般都是自定義的, 在進(jìn)階系列我們會(huì)來(lái)自己寫(xiě)控件,敬請(qǐng)期待,謝謝~


以上內(nèi)容是否對(duì)您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)