2024年HarmonyOS鸿蒙最全HarmonyOS APP开发入门3——组件（六 时间组件 ）---Clock，2024年最新高分面试视频

于 2024-05-13 23:10:54 发布
阅读量339 收藏 6
点赞数 4
分类专栏： 程序员 文章标签： 鸿蒙 面试 学习
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/2401_84870916/article/details/138823731
版权

深知大多数程序员，想要提升技能，往往是自己摸索成长，但自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！


img
img

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，涵盖了95%以上鸿蒙开发知识点，真正体系化！

由于文件比较多，这里只是将部分目录截图出来，全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、讲解视频，并且后续会持续更新

需要这份系统化的资料的朋友，可以戳这里获取

        flag = 1; 
    }else if(flag == 1){ 
        //当前是12小时制，要改为24小时制
	 	clock.set24HourModeEnabled(true); 
        //修改展示格式
		clock.setFormatIn24HourMode("yyyy年MM月dd日 HH:mm:ss"); 
        //修改按钮上的文字提示
		but.setText("改为12小时制"); 
        //修改标记 
        flag = 0;
    } 
}

}


##### TickTimer定时器组件


**组件说明**


是Text的子类，所以可以使用Text的一些属性。该组件目前有一些bug。这些bug黑马程序员已经反馈至鸿蒙官方，后续版本中会修复这些bug.


bug 是计时器会在程序启动的时候就开始计时，这个一个来自底层的bug


**常见属性**




| **属性名** | **功能说明** |
| --- | --- |
| forma | 设置显示的格式 |
| count\_down | true倒着计时false正着计时 |


**常见方法**




| **方法名** | **方法名 功能说明** |
| --- | --- |
| start() | 启动计时器 |
| stop() | 暂停计时器 |
| setBaseTime(long base) | 设置基准时间，有bug |
| setCountDown(boolean countDown) | true：倒着计时，false：顺着计时 |
| setFormat(String format) | 设置显示格式。默认格式为：分钟::秒钟 |
| setTickListener | 计时监听 |


**基本用法**


xml文件

<TickTimer
ohos:id=“$+id:my_tt”
ohos:height=“60vp”
ohos:width=“250vp”
ohos:padding=“10vp”
ohos:text_size=“20fp”
ohos:text_color=“#ffffff”
ohos:background_element=“#0000ff”
ohos:text_alignment=“center”
ohos:layout_alignment=“horizontal_center”
ohos:top_margin=“50vp” />


代码示例

TickTimer tickTimer = (TickTimer)findComponentById(ResourceTable.Id_my_tt);
//可能有bug，里边的事件，时间戳，绝对时间值，测试都不对
//没有设置时间，默认是从1970年1月1日开始。
//设置为0，是从当前时间开始。正数减时间，负数加时间，实际写代码测试一下，是否修改了这个bug
//tickTimer.setBaseTime(时间的毫秒值);
//设置是正着计时还是倒着计时
//tickTimer.setCountDown(false);
//设置格式
tickTimer.setFormat(“mm:ss”);
//对时间进行监听
tickTimer.setTickListener(监听回调);
//开始计时
tickTimer.start();
//可能有bug，执行后，后台没停止
tickTimer.stop();
//纯Java实现
//每隔1秒就执行run里面的代码
//只不过没有页面显示而已。 T
imer timer = new Timer();
timer.schedule(new TimerTask()
{
@Override
public void run() {
//…在这里写定时任务
});
}
},0,1000);
timer.cancel(); //停止计时


##### TimePicker组件


TimePicker主要供用户选择时间。


**支持的XML属性**




