Android教程網
設為首頁|加入收藏
  1. 首頁
  2. Android 技術
  3. Android 手機
  4. Android 系統教程
  5. Android 游戲
 Android教程網 >> Android技術 >> 關於Android編程 >> [android] 解決DatePickerDialog和TimePickerDialog控件取消按鈕問題

[android] 解決DatePickerDialog和TimePickerDialog控件取消按鈕問題

編輯：關於Android編程

一. 問題提出


在Android程序中，我們通常需要使用DatePicker來設置日期，TimePicker來設置時間。其基本步驟是：
1.先定義DatePicker和TimePicker布局
2.然後通過Calendar類獲得系統時間
3.接著通過init方法將日期傳遞給DatePicker初始化日期控件
4.在響應點擊事件中可以通過DatePicker的getYear()、getDayOfMonth()、getMonth()函數獲取具體日期
同時可以在OnDateChangedListener事件中監聽日期變化，設置時間函數方法同理。但是使用DatePickerDialog或TimePickerDialog控件時會遇到的一個問題，它就是android版本4.0後沒有取消(Cancel)按鈕，同時點擊界面任何部分都能獲取日期或時間，據說它是版本存在的BUG。對比圖如下所示：
height=280 height=280
但是我們期待的效果如下圖所示：
height=260 height=260 我采取的解決方法是通過自定義XML布局，經過DatePicker和TimePicker控件實現，同時在AlertDialog中設置取消按鈕和確定按鈕，通過函數setNegativeButton()和setPositiveButton()實現。

二. 簡單實現日期和時間控件


簡單實現方法非常簡單，不需要設置日期或時間的XML布局，直接通過new DatePickerDialog或TimePickerDialog即可實現。代碼如下： 
//點擊日期按鈕布局 設置日期
layoutDate.setOnClickListener(new OnClickListener() {
	@Override
	public void onClick(View v) {
		new DatePickerDialog(MainActivity.this, new DatePickerDialog.OnDateSetListener() {
			@Override
			public void onDateSet(DatePicker view, int year, int month, int day) {
				// TODO Auto-generated method stub
				mYear = year;
				mMonth = month;
				mDay = day;
				//更新EditText控件日期 小於10加0
				dateEdit.setText(new StringBuilder().append(mYear).append(-)
				    .append((mMonth + 1) < 10 ? 0 + (mMonth + 1) : (mMonth + 1))
                    .append(-)
				    .append((mDay < 10) ? 0 + mDay : mDay) ); 
			}
		}, calendar.get(Calendar.YEAR), calendar.get(Calendar.MONTH),
		calendar.get(Calendar.DAY_OF_MONTH) ).show();
	}
});
其中mYear、mMonth、mDay是定義變量，同時dateEdit是一個EditText控件用於顯示具體日期，當數字小於10時前補0，如2015-01-01。下面是設置時間，顯示效果和第三部分的效果相同。 
//點擊時間按鈕布局 設置時間
layoutTime.setOnClickListener(new OnClickListener() {
	@Override
	public void onClick(View v) {
		new TimePickerDialog(MainActivity.this,
			new TimePickerDialog.OnTimeSetListener() {
				@Override
				public void onTimeSet(TimePicker view, int hour, int minute) {
					// TODO Auto-generated method stub
					mHour = hour;
					mMinute = minute;
					//更新EditText控件時間 小於10加0
					timeEdit.setText(new StringBuilder()
						.append(mHour < 10 ? 0 + mHour : mHour).append(:)
						.append(mMinute < 10 ? 0 + mMinute : mMinute).append(:00) ); 
				}
			}, calendar.get(Calendar.HOUR_OF_DAY), 
				calendar.get(Calendar.MINUTE), true).show();
	}
});

三. 自定義布局實現


下面是自定義布局實現，而且我自認為該界面布局非常好看，這也是我“隨手拍”項目自己最後總結出來的一個比較欣賞的界面吧！希望你也喜歡，效果如下：
height=320 height=320 height=320
如圖所示，界面中日期、時間EditText不可編輯，需要通過點擊底部布局來設置。同時備注信息的EditText通過自定義背景實現，設置日期、時間中有取消按鈕。
源代碼： 1.項目結構如下圖所示
data-cke-saved-src=https://www.android5.online/Android/UploadFiles_5356/201702/2017022316103546.jpg 2.activity_main.xml布局文件
3.date_dialog.xml文件：日期控件布局
4.time_dialog.xml文件：時間控件布局
5.drawable-hdpi中editview_shape.xml文件 實現自定義EditText控件格式
6.MainActivity.java源碼
public class MainActivity extends Activity {

