LVGL 8.2 meter控件实现模拟时钟

133 篇文章 110 订阅

动画回调函数

static lv_obj_t* meter;
static void set_value(void* indic, int32_t v)
{
    lv_meter_set_indicator_end_value(meter, indic, v); // 设置分针值
}
static void set_hour_value(void* indic, int32_t v)
{
    if (v == 0)
        v = 12;
    lv_meter_set_indicator_end_value(meter, indic, v);   // 设置时针值
}

clock from a meter

static void lv_example_meter_3(void)
{
    meter = lv_meter_create(lv_scr_act());
    lv_obj_set_size(meter, 220, 220);
    lv_obj_center(meter);

    lv_obj_remove_style(meter, NULL, LV_PART_TICKS);
    lv_obj_remove_style(meter, NULL, LV_PART_ITEMS);
    /*Create a scale for the minutes*/
    /*61 ticks in a 360 degrees range (the last and the first line overlaps)*/
    lv_meter_scale_t* scale_min = lv_meter_add_scale(meter);
    lv_meter_set_scale_ticks(meter, scale_min, 61, 1, 10, lv_palette_main(LV_PALETTE_GREY));
    lv_meter_set_scale_range(meter, scale_min, 0, 60, 360, 270);
    /*Create another scale for the hours. It's only visual and contains only major ticks*/
    lv_meter_scale_t* scale_hour = lv_meter_add_scale(meter);
    lv_meter_set_scale_ticks(meter, scale_hour, 12, 0, 0, lv_palette_main(LV_PALETTE_GREY)); /*12 ticks*/
    lv_meter_set_scale_major_ticks(meter, scale_hour, 1, 2, 20, lv_color_black(), 10); /*Every tick is major*/
        lv_meter_set_scale_range(meter, scale_hour, 1, 12, 330, 300); /*[1..12] values in an almost full circle*/
    LV_IMG_DECLARE(img_hand)  // 表针图片资源声明
        /*Add a the hands from images*/
        lv_meter_indicator_t* indic_min = lv_meter_add_needle_img(meter, scale_min, &img_hand, 5, 5); // 
    lv_meter_indicator_t* indic_hour = lv_meter_add_needle_img(meter, scale_hour, &img_hand, 5, 5);
    /*Create an animation to set the value*/
    lv_anim_t a;
    lv_anim_init(&a);
    lv_anim_set_exec_cb(&a, set_value);
    lv_anim_set_values(&a, 0, 60);
    lv_anim_set_repeat_count(&a, LV_ANIM_REPEAT_INFINITE);
    lv_anim_set_time(&a, 2000); /*2 sec for 1 turn of the minute hand (1 hour)*/
    lv_anim_set_var(&a, indic_min);
    lv_anim_start(&a);

    lv_anim_t a1;
    lv_anim_init(&a1);
    lv_anim_set_exec_cb(&a1, set_hour_value);
    lv_anim_set_repeat_count(&a1, LV_ANIM_REPEAT_INFINITE);
    lv_anim_set_var(&a1, indic_hour);
    lv_anim_set_time(&a1, 24000); /*24 sec for 1 turn of the hour hand*/
    lv_anim_set_values(&a1, 0, 12);
    lv_anim_start(&a1);
}

运行效果

在这里插入图片描述

  • 4
    点赞
  • 17
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
### 回答1: scratch3.5钟表拓展是一项在scratch编程软件上开发的教育项目,它可以帮助学生学习和理解钟表的基本功能和原理。 首先,scratch3.5钟表拓展可以让学生通过编程设置时钟的显示和移动。学生可以使用语言积木块来创建时钟的指针、刻度和数字,并通过编程控制它们的移动和显示。这可以帮助学生加深对时钟机械部分的理解,并培养他们的逻辑思维和创造力。 其次,scratch3.5钟表拓展还可以教授学生如何使用事件和条件语句来控制时钟的行为。例如,学生可以编写代码让时钟在特定的时间点发出声音或改变指针的颜色。通过这样的实践,学生可以学会如何利用编程语言来控制物体的运动和行为。 此外,scratch3.5钟表拓展还可以拓宽学生对时间概念的认识。学生可以通过编写代码来计算和显示当前的时间、倒计时或计时器。他们还可以创建闹钟功能,让时钟在设定的时间点发出提醒。这有助于学生提高时间管理和计算能力。 最后,scratch3.5钟表拓展可以激发学生对编程和科技的兴趣。通过设计和操作自己的钟表项目,学生可以获得成就感和满足感,鼓励他们继续学习和探索更多的编程和科技知识。 总而言之,scratch3.5钟表拓展是一项有益的教育工具,它结合了时钟的原理和编程的思维方式,帮助学生学习和理解时钟的基本功能和原理,并培养他们的逻辑思维、创造力和时间管理能力。 ### 回答2: Scratch是一种编程语言和编程环境,它可以帮助人们学习和理解计算机编程的基本概念。Scratch 3.5是Scratch最新的版本,它引入了一些新功能和扩展,包括钟表拓展。 钟表拓展是一种用于显示和操作时间的功能扩展。在Scratch 3.5中,我们可以使用钟表拓展来创建一个可以显示时间的钟表项目。 使用钟表拓展,我们可以添加一个时针、分针和秒针,并设置它们在屏幕上的位置。我们可以使用“设置钟表的时钟表盘”模块来确定表盘的位置和大小,以及选择表盘的外观。 同时,我们还可以使用“设置钟表的时针”、“设置钟表的分针”和“设置钟表的秒针”模块来设定每个指针的初始位置和长度。我们可以使用这些模块来设计自己的钟表,并设置它们的显示时间。 除了显示时间,钟表拓展还可以进行一些其他的时间操作。例如,我们可以使用“获取当天的小时数”和“获取当天的分钟数”模块来获取当前的小时和分钟数。我们还可以使用“获取当天的星期几”模块来获取当前是星期几。 通过使用钟表拓展,我们可以学习如何使用程序来处理时间和日期。我们可以制作倒计时器、闹钟等实用工具,或者创建具有特定时间功能的游戏。 总之,Scratch 3.5的钟表拓展为我们提供了处理时间的功能,让我们可以用课堂上学到的知识来创作各种有趣和有用的项目。它不仅可以让我们更深入地了解计算机编程的本质,还可以增强我们的创造力和逻辑思维能力。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值