基于littlevgl设计的手表模拟时钟表盘（附代码）

硬件平台：STM32F413-DISCOVERY
操作系统：FreeRTOS
UI方案：littlevgl 5.2

模拟时钟表盘展示：

基于LittlevGL设计的手表模拟时钟表盘

Applist效果展示（屏幕破裂，效果不太好，不好意思）

基于LittlevGL设计的手表applist效果展示

表盘绘制：


// ##
typedef struct
{// #lv_obj_t *hour_body;lv_obj_t *minute_body;lv_obj_t *second_body;// ##lv_point_t hour_point[2];lv_point_t minute_point[2];lv_point_t second_point[2];// ##lv_style_t hour_line_style;lv_style_t minute_line_style;lv_style_t second_line_style;
}clock_body_t;// ##
static clock_body_t *clock_body = NULL;// ##
static lv_obj_t *clock_label = NULL;// ##
void time_get_time(RTC_TimeTypeDef *pTime);
void time_get_date(RTC_DateTypeDef *pDate);// ##
static void app_activity_event_handle(activity_event_t *event);// ##
static int16_t coordinate_x_relocate(int16_t x)
{return ((x) + LV_HOR_RES / 2);
}// ##
static int16_t coordinate_y_relocate(int16_t y)
{return (((y) - LV_HOR_RES / 2) < 0) ? (0 - ((y) - LV_HOR_RES / 2)) : ((y) - LV_HOR_RES / 2);
}// ##
static void clock_create(lv_obj_t *parent, clock_body_t *body, RTC_TimeTypeDef *time)
{// ##body->hour_body   = lv_line_create(parent, NULL);body->minute_body = lv_line_create(parent, NULL);body->second_body = lv_line_create(parent, NULL);// ##lv_style_copy(&body->hour_line_style, &lv_style_pretty);body->hour_line_style.line.color = LV_COLOR_RED;body->hour_line_style.line.width = 3;lv_line_set_style(body->hour_body, &body->hour_line_style);lv_style_copy(&body->minute_line_style, &lv_style_pretty);body->minute_line_style.line.color = LV_COLOR_RED;body->minute_line_style.line.width = 2;lv_line_set_style(body->minute_body, &body->minute_line_style);lv_style_copy(&body->second_line_style, &lv_style_pretty);body->second_line_style.line.color = LV_COLOR_WHITE;body->second_line_style.line.width = 1;lv_line_set_style(body->second_body, &body->second_line_style);// ##body->hour_point[0].x   = coordinate_x_relocate(0);body->hour_point[0].y   = coordinate_y_relocate(0);body->hour_point[1].x   = coordinate_x_relocate(HOUR_LENGTH * sin((time->Hours > 12 ? time->Hours - 12 : time->Hours) * 30 * PI / 180));body->hour_point[1].y   = coordinate_y_relocate(HOUR_LENGTH * cos((time->Hours > 12 ? time->Hours - 12 : time->Hours) * 30 * PI / 180));body->minute_point[0].x = coordinate_x_relocate(0);body->minute_point[0].y = coordinate_y_relocate(0);body->minute_point[1].x = coordinate_x_relocate(MINUTE_LENGTH * sin(time->Minutes * 6 * PI / 180));body->minute_point[1].y = coordinate_y_relocate(MINUTE_LENGTH * cos(time->Minutes * 6 * PI / 180));body->second_point[0].x = coordinate_x_relocate(20 * sin((180 + time->Seconds * 6) * PI / 180));body->second_point[0].y = coordinate_y_relocate(20 * cos((180 + time->Seconds * 6) * PI / 180));body->second_point[1].x = coordinate_x_relocate(SECOND_LENGTH * sin(time->Seconds * 6 * PI / 180));body->second_point[1].y = coordinate_y_relocate(SECOND_LENGTH * cos(time->Seconds * 6 * PI / 180));// ##lv_line_set_points(body->hour_body,   body->hour_point,   2);lv_line_set_points(body->minute_body, body->minute_point, 2);lv_line_set_points(body->second_body, body->second_point, 2);
}

表盘更新：