	//自定義變量
	private EditText titleEdit;
	private EditText dateEdit;
	private EditText timeEdit;
	private EditText contentEdit;
	//底部四個布局按鈕
	private LinearLayout layoutDate;             
	private LinearLayout layoutTime;          
	private LinearLayout layoutCancel;              
	private LinearLayout layoutSave;
	//定義顯示時間控件
	private Calendar calendar; //通過Calendar獲取系統時間
	private int mYear;
	private int mMonth;
	private int mDay;
	private int mHour;
	private int mMinute;
	
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        //鎖定屏幕
      	setRequestedOrientation(ActivityInfo.SCREEN_ORIENTATION_PORTRAIT);
        setContentView(R.layout.activity_main);
        //獲取對象
        titleEdit = (EditText) findViewById(R.id.showtitle);
        dateEdit = (EditText) findViewById(R.id.showdate);
		timeEdit = (EditText) findViewById(R.id.showtime);
		contentEdit = (EditText) findViewById(R.id.editText1);
        layoutDate = (LinearLayout) findViewById(R.id.layout_date);
		layoutTime = (LinearLayout) findViewById(R.id.layout_time);
		layoutCancel = (LinearLayout) findViewById(R.id.layout_cancel);
		layoutSave = (LinearLayout) findViewById(R.id.layout_save);
		
		calendar = Calendar.getInstance();
        
		//點擊日期按鈕布局 設置日期
		layoutDate.setOnClickListener(new OnClickListener() {
			@Override
			public void onClick(View v) {
				
				//通過自定義控件AlertDialog實現
				AlertDialog.Builder builder = new AlertDialog.Builder(MainActivity.this);
				View view = (LinearLayout) getLayoutInflater().inflate(R.layout.date_dialog, null);
				final DatePicker datePicker = (DatePicker) view.findViewById(R.id.date_picker);
				//設置日期簡略顯示 否則詳細顯示 包括:星期周
				datePicker.setCalendarViewShown(false);
				//初始化當前日期
				calendar.setTimeInMillis(System.currentTimeMillis());
				datePicker.init(calendar.get(Calendar.YEAR), calendar.get(Calendar.MONTH), 
						calendar.get(Calendar.DAY_OF_MONTH), null); 
				//設置date布局
				builder.setView(view);
				builder.setTitle(設置日期信息);
				builder.setPositiveButton(確  定, new DialogInterface.OnClickListener() { 
	                    @Override 
	                    public void onClick(DialogInterface dialog, int which) { 
	                    	//日期格式
	                        StringBuffer sb = new StringBuffer(); 
	                        sb.append(String.format(%d-%02d-%02d,  
	                                datePicker.getYear(),  
	                                datePicker.getMonth() + 1, 
	                                datePicker.getDayOfMonth())); 
	                        dateEdit.setText(sb); 
	                        //賦值後面鬧鐘使用
	                        mYear = datePicker.getYear();
							mMonth = datePicker.getMonth();
							mDay = datePicker.getDayOfMonth();
	                        dialog.cancel(); 
	                    } 
	            }); 
				builder.setNegativeButton(取  消, new DialogInterface.OnClickListener() { 
                    @Override 
                    public void onClick(DialogInterface dialog, int which) { 
                    	dialog.cancel(); 
                    }
				});
				builder.create().show();
			}
		});
		layoutDate.setOnTouchListener(new OnTouchListener() { //設置布局背景
			@Override
		    public boolean onTouch(View v, MotionEvent event) {               
		        if(event.getAction() == MotionEvent.ACTION_DOWN)  {
		        	layoutDate.setBackgroundColor(Color.WHITE);
		        	layoutTime.setBackgroundColor(Color.TRANSPARENT);
		        	layoutCancel.setBackgroundColor(Color.TRANSPARENT);
		        	layoutSave.setBackgroundColor(Color.TRANSPARENT);
		        }
		        return false;
			}
		});
		
		//點擊時間按鈕布局 設置時間
		layoutTime.setOnClickListener(new OnClickListener() {
			@Override
			public void onClick(View v) {
				//自定義控件
				AlertDialog.Builder builder = new AlertDialog.Builder(MainActivity.this);
				View view = (LinearLayout) getLayoutInflater().inflate(R.layout.time_dialog, null);
				final TimePicker timePicker = (TimePicker) view.findViewById(R.id.time_picker);
				//初始化時間
				calendar.setTimeInMillis(System.currentTimeMillis());
				timePicker.setIs24HourView(true); 
		        timePicker.setCurrentHour(calendar.get(Calendar.HOUR_OF_DAY)); 
		        timePicker.setCurrentMinute(Calendar.MINUTE); 
				//設置time布局
				builder.setView(view);
				builder.setTitle(設置時間信息);
				builder.setPositiveButton(確  定, new DialogInterface.OnClickListener() { 
	                    @Override 
	                    public void onClick(DialogInterface dialog, int which) { 
	                    	mHour = timePicker.getCurrentHour();
	                    	mMinute = timePicker.getCurrentMinute();
	                    	//時間小於10的數字 前面補0 如01:12:00
	                    	timeEdit.setText(new StringBuilder().append(mHour < 10 ? 0 + mHour : mHour).append(:)
					.append(mMinute < 10 ? 0 + mMinute : mMinute).append(:00) ); 
	                        dialog.cancel(); 
	                    } 
	            }); 
				builder.setNegativeButton(取  消, new DialogInterface.OnClickListener() { 
                    @Override 
                    public void onClick(DialogInterface dialog, int which) { 
                    	dialog.cancel(); 
                    }
				});
				builder.create().show();
			}
		});
		layoutTime.setOnTouchListener(new OnTouchListener() { //設置布局背景
			@Override
		    public boolean onTouch(View v, MotionEvent event) {               
		        if(event.getAction() == MotionEvent.ACTION_DOWN)  {
		        	layoutDate.setBackgroundColor(Color.TRANSPARENT);
		        	layoutTime.setBackgroundColor(Color.WHITE);
		        	layoutCancel.setBackgroundColor(Color.TRANSPARENT);
		        	layoutSave.setBackgroundColor(Color.TRANSPARENT);
		        }
		        return false;
			}
		});
		
