android studio创建android项目(9)——DatePicker和TimePicker的使用

小鱼儿 2022-02-21 13:16 700阅读 0赞

### 文章目录 ###

*   *   *  一、DatePicker日期选择器
         *   *  1、项目需求
             *  2、布局文件
             *  3、Activity
             *  4、运行结果
         *  二、TimePicker时间选择器
         *   *  1、项目需求
             *  2、布局文件
             *  3、Activity
             *  4、运行结果

### 一、DatePicker日期选择器 ###

#### 1、项目需求 ####

1、用户可以选择任意日期  
2、日期的默认选择是今天的日期  
3、选择日期后，Toast提示已选择的日期

#### 2、布局文件 ####

<?xml version="1.0" encoding="utf-8"?>
    <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:tools="http://schemas.android.com/tools"
        android:id="@+id/activity_main"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:paddingBottom="@dimen/activity_vertical_margin"
        android:paddingLeft="@dimen/activity_horizontal_margin"
        android:paddingRight="@dimen/activity_horizontal_margin"
        android:paddingTop="@dimen/activity_vertical_margin"
        tools:context="com.example.gui.datepickerdemo.MainActivity">
    
        <DatePicker
            android:id="@+id/datepicker"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content">
        </DatePicker>
    </RelativeLayout>

#### 3、Activity ####

package com.example.gui.datepickerdemo;
    
    
    import android.support.v7.app.AppCompatActivity;
    import android.os.Bundle;
    import android.util.Log;
    import android.widget.DatePicker;
    import java.util.Calendar;
    
    public class MainActivity extends AppCompatActivity {
    
        DatePicker datePicker;
        int year; //今年
        int month; //当前月份
        int day; //今天
    
        @Override
        protected void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            setContentView(R.layout.activity_main);
    
            //获取当前的年月日
            Calendar calendar= Calendar.getInstance(); //获取日历的实例
            year=calendar.get(Calendar.YEAR);
            month=calendar.get(Calendar.MONTH);//实际月份需要加1
            day=calendar.get(Calendar.DATE);
    
            //监听日期选择器
            datePicker=(DatePicker)findViewById(R.id.datepicker);
            datePicker.init(year,month,day,new DatePicker.OnDateChangedListener(){
                @Override
                public void onDateChanged(DatePicker view, int year, int monthOfYear, int dayOfMonth) {
                    Log.e("datepicker—你选择的日期是：",year+"-"+(monthOfYear+1)+"-"+dayOfMonth);
                }
            });
        }
    }

#### 4、运行结果 ####

apk下载链接：[https://pan.baidu.com/s/1AMl21MeL--POF4mwSL87UQ][https_pan.baidu.com_s_1AMl21MeL--POF4mwSL87UQ]  
提取码：xwij  
**运行结果：**  
1、启动页：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2hqdTIy_size_16_color_FFFFFF_t_70]  
2、日期选择20181218，有如下结果：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2hqdTIy_size_16_color_FFFFFF_t_70 1]

### 二、TimePicker时间选择器 ###

#### 1、项目需求 ####

1、用户可以选择任意时间  
2、选择时间后，Toast提示已选择的时间

#### 2、布局文件 ####

<?xml version="1.0" encoding="utf-8"?>
    <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:tools="http://schemas.android.com/tools"
        android:id="@+id/activity_main"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:paddingBottom="@dimen/activity_vertical_margin"
        android:paddingLeft="@dimen/activity_horizontal_margin"
        android:paddingRight="@dimen/activity_horizontal_margin"
        android:paddingTop="@dimen/activity_vertical_margin"
        tools:context="com.example.gui.timepickertime.MainActivity">
    
        <TimePicker
            android:id="@+id/timepicker"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content">
        </TimePicker>
    </RelativeLayout>

#### 3、Activity ####

package com.example.gui.timepickertime;
    
    import android.support.v7.app.AppCompatActivity;
    import android.os.Bundle;
    import android.widget.TimePicker;
    import android.widget.Toast;
    
    public class MainActivity extends AppCompatActivity {
    
        TimePicker timePicker;
        @Override
        protected void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            setContentView(R.layout.activity_main);
    
            //时间选择器的监听
            timePicker=(TimePicker)findViewById(R.id.timepicker);
            timePicker.setOnTimeChangedListener(new TimePicker.OnTimeChangedListener(){
                @Override
                public void onTimeChanged(TimePicker view, int hourOfDay, int minute) {
                    String time="你选择的时间是:"+hourOfDay+"时"+minute+"分";
                    Toast.makeText(getApplicationContext(),time,Toast.LENGTH_SHORT).show();
                }
            });
        }
    }

#### 4、运行结果 ####

apk下载链接：[https://pan.baidu.com/s/16iMJExh7DisA-YolVOOGcA][https_pan.baidu.com_s_16iMJExh7DisA-YolVOOGcA]  
提取码：4a4n  
**运行结果：**  
1、启动页：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2hqdTIy_size_16_color_FFFFFF_t_70 2]  
2、时间选择12点5分，有如下结果：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2hqdTIy_size_16_color_FFFFFF_t_70 3]

[https_pan.baidu.com_s_1AMl21MeL--POF4mwSL87UQ]: https://pan.baidu.com/s/1AMl21MeL--POF4mwSL87UQ
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2hqdTIy_size_16_color_FFFFFF_t_70]: /images/20220221/b750110c28dc43358de306b2aab9f0d5.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2hqdTIy_size_16_color_FFFFFF_t_70 1]: /images/20220221/6c408d528103474699c228c36734ff35.png
[https_pan.baidu.com_s_16iMJExh7DisA-YolVOOGcA]: https://pan.baidu.com/s/16iMJExh7DisA-YolVOOGcA
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2hqdTIy_size_16_color_FFFFFF_t_70 2]: /images/20220221/101d694d343e4bec82826cf811755352.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2hqdTIy_size_16_color_FFFFFF_t_70 3]: /images/20220221/8dc814af6d174b8c9bc89b91aff55e29.png