鸿蒙实战开发-如何实现时钟、闹钟、倒计时、设置屏幕亮度相功能

已于 2024-04-01 16:39:37 修改
阅读量1.8k 收藏 32
点赞数 25
分类专栏： HarmonyOS 鸿蒙工程师 鸿蒙 文章标签： harmonyos OpenHarmony 鸿蒙 鸿蒙开发 鸿蒙应用开发 鸿蒙工程师 HarmonyOS
于 2024-04-01 16:27:06 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/2401_82546228/article/details/137237771
版权
鸿蒙工程师 同时被 3 个专栏收录
567 篇文章 5 订阅
订阅专栏
鸿蒙
567 篇文章 2 订阅
订阅专栏
HarmonyOS
555 篇文章 0 订阅
订阅专栏

介绍

本示例集中展示了时钟、闹钟、倒计时、设置屏幕亮度相关的场景，
1、使用@ohos.reminderAgentManager完成闹钟的相关功能，
2、使用animateTo完成翻页时钟动画，使用@ohos.runningLock完成屏幕常亮功能，
3、设置屏幕亮度，使用@ohos.brightness系统能力调节屏幕亮度，
4、后台消息提醒，使用@ohos.notificationManager系统能力做后台代理提醒。
5、需要系统存储信息，使用用户首选项接口@ohos.data.preferences。

效果预览

使用说明

1.主页面有四个底部标签栏，时钟页面展示了数字翻页时钟功能。

2.闹钟功能点击**+**号可以创建一个闹钟，等闹钟时间到了会进行提醒。

3.倒计时功能。

4.设置里边实现的功能有全屏、调节屏幕亮度和不熄屏。

工程目录

entry/src/main/ets/
|---common
|   |---AlarmClock.ets                  // 闹钟组件
|   |---CountDown.ets                   // 倒计时组件
|   |---CustomDataPicker.ets            // 点击添加闹钟弹出来的时间选择器组件
|   |---DataSource.ets                  // 闹钟组件
|   |---FlipClock.ets                   // 翻转时钟组件
|   |---LockSwitch.ets                  // 屏幕常亮组件
|   |---Setting.ets                     // 设置组件
|---mock
|   |---TabData.ets                     // 放TabContent()资源：tabs()组件切换时，每个子tab用到的资源
|---model
|   |---StorageModel.ets                // 存储组件
|---pages
|   |---Index.ets                       // 首页

相关概念

后台代理提醒：后台代理提醒主要提供后台提醒发布接口，开发者在应用开发时，可以调用这些接口去创建定时提醒，包括倒计时、日历、闹钟三种提醒类型。使用后台代理提醒能力后，应用可以被冻结或退出，计时和弹出提醒的功能将被后台系统服务代理。

具体实现

  • 在entry/pages/index.ets中通过tabArray.TabType.num的值来加载每个TabContent()的资源，num:[0,1,2,3]分别加载翻页时钟，闹钟，倒计时，设置组件。源码参考 。
  • 页面编写步骤：
    1、定义以下四个页面组件 FlipClock()//翻转时钟 AlarmClock()// 闹钟CountDown()// 倒计时Setting()//设置
    2、使用tabs()标签，将四个组件封装。
  • 组件逻辑实现
    1、时钟： 通过aboutToAppear()中new date()获取当前时间，通过获取date的时、分、秒，10位数通过math.floor()取整，个位数通过对10取余，从而实现对时间格式化，使用box标签，对获取到的数据进行渲染。
    2、闹钟：
  • a) 使用自定义对话控制器CustomDialogController，定义时间选择器，使用data.preferences存储设置的闹钟，并使用reminderAgentManager将其添加到系统中。 import data_preferences from '@ohos.data.preferences' import reminderAgentManager from '@ohos.reminderAgentManager'
  • b) 页面从data.preferences获取添加的闹钟数据，通过Scroll()标签渲染，在标签row内，设置delete按钮，如果删除就调用以下函数取消系统时钟 import reminderAgentManager from '@ohos.reminderAgentManager' reminderAgentManager.cancelReminder
  • a) 使用aboutToAppear()初始化界面布局，通过this.listener.on('change', portraitFunc)添加监听，
  • b) 点击开始按钮触发以下函数开始计时，并修改按钮的样式为暂停，并将running=true，触发canvas样式 countInSec = pickerH * 3600 + pickerM * 60 + pickerS //总计时计算 this.timer = setInterval(this.timerCountDown.bind(this), 1000) //时间计算
  • c) 点击暂停按钮，时间暂停，并将按钮样式修改为开始
    clearInterval(this.timer) this.isRunning = true this.isPausing = true this.startImg = $r('app.media.start
  • d) 点击reset计时重置，将所有数据初始化
    clearInterval(this.timer) this.isRunning = false this.isPausing = false this.progressVal = 0 this.rotates = 0 passSec = 0 this.hoursTime = 0 this.minuteTime = 0 this.secondTime = 0 pickerH = 0 pickerM = 0 pickerS = 0 this.startImg = r(′app.media.start′)this.resetImg=�(′���.�����.�����′)�ℎ��.��������=r('app.media.resetccc')

