Harmony OS — TimePicker时间选择器

文章目录

1、TimePicker 是什么？
2、简单实现
3、实战：显示样式
4、常用属性
5、了解更多

1、TimePicker 是什么？

时间选择器

2、简单实现

    <TimePickerohos:id="$+id:time_picker"ohos:height="match_content"ohos:width="match_parent"ohos:normal_text_size="18fp"ohos:selected_text_size="26fp"/>

3、实战：显示样式

（1）设置字体属性

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

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

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

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

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

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

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

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

（3）设置着色器颜色

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

（4）设置选中时间的上下边框

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

（5）设置12小时制下显示样式
AM/PM默认置于左侧，如需位于右边：

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

4、常用属性

获取时间

TimePicker timePicker = (TimePicker) findComponentById(ResourceTable.Id_time_picker);
int hour = timePicker.getHour();
int minute = timePicker.getMinute();
int second = timePicker.getSecond();

设置时间

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

响应时间改变事件

timePicker.setTimeChangedListener(new TimePicker.TimeChangedListener() {@Overridepublic void onTimeChanged(TimePicker timePicker, int hour, int minute, int second) {...}
});

5、了解更多

范围选择设置及更多详情

Harmony OS — TimePicker时间选择器相关推荐

Android中TimePicker时间选择器的使用和获取选择的时和分
场景实现效果如下注: 博客: https://blog.csdn.net/badao_liumang_qizhi 关注公众号霸道的程序猿获取编程相关电子书.教程推送与免费下载. 实现将布局改 ...
TimePicker 时间选择器
用于选择或输入日期固定时间点提供几个固定的时间点供用户选择使用 el-time-select 标签,分别通过star.end和step指定可选的起始时间.结束时间和步长 1 <el-tim ...
vue TimePicker时间选择器组件的回显与格式转变
我们监听打印出来是这种格式: Tue Mar 30 2021 17:44:12 GMT+0800 而我们需要的是这种格式: 17:44:12 实现: 方法一(注:这种方法可回显):文档里有一个属性:v ...
android edittext获取 time值,在Android EditText中实现日期时间选择器(DatePicker和TimePicker)...
利用Android应用框架提供的DatePicker(日期选择器)和TimePicker(时间选择器),实现日期时间选择器. Dialog的Content布局文件(date_time_dialog.x ...
android timepicker 不可编辑,iView -- TimePicker 自定义修改时间选择器选择时间面板样式...
期望的最终效果: 为什么要修改期望效果? 项目需要只选择小时,分钟跟秒的不需要,而官方并没有直接相关的小时组件或者是设置显示成小时或分钟或秒的时间选择器,因为自己直接修改样式. 原生js 代码,如下: ...
014_TimePicker时间选择器
1. TimePicker时间选择器 1.1. 用于选择或输入日期. 1.2. 时间选择器属性参数说明类型可选值默认值 value / v-model 绑定值 date(TimePicker ...
Vue2 cube-ui时间选择器
前言 vue2 整合 cube-ui 时间选择器(供有点点基础的看) 一.需求及效果需求我们要在原搜索的情况下,加搜索时间效果二.代码实现 index.vue(html) <div cl ...
Android中实现日期时间选择器(DatePicker和TimePicker)
利用Android应用框架提供的DatePicker(日期选择器)和TimePicker(时间选择器),实现日期时间选择器. Dialog的Content布局文件(date_time_dialog.x ...
android 开发时间选择器TimePicker的使用
android 开发时间选择器TimePicker的使用 android系统自带时间控件: DatePicker 日期显示控件 DatePickerDialog 日期对话框控件 TimePicke ...
android 日历时间选择,Android--DatePicker和TimePicker（日历选择器与时间选择器）
一.DatePicker和TimePicker的两种监听器之OnDateChangedListener与OnTimeChangedListener 当用户更改了DatePicker(TimePicke ...

Harmony OS — TimePicker时间选择器

文章目录

1、TimePicker 是什么？

2、简单实现

3、实战：显示样式

4、常用属性

5、了解更多

Harmony OS — TimePicker时间选择器相关推荐

最新文章

热门文章