HarmonyOS APP开发入门3——组件(六 时间组件 )---Clock,TickTimer

HarmonyOS APP开发入门3——组件(六 时间组件 )---Clock,TickTimer自我介绍一下 小编 13 年上海交大毕业 曾经在小公司待过 也去过华为 OPPO 等大厂 18 年进入阿里一直到现在 深知大多数 HarmonyOS 鸿蒙开发工程师 想要提升技能 往往是自己摸索成长或者是报班学习 但对于培训机构动则几千的学费 着实压力不小

大家好,我是讯享网,很高兴认识大家。

自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。

深知大多数HarmonyOS鸿蒙开发工程师,想要提升技能,往往是自己摸索成长或者是报班学习,但对于培训机构动则几千的学费,着实压力不小。自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!

因此收集整理了一份《2024年HarmonyOS鸿蒙开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。
img
讯享网

img
img
htt

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

由于文件比较大,这里只是将部分目录大纲截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新

如果你觉得这些内容对你有帮助,可以添加VX:vip (备注鸿蒙获取)
img

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

 //2.给按钮添加一个单击事件 but.setClickedListener(this); } @Override public void onActive() { super.onActive(); } @Override public void onForeground(Intent intent) { super.onForeground(intent); } //如果为0,表示24小时制 //如果为1,表示12小时制 int flag = 0; @Override public void onClick(Component component) { if(flag == 0){ //表示当前为24小时,改为12小时 //默认是24小时的。 //如果我们要按照12小时进行展示,需要把24小时的展示方式给关闭 clock.set24HourModeEnabled(false); //3.指定12小时的展示格式 clock.setFormatIn12HourMode("yyyy年MM月dd日 hh:mm:ss a"); //修改按钮上的文字提示 but.setText("改为24小时制"); //修改标记 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 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 
小讯
上一篇 2025-03-08 10:34
下一篇 2025-04-04 21:28

相关推荐

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容,请联系我们,一经查实,本站将立刻删除。
如需转载请保留出处:https://51itzy.com/kjqy/32483.html