HarmonyOS鸿蒙开发之组件TimePicker

前端

2023-10-27 03:10:59

大家好，我是鸿蒙开发爱好者，今天我们来聊聊TimePicker组件。

TimePicker组件主要供用户选择时间。

一、支持的XML属性

TimePicker的共有XML属性继承自：StackLayout

TimePicker的私有XML属性如下：

minValue：TimePicker可选最小时间，默认值：00:00
maxValue：TimePicker可选最大时间，默认值：23:59
mode：TimePicker显示模式，默认值：hours24，可选值：hours12、hours24
format24：TimePicker24小时制格式，默认值：true
currentTime：TimePicker当前时间，默认值：当前系统时间

二、支持的CSS属性

TimePicker的共有CSS属性继承自：StackLayout

TimePicker的私有CSS属性如下：

time-picker-tick-text-size：TimePicker刻度文本大小，默认值：20dp
time-picker-tick-text-color：TimePicker刻度文本颜色，默认值：#000000
time-picker-divider-color：TimePicker分割线颜色，默认值：#E0E0E0
time-picker-background-color：TimePicker背景颜色，默认值：#FFFFFF
time-picker-disabled-color：TimePicker禁用颜色，默认值：#808080

三、支持的事件监听

TimePicker的共有事件监听继承自：StackLayout

TimePicker的私有事件监听如下：

timechange：TimePicker时间改变时触发

四、使用示例

<TimePicker
    android:id="@+id/time_picker"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    app:minValue="00:00"
    app:maxValue="23:59"
    app:mode="hours24"
    app:format24="true"
    app:currentTime="10:00"
    android:layout_marginTop="30dp" />

TimePicker timePicker = findViewById(R.id.time_picker);
timePicker.addTimeChangedListener(new TimePicker.OnTimeChangedListener() {
    @Override
    public void onTimeChanged(TimePicker view, int hourOfDay, int minute) {
        // 时间改变时触发
    }
});