WhyCan Forum(哇酷开发者社区)

分享一下资料
链接：https://pan.baidu.com/s/1ZMdeVF56wABmGKvq4BSDxA
提取码：ueab

我来补个链接
链接：https://pan.baidu.com/s/1ZMdeVF56wABmGKvq4BSDxA
提取码：ueab

@0x7c00 感谢大佬建议，感谢晕哥提供平台支持，问题已解决！是样式的问题
一、ARC控件测试代码(彩色主题)
//创建一个屏幕对象
lv_obj_t* scr = lv_obj_create(lv_scr_act());
lv_obj_set_size(scr, 390, 390);
lv_obj_set_style_bg_color(scr, lv_color_white(), LV_PART_MAIN);
lv_obj_set_style_border_color(scr, lv_color_black(), LV_PART_MAIN);

//创建一个arc对象
lv_obj_t* arc_progress = lv_arc_create(scr);
//背景设置
static lv_style_t style_bg;
lv_style_init(&style_bg);
//lv_style_reset(&style_bg);
lv_style_set_bg_color(&style_bg,lv_color_make(0x00, 0x00, 0xff));//设置背景颜色
lv_style_set_bg_opa(&style_bg, LV_OPA_COVER);//设置背景透明度
lv_style_set_bg_grad_color(&style_bg,lv_color_make(0x24, 0xf9, 0xcf));//设置渐变颜色
lv_style_set_bg_grad_dir(&style_bg, LV_GRAD_DIR_VER);//设置渐变方向

lv_style_set_border_opa(&style_bg, LV_OPA_COVER);//设置边框透明度;
lv_style_set_border_width(&style_bg, 3);//设置边框宽度
lv_style_set_border_color(&style_bg, lv_color_make(0, 255, 0));//设置边框颜色
lv_obj_set_style_arc_rounded(arc_progress, true, LV_PART_INDICATOR);

//enum lv_arc_draw_part_type_t
lv_obj_add_style(arc_progress, &style_bg, LV_PART_MAIN);//设置背景样式
lv_obj_set_style_arc_width(arc_progress, 40, LV_PART_MAIN);//设置背景ARC宽度
lv_style_set_arc_color(&style_bg, lv_color_make(255, 0, 0));//设置ARC背景颜色

//去掉圆点
lv_obj_remove_style(arc_progress, NULL, LV_PART_KNOB);
 
static lv_style_t arc_style_ind;
//lv_style_reset(&style_blue);
lv_style_init(&arc_style_ind);
lv_style_set_arc_color(&arc_style_ind, lv_color_make(255, 255, 0));
lv_obj_set_style_arc_width(arc_progress, 60, LV_PART_INDICATOR);//设置前景ARC宽度
lv_obj_add_style(arc_progress, &arc_style_ind, LV_PART_INDICATOR);//设置Indicator样式

lv_arc_set_bg_angles(arc_progress, 0, 360);
lv_obj_align(arc_progress, LV_ALIGN_CENTER, 0, 0);
lv_arc_set_angles(arc_progress, 0, 270);
lv_obj_set_size(arc_progress, 300, 300);
测试效果如下：

