LVGL AnalogClock控件和Dclock控件详解

news2025/4/17 7:30:28

LVGL AnalogClock控件和Dclock控件详解

  • 一、AnalogClock控件详解
    • 1. 概述
    • 2. 创建模拟时钟
      • 2.1 函数
      • 2.2 参数
      • 2.3 返回值
    • 3. 设置时间
      • 3.1 函数
      • 3.2 参数
    • 4. 获取时间
      • 4.1 函数
      • 4.2 参数
    • 5. 设置样式
      • 5.1 常用样式属性
      • 5.2 示例代码
    • 6. 更新时间
      • 6.1 定时器回调示例
      • 6.2 创建定时器
    • 7. 示例代码
      • 7.1 完整示例
  • 二、Dclock控件详解
  • 三、效果展示
  • 四、源码分享

一、AnalogClock控件详解

1. 概述

analogClock 是 LVGL 库中的一个组件，用于创建模拟时钟。它可以显示小时、分钟和秒针，提供直观的时钟界面。

2. 创建模拟时钟

2.1 函数

lv_obj_t * lv_analogclock_create(lv_obj_t * parent);

2.2 参数

  • parent: 父对象。

2.3 返回值

  • 新创建的模拟时钟对象。

3. 设置时间

3.1 函数

void lv_analogclock_set_time(lv_obj_t * obj, uint8_t hour, uint8_t minute, uint8_t second);

3.2 参数

  • obj: 模拟时钟对象。
  • hour: 小时（0-23）。
  • minute: 分钟（0-59）。
  • second: 秒（0-59）。

4. 获取时间

4.1 函数

void lv_analogclock_get_time(lv_obj_t * obj, uint8_t * hour, uint8_t * minute, uint8_t * second);

4.2 参数

  • obj: 模拟时钟对象。
  • hour: 存储小时的指针。
  • minute: 存储分钟的指针。
  • second: 存储秒的指针。

5. 设置样式

5.1 常用样式属性

  • LV_ANALOGCLOCK_STYLE_MAIN: 主要样式，包括背景和表盘。
  • LV_ANALOGCLOCK_STYLE_NEEDLE_HOUR: 小时指针样式。
  • LV_ANALOGCLOCK_STYLE_NEEDLE_MIN: 分钟指针样式。
  • LV_ANALOGCLOCK_STYLE_NEEDLE_SEC: 秒针样式。

5.2 示例代码

lv_style_t style;
lv_style_init(&style);
lv_style_set_bg_color(&style, lv_color_hex(0x000000)); // 设置背景颜色
lv_style_set_bg_img_src(&style, &my_dial_img); // 设置表盘图片

lv_obj_add_style(obj, &style, LV_PART_MAIN);

6. 更新时间

6.1 定时器回调示例

static void timer_cb(lv_timer_t * timer)
{
    lv_obj_t * clock = (lv_obj_t *)timer->user_data;

    time_t now = time(NULL);
    struct tm * local_time = localtime(&now);

    lv_analogclock_set_time(clock, local_time->tm_hour, local_time->tm_min, local_time->tm_sec);
}

6.2 创建定时器

lv_timer_t * timer = lv_timer_create(timer_cb, 1000, clock);

7. 示例代码

7.1 完整示例

#include "lvgl/lvgl.h"

static void timer_cb(lv_timer_t * timer)
{
    lv_obj_t * clock = (lv_obj_t *)timer->user_data;

    time_t now = time(NULL);
    struct tm * local_time = localtime(&now);

    lv_analogclock_set_time(clock, local_time->tm_hour, local_time->tm_min, local_time->tm_sec);
}

int main(void)
{
    lv_init();

    // 初始化显示器驱动
    // lv_disp_drv_t disp_drv;
    // lv_disp_drv_init(&disp_drv);
    // disp_drv.disp_flush = my_disp_flush;
    // lv_disp_drv_register(&disp_drv);

    // 创建模拟时钟
    lv_obj_t * clock = lv_analogclock_create(lv_scr_act());

    // 设置初始时间
    lv_analogclock_set_time(clock, 12, 30, 45);

    // 创建定时器
    lv_timer_t * timer = lv_timer_create(timer_cb, 1000, clock);

    while (1) {
        lv_task_handler();
        lv_timer_handler();
        usleep(5000);
    }

    return 0;
}

二、Dclock控件详解