|  |  |  |  |  |
| --- | --- | --- | --- | --- |
| 属性名称 | 中文描述 | 取值 | 取值说明 | 使用案例 |
| am\_pm\_order | 在12小时制显示的情况下，控制上午下午排列顺序 | start | 表示am/pm列靠时间选择器起始端显示。 | ohos:mode\_24\_hour="false"ohos:am\_pm\_order="start" |
| end | 表示am/pm列靠时间选择器结束端显示。 | ohos:mode\_24\_hour="false"ohos:am\_pm\_order="end" |
| left | 表示am/pm列靠时间选择器左侧显示。 | ohos:mode\_24\_hour="false"ohos:am\_pm\_order="left" |
| right | 表示am/pm列靠时间选择器右侧显示。 | ohos:mode\_24\_hour="false"ohos:am\_pm\_order="right" |




| 属性名称 | 中文描述 | 取值 | 取值说明 | 使用案例 |
| --- | --- | --- | --- | --- |
| mode\_24\_hour | 是否24小时制显示 | boolean类型 | 可以直接设置true/false，也可以引用boolean资源。 | ohos:mode\_24\_hour=“true"ohos:mode\_24\_hour=”$boolean:true" |
| hour | 显示小时 | integer类型 | 可以直接设置整型数值，也可以引用integer资源。小时取值范围必须在0~23。 | ohos:hour=“23"ohos:hour=”$integer:hour" |
| minute | 显示分钟 | integer类型 | 可以直接设置整型数值，也可以引用integer资源。分钟取值范围必须在0~59。 | ohos:minute=“59"ohos:minute=”$integer:minute" |
| second | 显示秒 | integer类型 | 可以直接设置整型数值，也可以引用integer资源。秒钟取值范围必须在0~59。 | ohos:second=“59"ohos:second=”$integer:second" |
| normal\_text\_color | 未选中文本的颜色 | color类型 | 可以直接设置色值，也可以引用color资源。 | ohos:normal\_text\_color=“#FFFFFFFF"ohos:normal\_text\_color=”$color:black" |
| selected\_text\_color | 选中文本的颜色 | color类型 | 可以直接设置色值，也可以引用color资源。 | ohos:selected\_text\_color=“#FF45A5FF"ohos:selected\_text\_color=”$color:black" |
| operated\_text\_color | 操作项的文本颜色 | color类型 | 可以直接设置色值，也可以引用color资源。 | ohos:operated\_text\_color=“#A8FFFFFF"ohos:operated\_text\_color=”$color:black" |
| normal\_text\_size | 未选中文本的大小 | float类型 | 表示尺寸的float类型。可以是浮点数值，其默认单位为px；也可以是带px/vp/fp单位的浮点数值；也可以引用float资源。 | ohos:normal\_text\_size=“30"ohos:normal\_text\_size=“16fp"ohos:normal\_text\_size=”$float:size\_value” |
| selected\_text\_size | 选中文本的大小 | float类型 | 表示尺寸的float类型。可以是浮点数值，其默认单位为px；也可以是带px/vp/fp单位的浮点数值；也可以引用float资源。 | ohos:selected\_text\_size=“30"ohos:selected\_text\_size=“16fp"ohos:selected\_text\_size=”$float:size\_value” |
| selected\_normal\_text\_margin\_ratio | 已选文本边距与常规文本边距的比例 | float类型 | 可以直接设置浮点数值，也可以引用float资源。取值需>0.0f，默认值为1.0f。 | ohos:selected\_normal\_text\_margin\_ratio=“0.5"ohos:selected\_normal\_text\_margin\_ratio=”$float:ratio" |
| selector\_item\_num | 显示的项目数量 | integer类型 | 可以直接设置整型数值，也可以引用integer资源。 | ohos:selector\_item\_num=“3"ohos:selector\_item\_num=”$integer:num" |
| shader\_color | 着色器颜色 | color类型 | 可以直接设置色值，也可以引用color资源。 | ohos:shader\_color=“#A8FFFFFF"ohos:shader\_color=”$color:black" |
| text\_am | 上午文本 | string类型 | 可以直接设置文本字串，也可以引用string资源（推荐使用）。 | ohos:text\_am=“8:00:00"ohos:text\_am=”$string:am" |
| text\_pm | 下午文本 | string类型 | 可以直接设置文本字串，也可以引用string资源（推荐使用）。 | ohos:text\_pm=“22:00:00"ohos:text\_pm=”$string:pm" |
| top\_line\_element | 选中项的顶行 | Element类型 | 可直接配置色值，也可引用color资源或引用media/graphic下的图片资源。 | ohos:top\_line\_element=“#FFFFFFFF"ohos:top\_line\_element=“ 
 
 
 
 
 c 
 
 
 o 
 
 
 l 
 
 
 o 
 
 
 r 
 
 
 : 
 
 
 b 
 
 
 l 
 
 
 a 
 
 
 c 
 
 
 k 
 
 
 " 
 
 
 o 
 
 
 h 
 
 
 o 
 
 
 s 
 
 
 : 
 
 
 t 
 
 
 o 
 
 
 
 p 
 
 
 l 
 
 
 
 i 
 
 
 n 
 
 
 
 e 
 
 
 e 
 
 
 
 l 
 
 
 e 
 
 
 m 
 
 
 e 
 
 
 n 
 
 
 t 
 
 
 = 
 
 
 " 
 
 
 
 color:black"ohos:top\_line\_element=" 
 
 
 color:black"ohos:topl​inee​lement="media:media\_src"ohos:top\_line\_element=”$graphic:graphic\_src” |