二、ARC测试代码(单色主题)
打开lv_conf.h，将宏定义LV_COLOR_DEPTH设为1

   lv_theme_t* th;
   lv_disp_t *lv_disp;
   lv_disp = lv_disp_get_default();
   lv_disp_set_bg_color(lv_disp, lv_color_white());
   th = lv_theme_mono_init(lv_disp, false, LV_FONT_DEFAULT);
   lv_disp_set_theme(lv_disp, th);

   //创建一个屏幕对象
   lv_obj_t* scr = lv_obj_create(lv_scr_act());
   lv_obj_set_size(scr, 390, 390);
   lv_obj_set_style_bg_color(scr, lv_color_white(), LV_PART_MAIN);
   lv_obj_set_style_border_color(scr, lv_color_black(), LV_PART_MAIN);

   //创建一个arc对象
   lv_obj_t* arc_progress = lv_arc_create(scr);

   //背景设置
   static lv_style_t style_bg;
   lv_style_init(&style_bg);
   //lv_style_reset(&style_bg);
   lv_style_set_bg_color(&style_bg,lv_color_make(0xff, 0xff, 0xff));//设置背景全白
   lv_style_set_bg_opa(&style_bg, LV_OPA_COVER);//设置背景透明度
   lv_style_set_bg_grad_color(&style_bg,lv_color_make(0xff, 0xff, 0xff));//设置渐变颜色
   lv_style_set_bg_grad_dir(&style_bg, LV_GRAD_DIR_VER);//设置渐变方向

   lv_style_set_border_opa(&style_bg, LV_OPA_COVER);//设置边框透明度;
   lv_style_set_border_width(&style_bg, 3);//设置边框宽度
   lv_style_set_border_color(&style_bg, lv_color_make(0, 0, 0));//设置边框颜色
   lv_obj_set_style_arc_rounded(arc_progress, true, LV_PART_INDICATOR);

   //enum lv_arc_draw_part_type_t
   lv_obj_add_style(arc_progress, &style_bg, LV_PART_MAIN);//设置背景样式
   lv_obj_set_style_arc_width(arc_progress, 40, LV_PART_MAIN);//设置背景ARC宽度
   lv_style_set_arc_color(&style_bg, lv_color_make(255, 0xff, 0xff));//设置ARC背景颜色

   //去掉圆点
   lv_obj_remove_style(arc_progress, NULL, LV_PART_KNOB);

   static lv_style_t arc_style_ind;
   //lv_style_reset(&style_blue);
   lv_style_init(&arc_style_ind);
   lv_style_set_arc_color(&arc_style_ind, lv_color_make(0, 0, 0));
   lv_obj_set_style_arc_width(arc_progress, 60, LV_PART_INDICATOR);//设置前景ARC宽度
   lv_obj_add_style(arc_progress, &arc_style_ind, LV_PART_INDICATOR);//设置Indicator样式
   
   lv_arc_set_bg_angles(arc_progress, 0, 360);
   lv_obj_align(arc_progress, LV_ALIGN_CENTER, 0, 0);
   lv_arc_set_angles(arc_progress, 0, 270);
   lv_obj_set_size(arc_progress, 300, 300);

效果如下：

欢迎大佬

不是要感谢我的吗:lol

拿到资料的大佬能否分享一下?

大佬是用这个做组态屏吗？

不错不错，做屏幕仿真可以借鉴一下

坐等楼下的大佬

这位老哥又喝酒了？

这个工具很给力，先研究一下

厉害了，向大佬学习

我的新年礼物呢

666,工具十分赞！

感谢大佬分享

在B站录视频挺好

感谢晕哥科普，之前一直假装自己知道的样子，想问又不敢问

我不记得以前改过什么东西，编译是没啥问题的

感谢，我看看，不知道能不能驱的起来

找到了github地址：https://github.com/openvizsla，可以瞄一下

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

厉害厉害，持续关注，我一直用ESP8266做开发，还没有大佬这钻研精神

nice

好帖，有空也玩玩

666

我假装自己是老板

多谢大侠分享

效果不错

收藏先，感谢分享

不错

之前用STM32单片机，移植了这个文件系统，貌似占用资源还是比较大啊

已入手一个

抓紧搞起

赞一个！

这个UI好炫

厉害了

看下我积分多少

团一个走起

感谢分享

我记得之前传过一次这个热敏打印机的手册和网上找的资料，晕哥看能不能把这个驱起来

晕哥，我也来一个

买了10个在吃灰:D

串口的就比较简单了

有链接么？

很给力的资料

学习一下

这效果看起来很不错啊

mark一下

的确，人家给我的光盘资料里的原理图都是错的，而且找他们要更新后的原理图还唧唧歪歪半天，结果还是没给，被搪塞了，垃圾开发板

向大神学习

666