3.11【HarmonyOS鸿蒙开发】组件TimePicker

3.11【HarmonyOS鸿蒙开发】组件TimePicker

作者：韩茹

公司：程序咖（北京）科技有限公司

鸿蒙巴士专栏作家

TimePicker主要供用户选择时间。

一、支持的XML属性

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

TimePicker的自有XML属性见下表：

二、使用TimePicker

1、创建TimePicker

<TimePicker
        ohos:id="$+id:time_picker"
        ohos:height="match_content"
        ohos:width="match_parent"
        ohos:background_element="#22ff0000"
        />

创建一个默认的TimePicker的效果

2、获取时间

    TimePicker timePicker = (TimePicker) findComponentById(ResourceTable.Id_time_picker);
    int hour = timePicker.getHour();
    int minute = timePicker.getMinute();
    int second = timePicker.getSecond();
    System.out.println("hour:"+hour+",minute:"+minute+",second:"+second);

运行结果：

3、设置时间

  timePicker.setHour(19);
  timePicker.setMinute(18);
  timePicker.setSecond(12);

设置时间效果：

4、响应时间改变事件

timePicker.setTimeChangedListener(new TimePicker.TimeChangedListener() {
            @Override
            public void onTimeChanged(TimePicker timePicker, int hour, int minute, int second) {
                new ToastDialog(getContext())
                        .setText("时间："+hour+":"+minute+":"+second)
                        .show();
            }
        });

运行效果：

三、显示样式配置

1、设置字体属性

设置未选中字体的颜色和大小：

<TimePicker
    ...
    ohos:normal_text_color="#007DFF"
    ohos:normal_text_size="20fp"
/>

设置未选中字体的颜色和大小的效果：

设置选中字体的颜色和大小

<TimePicker
    ...
    ohos:selected_text_color="#007DFF"
    ohos:selected_text_size="20fp"
/>

设置选中字体的颜色和大小效果：

设置操作项文本颜色

<TimePicker
    ...
    ohos:operated_text_color="#FF00FF"
/>

操作项文本颜色设置效果

2、设置TimePicker中所选文本边距与普通文本边距的比例

<TimePicker
    ...
    ohos:selected_normal_text_margin_ratio="10"
/>

选中与未选中文本间隔效果

3、设置选中时间的上下边框

<TimePicker
    ...
    ohos:bottom_line_element="#00BFFF"
/>

设置上下区域分割线颜色效果

4、设置着色器颜色

<TimePicker
    ...
    ohos:shader_color="#00BFFF"
/>

5、设置12小时制下显示样式

AM/PM默认置于左侧，如需位于右边：

<TimePicker
    ...
    ohos:am_pm_order="1"
/>

设置AM/PM位于右边显示的效果

四、范围选择设置

1、设置隐藏或显示时分秒

隐藏小时的显示

timePicker.showHour(false);

小时不显示效果：

隐藏分钟

timePicker.showMinute(false);

隐藏分钟效果

隐藏秒

timePicker.showSecond(false);

隐藏秒效果

2、设置TimePicker的selector是否可以滑动

设置小时selector无法滚动选择

timePicker.enableHour(false);

小时selector无法滚动选择效果

设置分钟selector无法滚动

timePicker.enableMinute(false);

分钟selector固定无法选择效果

设置秒selector无法滚动

timePicker.enableSecond(false);

秒selector无法滚动选择效果

更多内容：

1、社区：鸿蒙巴士https://www.harmonybus.net/

2、公众号：HarmonyBus

3、技术交流QQ群：714518656

4、视频课：https://www.chengxuka.com

最后

以上就是爱撒娇帅哥为你收集整理的3.11【HarmonyOS鸿蒙开发】组件TimePicker的全部内容，希望文章能够帮你解决3.11【HarmonyOS鸿蒙开发】组件TimePicker所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。