依赖

不涉及。

约束与限制

1.本示例仅支持在标准系统上运行。

2.本示例需要使用DevEco Studio 3.1 Beta2 (Build Version: 3.1.0.400 , built on April 7, 2023)及以上版本才可编译运行。

3.本示例已适配API version 9版本SDK，版本号：3.2.11.9；

4.本示例需要使用@ohos.brightness和@ohos.notificationManager系统权限的系统接口。使用Full SDK时需要手动从镜像站点获取，并在DevEco Studio中替换。

下载

如需单独下载本工程，执行如下命令：

git init
git config core.sparsecheckout true
echo code/Solutions/Tools/FlipClock/ > .git/info/sparse-checkout
git remote add origin https://gitee.com/openharmony/applications_app_samples.git
git pull origin master

为了帮助大家更深入有效的学习到鸿蒙开发知识点，小编特意给大家准备了一份全套最新版的HarmonyOS NEXT学习资源，获取完整版方式请点击→《https.docs.qq.com》

HarmonyOS教学视频：语法ArkTS、TypeScript、ArkUI等…视频教程

鸿蒙生态应用开发白皮书V2.0PDF：

获取完整版白皮书方式请点击→《https.docs.qq.com》

在这里插入图片描述

鸿蒙 (Harmony OS)开发学习手册

一、入门必看

  1. 应用开发导读(ArkTS)
  2. .……

在这里插入图片描述


二、HarmonyOS 概念

  1. 系统定义
  2. 技术架构
  3. 技术特性
  4. 系统安全
  5. …

在这里插入图片描述

三、如何快速入门？《https.docs.qq.com》

  1. 基本概念
  2. 构建第一个ArkTS应用
  3. .……

在这里插入图片描述


四、开发基础知识

  1. 应用基础知识
  2. 配置文件
  3. 应用数据管理
  4. 应用安全管理
  5. 应用隐私保护
  6. 三方应用调用管控机制
  7. 资源分类与访问
  8. 学习ArkTS语言
  9. .……

在这里插入图片描述


五、基于ArkTS 开发

  1. Ability开发
  2. UI开发
  3. 公共事件与通知
  4. 窗口管理
  5. 媒体
  6. 安全
  7. 7.网络与链接
  8. 电话服务
  9. 数据管理
  10. 后台任务(Background Task)管理
  11. 设备管理
  12. 设备使用信息统计
  13. DFX
  14. 国际化开发
  15. 折叠屏系列
  16. .……

在这里插入图片描述


更多了解更多鸿蒙开发的相关知识可以参考：《https.docs.qq.com》

