摘要:注為了便于區(qū)分,本文將選擇年月日的控件稱為日期選擇控件,將選擇時(shí)分的控件稱為時(shí)間選擇控件。初始化控件和創(chuàng)建相關(guān)變量初始化控件初始化控件,并為兩個(gè)設(shè)置監(jiān)聽事件創(chuàng)建相關(guān)變量使用類獲取當(dāng)前的日期時(shí)間。
這個(gè)月根據(jù)需求在項(xiàng)目中做了一個(gè)時(shí)間選擇器,雖然沒有用到Android原生的時(shí)間選擇控件,但我羞愧地發(fā)現(xiàn)自己竟然從來沒有用過這方面控件!趁現(xiàn)在有時(shí)間,趕緊查缺補(bǔ)漏,寫一篇博客吧。
(注:為了便于區(qū)分,本文將選擇年月日的控件稱為日期選擇控件,將選擇時(shí)分的控件稱為時(shí)間選擇控件。)
1、創(chuàng)建項(xiàng)目新建一個(gè)項(xiàng)目,MainActivity的布局如下:
界面效果如下:
點(diǎn)擊條目之后就會(huì)彈出日期或者時(shí)間選擇控件,點(diǎn)擊確定按鈕后,就會(huì)將選擇的結(jié)果顯示在淺灰色的方框中。
2、初始化控件和創(chuàng)建相關(guān)變量 2.1 初始化控件初始化控件,并為兩個(gè)LinearLayout設(shè)置監(jiān)聽事件:
private void initView() { llDate = (LinearLayout) findViewById(R.id.ll_date); tvDate = (TextView) findViewById(R.id.tv_date); llTime = (LinearLayout) findViewById(R.id.ll_time); tvTime = (TextView) findViewById(R.id.tv_time); llDate.setOnClickListener(this); llTime.setOnClickListener(this); }2.2 創(chuàng)建相關(guān)變量
使用Calendar類獲取當(dāng)前的日期時(shí)間。
private int year, month, day, hour, minute; private void initDateTime() { Calendar calendar = Calendar.getInstance(); year = calendar.get(Calendar.YEAR); month = calendar.get(Calendar.MONTH) + 1; day = calendar.get(Calendar.DAY_OF_MONTH); hour = calendar.get(Calendar.HOUR); minute = calendar.get(Calendar.MINUTE); }
注意,calendar.get(Calendar.MONTH)獲取到的月份下標(biāo)是從0開始的,值為0時(shí)表示一月份,1時(shí)表示二月份,以此類推,所以必須加上1。
創(chuàng)建兩個(gè)StringBuffer變量,用于拼接獲取到的時(shí)間數(shù)據(jù)。
private StringBuffer date, time;3、日期選擇控件DatePicker
這里我們選擇自定義AlertDialog的形式來顯示選擇控件。
(關(guān)于AlertDialog的使用可以參考我的這篇文章:Android之AlertDialog的基礎(chǔ)使用)
日期選擇控件自定義布局dialog_date.xml如下:
只需放置一個(gè)DatePicker控件即可。不同版本的Android的DatePicker控件外觀可能有所不同,比如Android4.4上是滾輪的形式,在7.0上則是一個(gè)日歷視圖。為了避免在4.4等低版本上顯示出日歷視圖占用太多空間,可以將android:calendarViewShown屬性設(shè)為fasle。
繼承接口DatePicker.OnDateChangedListener,實(shí)現(xiàn)日期改變的監(jiān)聽方法:
@Override public void onDateChanged(DatePicker view, int year, int monthOfYear, int dayOfMonth) { this.year = year; this.month = monthOfYear; this.day = dayOfMonth; }
這樣就可以獲取到用戶選擇的年月日數(shù)值了。
下面就是創(chuàng)建AlertDialog了:
AlertDialog.Builder builder = new AlertDialog.Builder(context); builder.setPositiveButton("設(shè)置", new DialogInterface.OnClickListener() { @Override public void onClick(DialogInterface dialog, int which) { if (date.length() > 0) { //清除上次記錄的日期 date.delete(0, date.length()); } tvDate.setText(date.append(String.valueOf(year)).append("年").append(String.valueOf(month)).append("月").append(day).append("日")); dialog.dismiss(); } }); builder.setNegativeButton("取消", new DialogInterface.OnClickListener() { @Override public void onClick(DialogInterface dialog, int which) { dialog.dismiss(); } }); final AlertDialog dialog = builder.create(); View dialogView = View.inflate(context, R.layout.dialog_date, null); final DatePicker datePicker = (DatePicker) dialogView.findViewById(R.id.datePicker); dialog.setTitle("設(shè)置日期"); dialog.setView(dialogView); dialog.show(); //初始化日期監(jiān)聽事件 datePicker.init(year, month - 1, day, this);
DatePicker需要調(diào)用init方法初始化,傳入年月日數(shù)值和OnDateChangedListener對(duì)象。要記住我們前面在給month賦值時(shí)已經(jīng)是對(duì)應(yīng)的月份數(shù)值了,而這里需要的是下標(biāo)值,所以要減1。
運(yùn)行之后,效果如圖所示:
4、時(shí)間選擇控件TimePicker這里我們同樣需要一個(gè)自定義的AlertDialog布局:
同樣,我們需要監(jiān)聽時(shí)和分的變化,所以繼承TimePicker.OnTimeChangedListener接口,實(shí)現(xiàn)以下的方法:
@Override public void onTimeChanged(TimePicker view, int hourOfDay, int minute) { this.hour = hourOfDay; this.minute = minute; }
時(shí)間選擇控件的初始化跟日期選擇控件的有所不同,DatePicker一個(gè)init方法解決,但TimePicker的工作量稍大一點(diǎn)??聪旅娲a:
timePicker.setCurrentHour(hour); timePicker.setCurrentMinute(minute); timePicker.setIs24HourView(true); //設(shè)置24小時(shí)制 timePicker.setOnTimeChangedListener(this);
除了要設(shè)置當(dāng)前要顯示的時(shí)和分之外,還要設(shè)置是24小時(shí)制還是12小時(shí)制。
效果圖如下:
package com.lindroid.datetimepickerdemo; import android.app.AlertDialog; import android.content.Context; import android.content.DialogInterface; import android.os.Bundle; import android.support.v7.app.AppCompatActivity; import android.view.View; import android.widget.DatePicker; import android.widget.LinearLayout; import android.widget.TextView; import android.widget.TimePicker; import java.util.Calendar; public class MainActivity extends AppCompatActivity implements View.OnClickListener, DatePicker.OnDateChangedListener, TimePicker.OnTimeChangedListener { private Context context; private LinearLayout llDate, llTime; private TextView tvDate, tvTime; private int year, month, day, hour, minute; //在TextView上顯示的字符 private StringBuffer date, time; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); context = this; date = new StringBuffer(); time = new StringBuffer(); initView(); initDateTime(); } /** * 初始化控件 */ private void initView() { llDate = (LinearLayout) findViewById(R.id.ll_date); tvDate = (TextView) findViewById(R.id.tv_date); llTime = (LinearLayout) findViewById(R.id.ll_time); tvTime = (TextView) findViewById(R.id.tv_time); llDate.setOnClickListener(this); llTime.setOnClickListener(this); } /** * 獲取當(dāng)前的日期和時(shí)間 */ private void initDateTime() { Calendar calendar = Calendar.getInstance(); year = calendar.get(Calendar.YEAR); month = calendar.get(Calendar.MONTH) + 1; day = calendar.get(Calendar.DAY_OF_MONTH); hour = calendar.get(Calendar.HOUR); minute = calendar.get(Calendar.MINUTE); } @Override public void onClick(View v) { switch (v.getId()) { case R.id.ll_date: AlertDialog.Builder builder = new AlertDialog.Builder(context); builder.setPositiveButton("設(shè)置", new DialogInterface.OnClickListener() { @Override public void onClick(DialogInterface dialog, int which) { if (date.length() > 0) { //清除上次記錄的日期 date.delete(0, date.length()); } tvDate.setText(date.append(String.valueOf(year)).append("年").append(String.valueOf(month)).append("月").append(day).append("日")); dialog.dismiss(); } }); builder.setNegativeButton("取消", new DialogInterface.OnClickListener() { @Override public void onClick(DialogInterface dialog, int which) { dialog.dismiss(); } }); final AlertDialog dialog = builder.create(); View dialogView = View.inflate(context, R.layout.dialog_date, null); final DatePicker datePicker = (DatePicker) dialogView.findViewById(R.id.datePicker); dialog.setTitle("設(shè)置日期"); dialog.setView(dialogView); dialog.show(); //初始化日期監(jiān)聽事件 datePicker.init(year, month - 1, day, this); break; case R.id.ll_time: AlertDialog.Builder builder2 = new AlertDialog.Builder(context); builder2.setPositiveButton("設(shè)置", new DialogInterface.OnClickListener() { @Override public void onClick(DialogInterface dialog, int which) { if (time.length() > 0) { //清除上次記錄的日期 time.delete(0, time.length()); } tvTime.setText(time.append(String.valueOf(hour)).append("時(shí)").append(String.valueOf(minute)).append("分")); dialog.dismiss(); } }); builder2.setNegativeButton("取消", new DialogInterface.OnClickListener() { @Override public void onClick(DialogInterface dialog, int which) { dialog.dismiss(); } }); AlertDialog dialog2 = builder2.create(); View dialogView2 = View.inflate(context, R.layout.dialog_time, null); TimePicker timePicker = (TimePicker) dialogView2.findViewById(R.id.timePicker); timePicker.setCurrentHour(hour); timePicker.setCurrentMinute(minute); timePicker.setIs24HourView(true); //設(shè)置24小時(shí)制 timePicker.setOnTimeChangedListener(this); dialog2.setTitle("設(shè)置時(shí)間"); dialog2.setView(dialogView2); dialog2.show(); break; } } /** * 日期改變的監(jiān)聽事件 * * @param view * @param year * @param monthOfYear * @param dayOfMonth */ @Override public void onDateChanged(DatePicker view, int year, int monthOfYear, int dayOfMonth) { this.year = year; this.month = monthOfYear; this.day = dayOfMonth; } /** * 時(shí)間改變的監(jiān)聽事件 * * @param view * @param hourOfDay * @param minute */ @Override public void onTimeChanged(TimePicker view, int hourOfDay, int minute) { this.hour = hourOfDay; this.minute = minute; } }
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://specialneedsforspecialkids.com/yun/67106.html
摘要:但是如果用戶先確定了日,再去選擇月的話,之后月份改變,日數(shù)就會(huì)重新從開始。 盡管Android給我們提供了時(shí)間選擇控件DatePicker和TimePicker(它們的使用方法可以參考我的這篇文章Android之日期時(shí)間選擇控件DatePicker和TimePicker),但無奈我的項(xiàng)目主色調(diào)是土豪金和高級(jí)黑,原生的控件用在里面顯得格格不入,特別是為了兼容低版本的系統(tǒng)之后顯示的是2.x...
摘要:好多時(shí)候在移動(dòng)端需要一個(gè)的日期選擇器,由于在應(yīng)用上有可能應(yīng)用各種框架庫等所以說一個(gè)無依賴的,這樣易于上層進(jìn)行封裝。主要包含兩種選擇器日期和時(shí)間。 好多時(shí)候在移動(dòng)端需要一個(gè)的日期選擇器,由于在應(yīng)用上有可能應(yīng)用各種框架庫(Vue.js, React.js, zepto.js等);所以說一個(gè)無依賴的,這樣易于上層進(jìn)行封裝。直接開門見山,先來張動(dòng)圖看看效果: showImg(https://s...
閱讀 2741·2021-11-24 09:39
閱讀 1650·2021-09-28 09:35
閱讀 1123·2021-09-06 15:02
閱讀 1315·2021-07-25 21:37
閱讀 2731·2019-08-30 15:53
閱讀 3648·2019-08-30 14:07
閱讀 718·2019-08-30 11:07
閱讀 3518·2019-08-29 18:36