		//點擊取消按鈕
		layoutCancel.setOnClickListener(new OnClickListener() {
			@Override
			public void onClick(View v) {
				dateEdit.setText();
				dateEdit.setHint(2015-01-01);
				timeEdit.setText();
				timeEdit.setHint(00:00:00);
				contentEdit.setText();
				contentEdit.setHint(記錄旅途中的備注信息...);
			}
		});
		layoutCancel.setOnTouchListener(new OnTouchListener() { //設置布局背景
			@Override
		    public boolean onTouch(View v, MotionEvent event) {               
		        if(event.getAction() == MotionEvent.ACTION_DOWN)  {
		        	layoutDate.setBackgroundColor(Color.TRANSPARENT);
		        	layoutTime.setBackgroundColor(Color.TRANSPARENT);
		        	layoutCancel.setBackgroundColor(Color.WHITE);
		        	layoutSave.setBackgroundColor(Color.TRANSPARENT);
		        }
		        return false;
			}
		});
		
		//點擊保存按鈕
		layoutSave.setOnClickListener(new OnClickListener() {
			@Override
			public void onClick(View v) {
				
				//確認保存按鈕
				new AlertDialog.Builder(MainActivity.this).setTitle(確認保存嗎？) 
	            .setIcon(android.R.drawable.ic_dialog_info) 
	            .setPositiveButton(確  定, new DialogInterface.OnClickListener() { 
	                @Override 
	                public void onClick(DialogInterface dialog, int which) { 
	            		
	                	/**
	            		 * 數據庫插入操作
	            		 */
	                	
	                }
	        	
	            }) 
	            .setNegativeButton(返  回, new DialogInterface.OnClickListener() { 
	                @Override 
	                public void onClick(DialogInterface dialog, int which) { 
	                	
	                } 
	            }).show(); 
			}
		});
		layoutSave.setOnTouchListener(new OnTouchListener() { //設置布局背景
			@Override
		    public boolean onTouch(View v, MotionEvent event) {               
		        if(event.getAction() == MotionEvent.ACTION_DOWN)  {
		        	layoutDate.setBackgroundColor(Color.TRANSPARENT);
		        	layoutTime.setBackgroundColor(Color.TRANSPARENT);
		        	layoutCancel.setBackgroundColor(Color.TRANSPARENT);
		        	layoutSave.setBackgroundColor(Color.WHITE);
		        }
		        return false;
			}
		});
		
	} // End onCreate
        
}
最後希望文章對大家有所幫助！如果你知道我這篇文章想要闡述的內容是什麼？為什麼要寫這篇文章？或許它會對你有所幫助，一方面是布局可能對你有啟發；另一方面就是剛好遇到那個問題的同學。
在點擊“保存”按鈕時，也可把數據存儲至數據庫中調用MySQLiteOpenHelper，這裡就不再介紹。寫著寫著就到了凌晨5點了，程序猿生活還是要改下啊~自己保重自己的身體吧！期待改正自己的作息，難難難~
 

  1. 上一頁:
  2. 下一頁:
關於Android編程
Android編程入門Android技術基礎Android資訊關於Android編程Android開發Android開發環境Android開發實例
相關文章
熱門文章
Android 實現切圓圖作為頭像使用實例 移動端html5圖片上傳方法【更好的兼容安卓IOS和微信】 Android ViewDragHelper解析 Android 工廠模式，三種工廠模式的理解 Android百日程序：嵌入Fragment Android ArrayMap源代碼分析
Android之Intent使用

intent簡介 Intent對象的組成 顯式Intent與隱式Inte
Android開發技巧--Application, ListView排列,格式化浮點數,string.xml占位符,動態引用圖片

一. Application用途 1. Application用途

【Android 系統開發】CyanogenMod 13.0 源碼下載 編譯 ROM 制作

本文操作手機平台 : 小米4 ;編譯平台 : Ubuntu 14.04

Android仿微信/支付寶密碼輸入框

在用到支付類app時，都有一個簡密的輸入框。。開始實現的時候思路有點問題
閱讀排行版
Copyright © Android教程網 All Rights Reserved