在LVGL中使用时钟控件（Dclock）可以实现以下功能：

  • 显示当前时间：时钟控件可以显示当前的小时和分钟。
  • 自定义外观：开发人员可以自定义时钟控件的外观，包括字体、颜色、背景等。
  • 动态更新：时钟控件可以根据实时时间进行动态更新，显示当前时间。
  • 事件处理：时钟控件可以处理用户交互事件，例如点击或按压事件。

三、效果展示

在这里插入图片描述

四、源码分享

ui.h

typedef struct
{
  
	lv_obj_t *screen;
	bool screen_del;
	lv_obj_t *screen_analog_clock_1;
	lv_obj_t *screen_digital_clock_1;
}lv_ui;

ui.c

/*
* Copyright 2025 NXP
* NXP Confidential and Proprietary. This software is owned or controlled by NXP and may only be used strictly in
* accordance with the applicable license terms. By expressly accepting such terms or by downloading, installing,
* activating and/or otherwise using the software, you are agreeing that you have read, and that you agree to
* comply with and are bound by, such license terms.  If you do not agree to be bound by the applicable license
* terms, then you may not retain, install, activate or otherwise use the software.
*/

#include "lvgl.h"
#include <stdio.h>
#include "gui_guider.h"
#include "events_init.h"
#include "widgets_init.h"
#include "custom.h"



