您尚未登录。

楼主 #1 2020-04-30 13:06:37

sync
会员
注册时间: 2019-12-12
已发帖子: 22
积分: 17

littlevgl 如何制作漂亮的指针?

新人求助,最近在学习littlevgl,想做一个漂亮的仪表界面,可是发现littlevgl虽然自带的有Gauge控件,但是它的指针是用线画上去的
所以求教下,如何能用图片实现指针呢?
查看littlevgl文档里面只有画布可以实现图片的旋转,但是实测了下,一旦旋转,原本的图片就发虚了。
原图如下:
原图
旋转0度后:
旋转0度

离线

#2 2020-04-30 13:39:01

哇酷小二
wechat微信:whycan_cn
所在地: 你猜
注册时间: 2020-04-22
已发帖子: 3,378
积分: 1902
个人网站

Re: littlevgl 如何制作漂亮的指针?

看下这个demo能不能帮到你: https://whycan.cn/t_2881.html





离线

#3 2020-04-30 17:40:29

hzqlz
会员
注册时间: 2018-03-23
已发帖子: 141
积分: 135

Re: littlevgl 如何制作漂亮的指针?

我盯着你这个图看了半个小时,实在是没看出来哪里旋转了

离线

#4 2020-04-30 18:10:42

达克罗德
会员
注册时间: 2018-04-10
已发帖子: 1,133
积分: 1085.5

Re: littlevgl 如何制作漂亮的指针?

hzqlz 说:

我盯着你这个图看了半个小时,实在是没看出来哪里旋转了

旋转0度。。他的意思是只要调API,即使旋转0度也模糊了

离线

#5 2020-04-30 22:06:25

hzqlz
会员
注册时间: 2018-03-23
已发帖子: 141
积分: 135

Re: littlevgl 如何制作漂亮的指针?

好吧,没仔细看那个0度

达克罗德 说:

旋转0度。。他的意思是只要调API,即使旋转0度也模糊了

离线

楼主 #6 2020-05-03 23:21:10

sync
会员
注册时间: 2019-12-12
已发帖子: 22
积分: 17

Re: littlevgl 如何制作漂亮的指针?

多谢各位了,问题就是一调用旋转就模糊了,即使是0度,所以不知道如何实现漂亮的指针功能了
自带的仪表控件有点简陋了

离线

楼主 #7 2020-05-19 15:57:15

sync
会员
注册时间: 2019-12-12
已发帖子: 22
积分: 17

Re: littlevgl 如何制作漂亮的指针?

又研究了下,是自己用法有问题,已经可以正常显示了
rotate

离线

楼主 #8 2020-05-19 15:58:31

sync
会员
注册时间: 2019-12-12
已发帖子: 22
积分: 17

Re: littlevgl 如何制作漂亮的指针?

离线

#9 2020-05-19 16:00:49

smartcar
会员
注册时间: 2018-02-19
已发帖子: 735
积分: 735

Re: littlevgl 如何制作漂亮的指针?

楼上的朋友啊,真是爱死你们了,这个时钟的lvgl找了很久啊.

离线

楼主 #10 2020-05-19 16:47:26

sync
会员
注册时间: 2019-12-12
已发帖子: 22
积分: 17

Re: littlevgl 如何制作漂亮的指针?

smartcar 说:

楼上的朋友啊,真是爱死你们了,这个时钟的lvgl找了很久啊.

也是刚接触lvgl,大家共同学习进步了:) smile smile

离线

#11 2020-06-27 14:37:02

Blizzard
会员
注册时间: 2019-09-11
已发帖子: 13
积分: 43

Re: littlevgl 如何制作漂亮的指针?

能看下你的代码吗,怎么我就是旋转不好

离线

#12 2020-07-16 18:37:46

年少生而为人
会员
注册时间: 2020-07-16
已发帖子: 2
积分: 2

Re: littlevgl 如何制作漂亮的指针?

