【Android -- UI 】TimePicker & DatePicker

时间的常用控件

• TextClock(文本时钟)
• AnalogClock(模拟时钟)
• Chronometer(计时器)
• DatePicker(日期选择器)
• TimePicker(时间选择器)
• CalendarView(日历视图)

TextClock(文本时钟)

<TextClock
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:format12Hour="MM/dd/yy h:mmaa"/>
    <TextClock
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:format12Hour="MMM dd, yyyy h:mmaa"/>
    <TextClock
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:format12Hour="MMMM dd, yyyy h:mmaa"/>
    <TextClock
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:format12Hour="E, MMMM dd, yyyy h:mmaa"/>
    <TextClock
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:format12Hour="EEEE, MMMM dd, yyyy h:mmaa"/>
    <TextClock
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:format12Hour="Noteworthy day: 'M/d/yy"/>

AnalogClock(模拟时钟)

XML属性	说明
android:dial	该模拟时钟的表盘使用的图片
android:hand_hour	该模拟时钟的时针表盘使用的图片
android:hand_minute	该模拟时钟的分针表盘使用的图片

Chronometer(计时器)

布局文件

<Chronometer
    android:id="@+id/chronometer"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:gravity="center"
    android:textColor="#ff0000"
    android:textSize="60dip" />

代码实现

@Override
public void onClick(View v) {
    switch (v.getId()){
        case R.id.btnStart:
            chronometer.start();// 开始计时
            break;
        case R.id.btnStop:
            chronometer.stop();// 停止计时
            break;
        case R.id.btnReset:
            chronometer.setBase(SystemClock.elapsedRealtime());// 复位
            break;
        case R.id.btn_format:
            chronometer.setFormat("Time：%s");// 更改时间显示格式
            break;
    }
}

DatePicker(日期选择器)

属性

• android:calendarTextColor ： 日历列表的文本的颜色
• android:calendarViewShown：是否显示日历视图
• android:datePickerMode：组件外观，可选值:spinner，calendar
• android:dayOfWeekBackground：顶部星期几的背景颜色
• android:dayOfWeekTextAppearance：顶部星期几的文字颜色
• android:endYear：去年(内容)比如2010
• android:firstDayOfWeek：设置日历列表以星期几开头
• android:headerBackground：整个头部的背景颜色
• android:headerDayOfMonthTextAppearance：头部日期字体的颜色
• android:headerMonthTextAppearance：头部月份的字体颜色
• android:headerYearTextAppearance：头部年的字体颜色
• android:maxDate：最大日期显示在这个日历视图mm / dd / yyyy格式
• android:minDate：最小日期显示在这个日历视图mm / dd / yyyy格式
• android:spinnersShown：是否显示spinner
• android:startYear：设置第一年(内容)，比如19940年
• android:yearListItemTextAppearance：列表的文本出现在列表中。
• android:yearListSelectorColor：年列表选择的颜色

代码

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();
    }
}

TimePicker(时间选择器)

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,"您选择的时间是："+hourOfDay+"时"+minute+"分!",Toast.LENGTH_SHORT).show();
            }
        });
    }

}

CalendarView(日历视图)

属性

• android:firstDayOfWeek：设置一个星期的第一天
• android:maxDate ：最大的日期显示在这个日历视图mm / dd / yyyy格式
• android:minDate：最小的日期显示在这个日历视图mm / dd / yyyy格式
• android:weekDayTextAppearance：工作日的文本出现在日历标题缩写

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,"您选择的时间是："+ year + "年" + month + "月" + dayOfMonth + "日",Toast.LENGTH_SHORT).show();
            }
        });
    }
}