// ##
static void app_activity_event_handle(activity_event_t *event)
{if(event->msg_id == MSG_RTC_ALARM){char buf1[50];char buf2[50];RTC_DateTypeDef date;RTC_TimeTypeDef time;time_get_date(&date);time_get_time(&time);sprintf(buf1, "%s %02d %s %d\r\n", month_list[date.Month], date.Date,week_list[date.WeekDay - 1], 2000 + date.Year);sprintf(buf2, "%02d:%02d:%02d", time.Hours, time.Minutes, time.Seconds);lv_obj_set_pos(content_date_label, (LV_HOR_RES - strlen(buf1) * 8) / 2, 100);lv_obj_set_pos(content_time_label, (LV_HOR_RES - strlen(buf2) * 8) / 2, 130);lv_label_set_text(content_date_label, buf1);lv_label_set_text(content_time_label, buf2);}else{LOG(TAG, "unknown msg : %d\r\n", event->msg_id);}
}(更新)
基于lvgl-7.2设计的模拟时钟表盘，效果如下：
![在这里插入图片描述](https://img-blog.csdnimg.cn/2021032818343465.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1N0YXJFbWJlZGRlZA==,size_16,color_FFFFFF,t_70)

基于littlevgl设计的手表模拟时钟表盘（附代码）相关推荐

LVGL库实现的简单实时时钟表盘示例代码
LVGL库实现的简单实时时钟表盘示例代码: #include "lvgl.h" #include <time.h>static lv_obj_t * screen; s ...
基于遗传算法优化的Elman神经网络数据预测-附代码
基于遗传算法优化的Elman神经网络数据预测 - 附代码文章目录基于遗传算法优化的Elman神经网络数据预测 - 附代码 1.Elman 神经网络结构 2.Elman 神经用络学习过程 3.电力负 ...
2020华为杯E题——基于灰色预测的大雾能见度预测模型（附代码）
2020华为杯E题--基于灰色预测的大雾能见度预测模型(附代码) 一.E题赛题二.赛题分析三.基于灰色预测的大雾能见度预测模型 3.1灰色预测模型的定义 3.2 灰色预测模型的目的 GM(1,1) ...
STM32F103C8T6通过内部Flash写入读取数据，模拟EEPROM（附代码）
STM32F103C8T6通过内部Flash写入读取数据,模拟EEPROM(附代码) 优点: 1. 模块化编程,方便移植,集成度高: 2. 拿来直接用 Flash空间定定义主函数初始化已经Flash ...
路径规划算法：基于灰狼优化(GWO)的路径规划算法- 附代码
路径规划算法:基于灰狼优化(GWO)的路径规划算法- 附代码文章目录路径规划算法:基于灰狼优化(GWO)的路径规划算法- 附代码 1.算法原理 1.1 环境设定 1.2 约束条件 1.3 适应度函 ...
路径规划算法：基于入侵杂草优化的路径规划算法- 附代码
路径规划算法:基于入侵杂草优化的路径规划算法- 附代码文章目录路径规划算法:基于入侵杂草优化的路径规划算法- 附代码 1.算法原理 1.1 环境设定 1.2 约束条件 1.3 适应度函数 2.算法 ...
基于人工蜂群算法改进的DELM预测-附代码
人工蜂群算法改进的深度极限学习机DELM的回归预测文章目录人工蜂群算法改进的深度极限学习机DELM的回归预测 1.ELM原理 2.深度极限学习机(DELM)原理 3.人工蜂群算法 4.人工蜂群算法 ...
基于粒子群算法改进的DELM预测 -附代码
粒子群算法改进的深度极限学习机DELM的回归预测文章目录粒子群算法改进的深度极限学习机DELM的回归预测 1.ELM原理 2.深度极限学习机(DELM)原理 3.粒子群算法 4.粒子群算法改进DE ...
基于蜣螂优化的Elman神经网络数据预测-附代码
基于蜣螂算法优化的Elman神经网络数据预测 - 附代码文章目录基于蜣螂算法优化的Elman神经网络数据预测 - 附代码 1.Elman 神经网络结构 2.Elman 神经用络学习过程 3.电力负 ...
[基础代码仓库]基于STM32C8T6的库函数ADC模拟+DMA多通道转运代码
目录导言理论部分 STM32F103C8T6最小系统板代码初始化步骤代码部分一.1个通道PA0 二.2个通道PA0.PA1 三.3个通道PA0.PA1.PA2 四.4个通道PA0~PA3 五 ...

基于littlevgl设计的手表模拟时钟表盘（附代码）

Applist效果展示（屏幕破裂，效果不太好，不好意思）

基于littlevgl设计的手表模拟时钟表盘（附代码）相关推荐

最新文章

热门文章