我用图片来做指针旋转,旋转后图片能显示,但旋转前的图片怎么删除呀?可以看看你代码吗?

离线

#13 2020-07-17 17:32:43

642242855
会员
注册时间: 2019-10-31
已发帖子: 191
积分: 98

Re: littlevgl 如何制作漂亮的指针?

感谢分享:D

离线

#14 2020-07-18 15:19:55

cplmaomao0
会员
注册时间: 2020-06-23
已发帖子: 14
积分: 104

Re: littlevgl 如何制作漂亮的指针?

哇酷小二 说:

看下这个demo能不能帮到你: https://whycan.cn/t_2881.html

这个帖子的附件代码为何无法下载。。。。 帮忙看下。。。。多谢。。。。

离线

#15 2020-07-18 20:03:50

cplmaomao0
会员
注册时间: 2020-06-23
已发帖子: 14
积分: 104

Re: littlevgl 如何制作漂亮的指针?

非常漂亮的demo,想要下载代码,但是出现这个:

no this file: ./files/202003/lvgl-hal-freertos-v3.rar
骗子!根本没有这个文件: ./files/202003/lvgl-hal-freertos-v3.rar

。。。。

离线

#16 2020-07-18 20:39:19

2367725806
会员
注册时间: 2020-07-18
已发帖子: 2
积分: 2

Re: littlevgl 如何制作漂亮的指针?

tabview里面滑动真的拉跨。。怎么解决

离线

#17 2020-07-18 22:22:50

哇酷小二
wechat微信:whycan_cn
所在地: 你猜
注册时间: 2020-04-22
已发帖子: 3,378
积分: 1902
个人网站

Re: littlevgl 如何制作漂亮的指针?

cplmaomao0 说:

非常漂亮的demo,想要下载代码,但是出现这个:

no this file: ./files/202003/lvgl-hal-freertos-v3.rar
骗子!根本没有这个文件: ./files/202003/lvgl-hal-freertos-v3.rar

。。。。

链接已修复.





离线

#18 2020-07-18 22:23:10

瞿尼玛
会员
注册时间: 2020-07-18
已发帖子: 2
积分: 2

Re: littlevgl 如何制作漂亮的指针?

我盯着你这个图看了半个小时,实在是没看出来哪里旋转了

离线

#19 2020-07-22 16:23:57

test2020
会员
注册时间: 2020-07-22
已发帖子: 3
积分: 3

Re: littlevgl 如何制作漂亮的指针?

https://github.com/lvgl/lvgl/issues/1205,这个示例代码更清晰

离线

#20 2020-12-22 16:27:03

南山
会员
注册时间: 2020-12-22
已发帖子: 3
积分: 2.5

Re: littlevgl 如何制作漂亮的指针?

#include "../../../lv_examples.h"
LV_IMG_DECLARE(img_hand);
void lv_noddle_rotation(void)
{
    /* Now create the actual image */
    lv_obj_t * img = lv_img_create(lv_scr_act(), NULL);
    lv_img_set_src(img, &img_hand);
    lv_obj_align(img, NULL, LV_ALIGN_CENTER, 50, 50);
    lv_img_set_pivot(img, 0, 0);    /*Rotate around the top left corner*/

    lv_anim_t a;
    lv_anim_init(&a);
    lv_anim_set_var(&a, img);
    lv_anim_set_exec_cb(&a, (lv_anim_exec_xcb_t)lv_img_set_angle);
    lv_anim_set_values(&a, 0, 3600);
    lv_anim_set_time(&a, 60000);
    lv_anim_set_repeat_count(&a, LV_ANIM_REPEAT_INFINITE);
    lv_anim_start(&a);
}

离线

页脚

工信部备案:粤ICP备20025096号 Powered by FluxBB

感谢为中文互联网持续输出优质内容的各位老铁们。 QQ: 516333132, 微信(wechat): whycan_cn (哇酷网/挖坑网/填坑网) service@whycan.cn