| bottom\_line\_element | 选中项的底线 | Element类型 | 可直接配置色值，也可引用color资源或引用media/graphic下的图片资源。 | ohos:bottom\_line\_element=“#FFFFFFFF"ohos:bottom\_line\_element=“ 
 
 
 
 
 c 
 
 
 o 
 
 
 l 
 
 
 o 
 
 
 r 
 
 
 : 
 
 
 b 
 
 
 l 
 
 
 a 
 
 
 c 
 
 
 k 
 
 
 " 
 
 
 o 
 
 
 h 
 
 
 o 
 
 
 s 
 
 
 : 
 
 
 b 
 
 
 o 
 
 
 t 
 
 
 t 
 
 
 o 
 
 
 
 m 
 
 
 l 
 
 
 
 i 
 
 
 n 
 
 
 
 e 
 
 
 e 
 
 
 
 l 
 
 
 e 
 
 
 m 
 
 
 e 
 
 
 n 
 
 
 t 
 
 
 = 
 
 
 " 
 
 
 
 color:black"ohos:bottom\_line\_element=" 
 
 
 color:black"ohos:bottoml​inee​lement="media:media\_src"ohos:bottom\_line\_element=”$graphic:graphic\_src” |
| wheel\_mode\_enabled | 选择轮是否循环显示数据 | boolean类型 | 可以直接设置true/false，也可以引用boolean资源。 | ohos:wheel\_mode\_enabled=“false"ohos:wheel\_mode\_enabled=”$boolean:false" |


**使用TimePicker**


创建TimePicker






![在这里插入图片描述](https://img-blog.csdnimg.cn/0f7a1d9ecddf4e7fbeef9a808182ca5d.gif#pic_center)


获取时间





![img](https://img-blog.csdnimg.cn/img_convert/774b02b92b60437e0de1d2fc1aefe890.png)
![img](https://img-blog.csdnimg.cn/img_convert/a33640cb17fe37cf5120c3849f7c04c2.png)

**网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。**

**[需要这份系统化的资料的朋友，可以戳这里获取](https://bbs.csdn.net/topics/618636735)**


**一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！**

![在这里插入图片描述](https://img-blog.csdnimg.cn/0f7a1d9ecddf4e7fbeef9a808182ca5d.gif#pic_center)


获取时间





[外链图片转存中...(img-Tgk4jL9S-1715613032475)]
[外链图片转存中...(img-DnCVbAAO-1715613032475)]

**网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。**

**[需要这份系统化的资料的朋友，可以戳这里获取](https://bbs.csdn.net/topics/618636735)**


**一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！**
2401_84870916
关注
  • 4
    点赞
  • 踩
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值