码牛程序猿
关注
  • 25
    点赞
  • 踩
  • 32
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
安卓天气日历时间选择倒计时相关-CircleTimerView实现时钟倒计时效果.rar
07-29
在Android开发中，有时我们需要创建一个具有视觉吸引力的倒计时功能，比如在天气、日历或时间选择应用中。本资源"CircleTimerView实现时钟倒计时效果"提供了一个名为CircleTimerView的自定义视图，它能以圆环形式...
S-Clock，一款Windows时钟软件，包括时钟，正计时，倒计时功能
01-22
系统环境：Windows10 及以上，因为界面采用了emoji符号，所以低版本的windows可能因为字体缘故无法正确显示，win7...3.倒计时功能， 4正计时功能， 5右击主界面，还有今日全部事项 6右击主界面可以设置开机自启动
鸿蒙系统日历、倒计时、闹钟的使用
qq_37767112的博客
03-06 415
倒计时类：基于倒计时的提醒功能。日历类：基于日历的提醒功能。闹钟类：基于时钟的提醒功能。
2024年鸿蒙最全OpenHarmony如何控制屏幕亮度_openharmony 熄屏，升职面试问题回答技巧
2401_84857523的博客
05-15 773
/ 必须要指定初始进度total?: number;style?type?value：表示当前进度，取值范围[0, 100]，当超过 100 时无效。total：表示进度条总进度，默认值为100。typestyle：设置进度条的样式，style从 API 8 起使用type代替，定义了以下 种样式：Linear：进度条样式为条形进度条。Eclipse：进度条样式为圆形进度条。Ring：环形进度条。ScaleRing：环形刻度进度条。Capsule：胶囊样式进度条。
鸿蒙开发闹钟计时器案例实操
2201_75847002的博客
06-14 864
使用Column垂直布局，嵌套Stack层叠，TextTimer通过文本显示计时信息并控制计时器状态的组件，TextTimerController控制文本计时器，进行计时，isCountDown判断是否倒计时，为true开始倒计时，count设置倒计时的时间。菜单设置Flex弹性方式布局子组件的容器组件，设置弹性方向的布局和对齐方式，使用Column布局，垂直排列，高度设为50，Flex宽度设为100。设置一个大的Column垂直布局，设置背景颜色，高度设置为百分之百，宽度设置为百分之九十。
【鸿蒙实战开发教程】HarmonyOS项目开发经历——添加自定义广告
最新发布
HarmonyOS_001的博客
06-17 530
总的来说，华为鸿蒙不再兼容安卓，对中年程序员来说是一个挑战，也是一个机会。随着鸿蒙的不断发展以及国家的大力支持,未来鸿蒙职位肯定会迎来一个大的爆发,只有积极应对变化，不断学习和提升自己，我们才能在这个变革的时代中立于不败之地。
【鸿蒙软件开发】ArkTS基础组件之TextTimer(文本显示计时)、TimePicker(时间选择)
m0_62599305的博客
10-28 3209
通过文本显示计时信息并控制其计时器状态的组件。时间选择组件，根据指定参数创建选择器，支持选择小时及分钟。通过文本显示计时信息并控制其计时器状态的组件。时间选择组件，根据指定参数创建选择器，支持选择小时及分钟。
鸿蒙应用开发小例-计时器小工具
MonkeyZ_的博客
04-04 303
实现一个简单的计时器功能
鸿蒙南向开发实战：系统亮度范围定制开发（显示管理）
shudaoshanQAQ的博客
04-30 613
OpenHarmony默认的亮度范围为0 ~ 255........
【鸿蒙开发日常记录】TickTimer（计时器）
weixin_45261707的博客
08-08 1325
【鸿蒙开发日常记录】TickTimer（计时器） HarmonyOS关方Java API接口文档为英文, 本系列根据笔者开发需要将文档进行总结并翻译. HarmonyOS提供的**计时器(定时器)**组件, 提供了Java接口. 组件简介: TickTimer是Text类的子类. TickTimer类提供了一个 从基准时间(base time)开始正计时 (Count up) 或倒计时 (Count down) 的计时器. 内嵌类 TickTimer.TickListener 此内嵌类提供了一个接口函数 o
鸿蒙开发【闹钟】实操步骤
2401_82930760的博客
06-11 838
导入相应的图片，为其设置属性，一定要给Column布局组件设置相应的高度，以及背景颜色，若不设置高度我们写的内容则不会按照我们想要的从上往下排版。设置自定义tab标签的内容属性，以及点击事件，为其设置标签的位置处于底部标签并且导入相应的图片。由上图可见，我们需要为其设置属性，让文本内容和开关按钮在两边。的对齐方式，设定显示在底部或中间等，默认为底部显示。添加文本内容，并且设置相应的点击事件。的页面，并且利用export 导出。设置点击开关按钮，显示弹窗提示。闹钟里面的内容，在其页面布局。
android应用源码-闹钟+秒表+倒计时+时钟四合一源代码.zip
10-29
这个Android应用源码集合提供了四个核心功能：闹钟、秒表、倒计时和时钟。这四个功能在日常生活中非常实用，对于Android开发者来说，理解并研究这样的源码可以帮助他们提升技能，学习如何在实际项目中实现这些功能。...
60秒倒计时时钟设计_单片机实现60秒倒计时时钟_六十秒计时_
10-02
60秒倒计时时钟设计是一项常见的嵌入式系统项目，尤其在电子工程和计算机科学领域。这个设计基于单片机技术，通过编程实现从60到0的递减计时，并在计时结束后自动重置，循环进行。在本文中，我们将详细探讨如何使用...
VUE3实用组件开发合集二：时钟、倒计时组件
07-11
VUE3实用组件开发合集二：时钟、倒计时组件，包括源码，开发文档、素材等。 使用vue3开发时钟、倒计时组件组件，实现电子时钟、钟表、农历、秒表、定时器及各种预定义样式等。封装为组件，可直接调用，通过参数可...
JS 实现倒计时数字时钟效果【附实例代码】
10-22
下面小编就为大家带来一篇JS 实现倒计时数字时钟效果【附实例代码】。小编觉得挺不错的，现在分享给大家，也给大家做一个参考。
OpenHarmony如何控制屏幕亮度
坚果的博客
09-29 6064
/ 必须要指定初始进度 total?: number;style?type?value：表示当前进度，取值范围[0, 100]，当超过 100 时无效。total：表示进度条总进度，默认值为100。type、style：设置进度条的样式，style从 API 8 起使用type代替，定义了以下 种样式：Linear：进度条样式为条形进度条。Eclipse：进度条样式为圆形进度条。Ring：环形进度条。ScaleRing：环形刻度进度条。Capsule：胶囊样式进度条。
Android闹钟最终版【android源码闹钟解析】
Android学习之旅
08-09 1205
我以前写了个复杂闹钟的demo，参见Android闹钟【复杂版】【大明进化十五】 .但是里面的bug有一些，好多人留言，所以我就看看源码，找找原因？顺便把源码代码整理出来，弄成一个完整的可以运行的apk，今天上午就整理了一下，才发现，源码处理的逻辑多一些，考虑的情况多，比如开机后接收一个广播，然后从数据库中取时间和当前时间对比，设置闹钟，当时区改变了，也会发送广播，对闹钟进行设置的。  
鸿蒙（Arkts）定时器
qq_32671919的博客
01-30 880
【代码】鸿蒙（Arkts）定时器。
C语言实现的数字时钟代码 有倒计时功能　用fltk
05-31
好的，以下是使用 C 语言和 FLTK 库实现数字时钟和倒计时功能的示例代码： ```c #include <stdio.h> #include <stdlib.h> #include <string.h> #include <time.h> #include <FL/Fl.H> #include <FL/Fl_Window.H> #include <FL/Fl_Button.H> #include <FL/Fl_Output.H> // 定义时钟和倒计时的窗口大小 #define WINDOW_WIDTH 350 #define WINDOW_HEIGHT 150 // 定义时钟和倒计时的文本显示区域 #define CLOCK_X 50 #define CLOCK_Y 30 #define CLOCK_WIDTH 100 #define CLOCK_HEIGHT 30 #define COUNTDOWN_X 220 #define COUNTDOWN_Y 30 #define COUNTDOWN_WIDTH 100 #define COUNTDOWN_HEIGHT 30 // 定义倒计时的按钮 #define START_BUTTON_X 140 #define START_BUTTON_Y 80 #define START_BUTTON_WIDTH 70 #define START_BUTTON_HEIGHT 30 // 定义倒计时的秒数 #define COUNTDOWN_SECONDS 60 // 时钟和倒计时的回调函数 void clock_callback(void* data); void countdown_callback(void* data); // 时钟和倒计时的计时器 Fl_Timeout* clock_timer; Fl_Timeout* countdown_timer; // 时钟和倒计时的文本显示 Fl_Output* clock_output; Fl_Output* countdown_output; // 倒计时的按钮 Fl_Button* start_button; // 时钟和倒计时的时间结构体 struct tm clock_time; struct tm countdown_time; int main(int argc, char** argv) { // 初始化 FLTK 库 Fl::scheme("gtk+"); Fl::set_font(FL_HELVETICA_BOLD, "Arial"); // 创建窗口 Fl_Window* window = new Fl_Window(WINDOW_WIDTH, WINDOW_HEIGHT, "数字时钟"); // 创建时钟的文本显示 clock_output = new Fl_Output(CLOCK_X, CLOCK_Y, CLOCK_WIDTH, CLOCK_HEIGHT, ""); clock_output->align(FL_ALIGN_CENTER | FL_ALIGN_INSIDE); clock_output->textsize(20); // 创建倒计时的文本显示 countdown_output = new Fl_Output(COUNTDOWN_X, COUNTDOWN_Y, COUNTDOWN_WIDTH, COUNTDOWN_HEIGHT, ""); countdown_output->align(FL_ALIGN_CENTER | FL_ALIGN_INSIDE); countdown_output->textsize(20); // 创建开始倒计时的按钮 start_button = new Fl_Button(START_BUTTON_X, START_BUTTON_Y, START_BUTTON_WIDTH, START_BUTTON_HEIGHT, "开始"); start_button->callback(countdown_callback); // 显示窗口 window->end(); window->show(argc, argv); // 开始时钟的计时器 clock_timer = Fl::add_timeout(0.0, clock_callback, NULL); // 进入 FLTK 主循环 return Fl::run(); } void clock_callback(void* data) { // 获取当前时间 time_t current_time = time(NULL); localtime_r(&current_time, &clock_time); // 更新时钟的文本显示 char clock_text[9]; snprintf(clock_text, 9, "%02d:%02d:%02d", clock_time.tm_hour, clock_time.tm_min, clock_time.tm_sec); clock_output->value(clock_text); // 继续时钟的计时器 clock_timer = Fl::add_timeout(1.0, clock_callback, NULL); } void countdown_callback(void* data) { // 禁用倒计时的按钮 start_button->deactivate(); // 设置倒计时的时间 time_t current_time = time(NULL) + COUNTDOWN_SECONDS; localtime_r(&current_time, &countdown_time); // 更新倒计时的文本显示 char countdown_text[9]; snprintf(countdown_text, 9, "%02d:%02d:%02d", countdown_time.tm_hour, countdown_time.tm_min, countdown_time.tm_sec); countdown_output->value(countdown_text); // 开始倒计时的计时器 countdown_timer = Fl::add_timeout(1.0, [](void* data){ // 获取当前时间 time_t current_time = time(NULL); localtime_r(&current_time, &countdown_time); // 更新倒计时的文本显示 char countdown_text[9]; snprintf(countdown_text, 9, "%02d:%02d:%02d", countdown_time.tm_hour, countdown_time.tm_min, countdown_time.tm_sec); countdown_output->value(countdown_text); // 判断是否倒计时结束 if (current_time >= (time_t)(countdown_time.tm_year + 1900) * 31536000 + countdown_time.tm_yday * 86400 + countdown_time.tm_hour * 3600 + countdown_time.tm_min * 60 + countdown_time.tm_sec) { // 停止倒计时的计时器 countdown_timer->stop(); // 更新倒计时的文本显示 countdown_output->value("00:00:00"); // 启用倒计时的按钮 start_button->activate(); } }, NULL); } ``` 在这个示例代码中，我们首先使用 FLTK 库创建了一个窗口，并在窗口中创建了时钟和倒计时的文本显示以及倒计时的按钮。然后，我们使用 FLTK 库的计时器功能，分别实现了时钟和倒计时的计时器，并在时钟和倒计时的计时器回调函数中更新了时钟和倒计时的文本显示。最后，我们在倒计时的按钮回调函数中实现了倒计时的功能，并在倒计时的计时器回调函数中更新了倒计时的文本显示，并在倒计时结束后重新启用了倒计时的按钮。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值