LittlevGL测试Demo

最新推荐文章于 2025-09-30 11:20:14 发布

原创

最新推荐文章于 2025-09-30 11:20:14 发布 · 2.4k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#lvgl #demo #测试 #LittlevGl #test

本文档介绍了如何在Ubuntu环境下使用LittlevGL的6.0.2和5.3版本进行测试。通过展示两个版本的代码示例和效果，分析了两者之间的差异，包括lvgl 6.0.2新增的lv_canvas_create结构体，以及官方文档的获取途径。

前言

上一篇文章LittlevGL初体验写了如何在Ubuntu中运行lvgl，这篇文章主要说明如何使用lvgl 6.0.2和lvgl 5.3编写简单测试用例

LVGL 6.0.2

话不多说，先看效果图
lvgl rgb demo1
下面是主要代码函数，lvgl初始化完成之后，调用该函数即可

#define CANVAS_WIDTH  320
#define CANVAS_HEIGHT  480

void lv_show_color(void) {
   
   
	/*Create a style*/
    static lv_style_t style;
    lv_style_copy(&style, &lv_style_plain);		/*Copy a built-in style to initialize the new style*/
    style.body.main_color = LV_COLOR_RED;		/*Main color (top color)*/
    style.body.grad_color = LV_COLOR_MAROON;	/*Gradient color (bottom color)*/
    style.body.radius = 4;						/*Corner radius. (set to LV_RADIUS_CIRCLE to draw circle)*/
    style.body.border.width = 2;				/*Border width*/
    style.body.border.color = LV_COLOR_WHITE;	/*Border color*/
    style.body.shadow.color = LV_COLOR_WHITE;	/*Shadow color*/
    style.body.shadow.width = 4;				/*Shadow width*/
    style.line.width = 2;						/*Line width*/
    style.line.color = LV_COLOR_BLACK;			/*Line color*/
    style.text.color = LV_COLOR_WHITE;			/*Text color*/

    static lv_color_t cbuf[LV_CANVAS_BUF_SIZE_TRUE_COLOR(CANVAS_WIDTH, CANVAS_HEIGHT)];

	/*Create a simple canvas*/
    lv_obj_t * canvas = lv_canvas_create(lv_scr_act(), NULL);
    lv_canvas_set_buffer(canvas, cbuf, CANVAS_WIDTH, CANVAS_HEIGHT, LV_IMG_CF_TRUE_COLOR);
    lv_obj_align(canvas, NULL, LV_ALIGN_CENTER, 0, 0);
    lv_canvas_fill_bg(canvas, LV_COLOR_SILVER);

    lv_canvas_draw_rect(canvas,

最低0.47元/天解锁文章