int screen_analog_clock_1_hour_value = 3;
int screen_analog_clock_1_min_value = 20;
int screen_analog_clock_1_sec_value = 50;
int screen_digital_clock_1_min_value = 25;
int screen_digital_clock_1_hour_value = 11;
int screen_digital_clock_1_sec_value = 50;
char screen_digital_clock_1_meridiem[] = "AM";
void setup_scr_screen(lv_ui *ui)
{
	//Write codes screen
	ui->screen = lv_obj_create(NULL);
	lv_obj_set_size(ui->screen, 800, 480);
	lv_obj_set_scrollbar_mode(ui->screen, LV_SCROLLBAR_MODE_OFF);

	//Write style for screen, Part: LV_PART_MAIN, State: LV_STATE_DEFAULT.
	lv_obj_set_style_bg_opa(ui->screen, 255, LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_bg_color(ui->screen, lv_color_hex(0x21d0e3), LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_bg_grad_dir(ui->screen, LV_GRAD_DIR_NONE, LV_PART_MAIN|LV_STATE_DEFAULT);

	//Write codes screen_analog_clock_1
	static bool screen_analog_clock_1_timer_enabled = false;
	ui->screen_analog_clock_1 = lv_analogclock_create(ui->screen);
	lv_analogclock_hide_digits(ui->screen_analog_clock_1, false);
	lv_analogclock_set_major_ticks(ui->screen_analog_clock_1, 2, 10, lv_color_hex(0x555555), 10);
	lv_analogclock_set_ticks(ui->screen_analog_clock_1, 2, 5, lv_color_hex(0x333333));
	lv_analogclock_set_hour_needle_line(ui->screen_analog_clock_1, 2, lv_color_hex(0x00ff00), -40);
	lv_analogclock_set_min_needle_line(ui->screen_analog_clock_1, 2, lv_color_hex(0xE1FF00), -30);
	lv_analogclock_set_sec_needle_line(ui->screen_analog_clock_1, 2, lv_color_hex(0x6600FF), -10);
	lv_analogclock_set_time(ui->screen_analog_clock_1, screen_analog_clock_1_hour_value, screen_analog_clock_1_min_value,screen_analog_clock_1_sec_value);
	// create timer
	if (!screen_analog_clock_1_timer_enabled) {
		lv_timer_create(screen_analog_clock_1_timer, 1000, NULL);
		screen_analog_clock_1_timer_enabled = true;
	}
	lv_obj_set_pos(ui->screen_analog_clock_1, 79, 115);
	lv_obj_set_size(ui->screen_analog_clock_1, 200, 200);

	//Write style for screen_analog_clock_1, Part: LV_PART_MAIN, State: LV_STATE_DEFAULT.
	lv_obj_set_style_bg_opa(ui->screen_analog_clock_1, 255, LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_bg_color(ui->screen_analog_clock_1, lv_color_hex(0xffffff), LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_bg_grad_dir(ui->screen_analog_clock_1, LV_GRAD_DIR_NONE, LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_border_width(ui->screen_analog_clock_1, 0, LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_shadow_width(ui->screen_analog_clock_1, 0, LV_PART_MAIN|LV_STATE_DEFAULT);

	//Write style for screen_analog_clock_1, Part: LV_PART_TICKS, State: LV_STATE_DEFAULT.
	lv_obj_set_style_text_color(ui->screen_analog_clock_1, lv_color_hex(0xff0000), LV_PART_TICKS|LV_STATE_DEFAULT);
	lv_obj_set_style_text_font(ui->screen_analog_clock_1, &lv_font_montserratMedium_12, LV_PART_TICKS|LV_STATE_DEFAULT);
	lv_obj_set_style_text_opa(ui->screen_analog_clock_1, 255, LV_PART_TICKS|LV_STATE_DEFAULT);

	//Write style for screen_analog_clock_1, Part: LV_PART_INDICATOR, State: LV_STATE_DEFAULT.
	lv_obj_set_style_bg_opa(ui->screen_analog_clock_1, 255, LV_PART_INDICATOR|LV_STATE_DEFAULT);
	lv_obj_set_style_bg_color(ui->screen_analog_clock_1, lv_color_hex(0x000000), LV_PART_INDICATOR|LV_STATE_DEFAULT);
	lv_obj_set_style_bg_grad_dir(ui->screen_analog_clock_1, LV_GRAD_DIR_NONE, LV_PART_INDICATOR|LV_STATE_DEFAULT);

	//Write codes screen_digital_clock_1
	static bool screen_digital_clock_1_timer_enabled = false;
	ui->screen_digital_clock_1 = lv_dclock_create(ui->screen, "11:25:50 AM");
	if (!screen_digital_clock_1_timer_enabled) {
		lv_timer_create(screen_digital_clock_1_timer, 1000, NULL);
		screen_digital_clock_1_timer_enabled = true;
	}
	lv_obj_set_pos(ui->screen_digital_clock_1, 541, 208);
	lv_obj_set_size(ui->screen_digital_clock_1, 130, 36);

	//Write style for screen_digital_clock_1, Part: LV_PART_MAIN, State: LV_STATE_DEFAULT.
	lv_obj_set_style_radius(ui->screen_digital_clock_1, 0, LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_text_color(ui->screen_digital_clock_1, lv_color_hex(0xffffff), LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_text_font(ui->screen_digital_clock_1, &lv_font_montserratMedium_16, LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_text_opa(ui->screen_digital_clock_1, 255, LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_text_letter_space(ui->screen_digital_clock_1, 0, LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_text_align(ui->screen_digital_clock_1, LV_TEXT_ALIGN_CENTER, LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_bg_opa(ui->screen_digital_clock_1, 255, LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_bg_color(ui->screen_digital_clock_1, lv_color_hex(0x2195f6), LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_bg_grad_dir(ui->screen_digital_clock_1, LV_GRAD_DIR_NONE, LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_pad_top(ui->screen_digital_clock_1, 7, LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_pad_right(ui->screen_digital_clock_1, 0, LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_pad_bottom(ui->screen_digital_clock_1, 0, LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_pad_left(ui->screen_digital_clock_1, 0, LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_shadow_width(ui->screen_digital_clock_1, 0, LV_PART_MAIN|LV_STATE_DEFAULT);

	//The custom code of screen.
	

	//Update current screen layout.
	lv_obj_update_layout(ui->screen);

}

在这里插入图片描述
觉得整理的好的话麻烦点个赞呗！

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.coloradmin.cn/o/2334356.html

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈，一经查实，立即删除！

相关文章

【C++初学】课后作业汇总复习（七） 指针-深浅copy

【C++初学】课后作业汇总复习（七） 指针-深浅copy

1、 HugeInt类:构造、、cout Description: 32位整数的计算机可以表示整数的范围近似为&#xff0d;20亿到&#xff0b;20亿。在这个范围内操作一般不会出现问题&#xff0c;但是有的应用程序可能需要使用超出上述范围的整数。C可以满足这个需求&#xff0c;创建功能强大的新的…
阅读更多...
探索加密期权波动率交易的系统化实践——动态对冲工具使用

探索加密期权波动率交易的系统化实践——动态对冲工具使用

Trading Volatility – What Are My Options? 在本文中&#xff0c;我们将介绍一些如何交易资产波动性&#xff08;而非资产价格&#xff09;的示例。为了帮助理解&#xff0c;我们将使用 Deribit 上提供的几种不同产品&#xff0c;包括但不限于期权。我们将尽可能消除对标的价…
阅读更多...
方案精读：51页 财政数据信息资源目录数据标准存储及大数据资产化规划方案【附全文阅读】

方案精读：51页 财政数据信息资源目录数据标准存储及大数据资产化规划方案【附全文阅读】

该方案聚焦财政数据信息资源管理，适用于财政部门工作人员、数据管理与分析人员以及关注财政大数据应用的相关人士。 方案旨在构建财政数据资源目录，推动大数据在财政领域的应用与落地。整体规划上，以 “金财工程” 应用支撑平台为基础，建立省、市、县三级目录体系，遵循相关…
阅读更多...
开源实时语音交互大模型Ultravox-cn

开源实时语音交互大模型Ultravox-cn

一款为实时语音交互设计的快速多模态LLM 概述 Ultravox是一种新型的多模态LLM&#xff0c;能够理解文本和人类语音&#xff0c;无需单独的自动语音识别&#xff08;ASR&#xff09;阶段。基于AudioLM、SeamlessM4T、Gazelle、SpeechGPT等研究&#xff0c;Ultravox能够将任何…
阅读更多...
基于web的民宿信息系统(源码+lw+部署文档+讲解)，源码可白嫖!

基于web的民宿信息系统(源码+lw+部署文档+讲解)，源码可白嫖!

摘要 随着信息时代的来临&#xff0c;民宿过去的民宿信息方式的缺点逐渐暴露&#xff0c;对过去的民宿信息的缺点进行分析&#xff0c;采取计算机方式构建民宿信息系统。本文通过阅读相关文献&#xff0c;研究国内外相关技术&#xff0c;提出了一种民宿信息管理、民宿信息管理…
阅读更多...
04-微服务 面试题-mk

04-微服务 面试题-mk

文章目录 1.Spring Cloud 常见的组件有哪些？2.服务注册和发现是什么意思？（Spring Cloud 如何实现服务注册发现）3.Nacos配置中心热加载实现原理及关键技术4.OpenFeign在微服务中的远程服务调用工作流程5.你们项目负载均衡如何实现的 ?6.什么是服务雪崩，怎么解决这个问题？…
阅读更多...
【Linux篇】深入理解文件系统：从基础概念到 ext2 文件系统的应用与解析

【Linux篇】深入理解文件系统：从基础概念到 ext2 文件系统的应用与解析

文件系统的魔法&#xff1a;让计算机理解并存储你的数据 一. 文件系统1.1 块1.2 分区1.3 inode(索引节点) 二. ext2文件系统2.1 认识文件系统2.2 Block Group (块组)2.2.1 Block Group 的基本概念2.2.2 Block Group 的作用 2.3 块组内部结构2.3.1 超级块&#xff08;Super Bloc…
阅读更多...
C++STL——容器-list(含模拟实现，即底层原理)(含迭代器失效问题)(所有你不理解的问题，这里都有解答，最详细）

C++STL——容器-list(含模拟实现，即底层原理)(含迭代器失效问题)(所有你不理解的问题，这里都有解答，最详细）

目录 1.迭代器的分类 2.list的使用 2.1 list的构造 2.2 list iterator 2.3 list capacity 2.4 list element access ​编辑 2.5 list modifiers ​编辑2.5.1 list插入和删除 2.5.2 insert /erase 2.5.3 resize/swap/clear ​编辑 2.6 list的一些其他接口…
阅读更多...
计算机组成原理笔记(十五)——3.5指令系统的发展

计算机组成原理笔记(十五)——3.5指令系统的发展

不同类型的计算机有各具特色的指令系统&#xff0c;由于计算机的性能、机器结构和使用环境不同&#xff0c;指令系统的差异也是很大的。 3.5.1 x86架构的扩展指令集 x86架构的扩展指令集是为了增强处理器在多媒体、三维图形、并行计算等领域的性能而设计的。这些扩展指令集通…
阅读更多...
基于时间序列分解与XGBoost的交通通行时间预测方法解析

基于时间序列分解与XGBoost的交通通行时间预测方法解析

一、问题背景与数据概览 在城市交通管理系统中，准确预测道路通行时间对于智能交通调度和路径规划具有重要意义。本文基于真实道路传感器数据，构建了一个结合时间序列分解与机器学习模型的预测框架。数据源包含三个核心部分： 道路通行数据（new_gy_contest_traveltime_train…
阅读更多...
基于XGBoost的异烟酸生产收率预测：冠军解决方案解析

基于XGBoost的异烟酸生产收率预测：冠军解决方案解析

1. 引言 在化工生产领域，准确预测产品收率对优化工艺流程、降低生产成本具有重要意义。本文以异烟酸生产为研究对象，通过机器学习方法构建预测模型，在包含10个生产步骤、42个工艺参数的数据集上实现高精度收率预测。该方案在工业竞赛中斩获冠军，本文将深度解析其技术实现细…
阅读更多...
计算机视觉算法实现——电梯禁止电瓶车进入检测：原理、实现与行业应用（主页有源码）

计算机视觉算法实现——电梯禁止电瓶车进入检测：原理、实现与行业应用（主页有源码）

✨个人主页欢迎您的访问 ✨期待您的三连 ✨ ✨个人主页欢迎您的访问 ✨期待您的三连 ✨ ✨个人主页欢迎您的访问 ✨期待您的三连✨ ​​​ ​​​​​​​​​ ​​ 1. 电梯安全检测领域概述 近年来&#xff0c;随着电动自行车&#xff08;以下简称"电瓶车"&…
阅读更多...
MOM成功实施分享（八）汽车活塞生产制造MOM建设方案（第二部分）

MOM成功实施分享（八）汽车活塞生产制造MOM建设方案（第二部分）

在制造业数字化转型的浪潮中&#xff0c;方案对活塞积极探索&#xff0c;通过实施一系列数字化举措&#xff0c;在生产管理、供应链协同、质量控制等多个方面取得显著成效&#xff0c;为行业提供了优秀范例。 1.转型背景与目标&#xff1a;活塞在数字化转型前面临诸多挑战&…
阅读更多...
Azure AI Foundry 正在构建一个技术无障碍的未来世界

Azure AI Foundry 正在构建一个技术无障碍的未来世界

我们习以为常的街道和数字世界&#xff0c;往往隐藏着被忽视的障碍——凹凸不平的路面、不兼容的网站、延迟的字幕或无法识别多样化声音的AI模型。这些细节对某些群体而言&#xff0c;却是日常的挑战。正如盲道不仅帮助视障者&#xff0c;也优化了整体城市体验&#xff0c;信息…
阅读更多...
地毯填充luogu

地毯填充luogu

P1228 地毯填补问题 题目描述 相传在一个古老的阿拉伯国家里，有一座宫殿。宫殿里有个四四方方的格子迷宫，国王选择驸马的方法非常特殊，也非常简单：公主就站在其中一个方格子上，只要谁能用地毯将除公主站立的地方外的所有地方盖上，美丽漂亮聪慧的公主就是他的人了。公主…
阅读更多...
哈喽打车 小程序 分析

哈喽打车 小程序 分析

声明 本文章中所有内容仅供学习交流使用&#xff0c;不用于其他任何目的&#xff0c;抓包内容、敏感网址、数据接口等均已做脱敏处理&#xff0c;严禁用于商业用途和非法用途&#xff0c;否则由此产生的一切后果均与作者无关&#xff01; 逆向过程 这一次遇到这种风控感觉挺有…
阅读更多...
基于 Vue 3 + Express 的网盘资源搜索与转存工具，支持响应式布局，移动端与PC完美适配

基于 Vue 3 + Express 的网盘资源搜索与转存工具，支持响应式布局，移动端与PC完美适配

一个基于 Vue 3 Express 的网盘资源搜索与转存工具&#xff0c;支持响应式布局&#xff0c;移动端与PC完美适配&#xff0c;可通过 Docker 一键部署。 功能特性 &#x1f50d; 多源资源搜索 支持多个资源订阅源搜索支持关键词搜索与资源链接解析支持豆瓣热门榜单展示 &#…
阅读更多...
【操作系统学习篇-Linux】进程

【操作系统学习篇-Linux】进程

1. 什么是进程 课本概念&#xff1a;程序的一个执行实例&#xff0c;正在执行的程序等 内核观点&#xff1a;担当分配系统资源&#xff08;CPU时间&#xff0c;内存&#xff09;的实体。 如果你就看这个来理解进程&#xff0c;那么恭喜你&#xff0c;作为初学者&#xff0c;你…
阅读更多...
CF985G Team Players

CF985G Team Players

我敢赌&#xff0c;就算你知道怎么做&#xff0c;也必然得调试半天才能 AC。 [Problem Discription] \color{blue}{\texttt{[Problem Discription]}} [Problem Discription] 图片来自洛谷。 [Analysis] \color{blue}{\texttt{[Analysis]}} [Analysis] 显然不可能正面计算。所以…
阅读更多...
企业经营决策风险

企业经营决策风险

在企业的经营过程中&#xff0c;领导者每天都在面对大量的决策——该扩大生产还是收缩业务&#xff1f;该增设销售渠道还是提升产品质量&#xff1f;但你知道吗&#xff0c;企业最大的成本&#xff0c;不是生产成本&#xff0c;也不是人工成本&#xff0c;而是决策错误的成本&a…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023