LVGL 7.8模拟时钟

模拟时钟资源下载

链接:https://pan.baidu.com/s/1_nBFausDp_TqTG74boxFlw
提取码:mjdp

创建模拟时钟界面

/**
* @brief 创建模拟时钟界面
*/
void analog( lv_obj_t *win)
{

    lv_obj_t* central = win; 

   lv_obj_set_size(central, LV_HOR_RES_MAX, LV_VER_RES_MAX);
    lv_obj_set_pos(central,  0, 0);
 

    lv_obj_t * img = lv_img_create(central,NULL);
    lv_img_set_src(img, &watch_bg);  //加载表盘


    lv_obj_set_size(img, 200, 200);
    lv_obj_set_auto_realign(img, true);
    lv_obj_align(img, central, LV_ALIGN_CENTER, 0, 0);



    lvHour = lv_img_create(central,NULL);  // 时针
    lv_img_set_src( lvHour, &hour);
    lv_obj_align(  lvHour, img,LV_ALIGN_CENTER, 0, 0);
    uint16_t h = Hour * 300 + Minute * 5;
    lv_img_set_angle(  lvHour, h);

    lvMinute = lv_img_create(central,NULL);  // 分针
    lv_img_set_src( lvMinute, &minute);
    lv_obj_align(  lvMinute, img,LV_ALIGN_CENTER, 0, 0);
    lv_img_set_angle(  lvHour, Minute*60);

    lvSecond = lv_img_create(central,NULL);  //秒针

    
    lv_img_set_src( lvSecond, &second);
    lv_obj_align(  lvSecond, img,LV_ALIGN_CENTER, 0, 0);
    lv_img_set_angle(  lvSecond, Second*60);
	
     lv_task_create(update_time, 1000, LV_TASK_PRIO_LOW, NULL);  // 1秒任务

}

1秒钟任务刷新模拟时钟指针

/**
* @brief 1秒钟更新时间
*/
static void update_time(void *arg)
{
  

    if(lvHour !=NULL)
    {

       // Hour,Minute,Second;

        uint16_t h = Hour * 300 + Minute  * 5;
        lv_img_set_angle(lvHour, h);
        lv_img_set_angle(lvMinute, Minute * 6 * 10);
       
        lv_img_set_angle(lvSecond, Second * 6 * 10);
        printf("h %d m %d s %d\n", Hour, Minute, Second);

    }

    if (++Second >= 60)
    {
        Second = 0;
        if (++Minute >= 60)
        {
            Minute = 0;
            if (++Hour >= 12) Hour = 0;
        }

    }

}

主函数中调用

  analog(lv_scr_act());

运行效果图

效果图

  • 11
    点赞
  • 87
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 10
    评论
评论 10
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

风雨依依

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值