当前位置:   article > 正文

鸿蒙OS应用开发之——Java UI框架-常用组件TimePicker_鸿蒙系统怎么调出来时分秒

鸿蒙系统怎么调出来时分秒

一 概述

  • TimePicker的基本使用
  • TimePicker样式配置
  • 范围选择设置

二 TimePicker的基本使用

2.1 创建TimePicker

XML中配置
<?xml version="1.0" encoding="utf-8"?>
<DirectionalLayout
    xmlns:ohos="http://schemas.huawei.com/res/ohos"
    ohos:height="match_parent"
    ohos:width="match_parent"
    ohos:orientation="vertical">

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

</DirectionalLayout>
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
默认的TimePicker的效果

2.2 设置12小时制(非24小时制)

XML中配置
<TimePicker
    ...
    ohos:24_hour_mode="false"
/>
  • 1
  • 2
  • 3
  • 4
12小时制效果

2.3 获取时间

TimePicker timePicker = (TimePicker) findComponentById(ResourceTable.Id_time_picker);
int hour = timePicker.getHour();
int minute = timePicker.getMinute();
int second = timePicker.getSecond();
  • 1
  • 2
  • 3
  • 4

2.4 设置时间

timePicker.setHour(19);
timePicker.setMinute(18);
timePicker.setSecond(12);
  • 1
  • 2
  • 3

2.5 响应时间改变事件

timePicker.setTimeChangedListener(new TimePicker.TimeChangedListener() {
    @Override
    public void onTimeChanged(TimePicker timePicker, int hour, int minute, int second) {
        ...
    }
});
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6

三 显示样式配置

3.1 设置字体属性

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

XML中配置

<TimePicker
    ...
    ohos:normal_text_color="#007DFF"
    ohos:normal_text_size="20fp"/>
  • 1
  • 2
  • 3
  • 4

效果图

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

XML中配置

<TimePicker
    ...
    ohos:selected_text_color="#007DFF"
    ohos:selected_text_size="20fp"/>
  • 1
  • 2
  • 3
  • 4

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

3.1.3 设置操作项文本颜色

XML中配置

<TimePicker
    ...
    ohos:operated_text_color="#FF9912"/>
  • 1
  • 2
  • 3

操作项文本颜色设置效果

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

XML中配置
<TimePicker
    ...
    ohos:selected_normal_text_margin_ratio="10"/>
  • 1
  • 2
  • 3
效果图

3.3 设置着色器颜色

XML中配置
<TimePicker
    ...
    ohos:shader_color="#00BFFF"/>
  • 1
  • 2
  • 3
效果图

3.4 设置选中时间的上下边框

XML中配置
<TimePicker
    ...
    ohos:bottom_line_element="#00BFFF"/>
  • 1
  • 2
  • 3
效果图

3.5 设置12小时制下显示样式

XML中配置
<TimePicker
    ...
    ohos:am_pm_order="1"/>
  • 1
  • 2
  • 3
效果图

四 范围选择设置

4.1 设置隐藏或显示时分秒

4.1.1 隐藏小时的显示

代码中设置

timePicker.showHour(false);
  • 1

小时不显示效果

4.1.2 隐藏分钟

代码中设置

timePicker.showMinute(false);
  • 1

隐藏分钟效果

4.1.3 隐藏秒

代码中设置

timePicker.showSecond(false);
  • 1

隐藏秒效果

4.2 设置TimePicker的selector是否可以滑动

4.2.1 设置小时selector无法滚动选择

代码中设置

timePicker.enableHour(false);
  • 1

小时selector无法滚动选择效果

4.2.2 设置分钟selector无法滚动

代码中设置

timePicker.enableMinute(false);
  • 1

分钟selector固定无法选择效果

4.2.3 设置秒selector无法滚动

代码中设置

timePicker.enableSecond(false);
  • 1

秒selector无法滚动选择效果

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/繁依Fanyi0/article/detail/220286
推荐阅读
相关标签