mirror of
https://github.com/lvgl/lvgl.git
synced 2024-12-12 19:13:43 +08:00
199 lines
9.1 KiB
Markdown
199 lines
9.1 KiB
Markdown
# Add custom GPU
|
||
LVGL has a flexible and extendable draw pipeline. You can hook it to do some rendering with a GPU or even completely replace the built-in software renderer.
|
||
|
||
## Draw context
|
||
The core structure of drawing is `lv_draw_ctx_t`.
|
||
It contains a pointer to a buffer where drawing should happen and a couple of callbacks to draw rectangles, texts, and other primitives.
|
||
|
||
### Fields
|
||
`lv_draw_ctx_t` has the following fields:
|
||
- `void * buf` Pointer to a buffer to draw into
|
||
- `lv_area_t * buf_area` The position and size of `buf` (absolute coordinates)
|
||
- `const lv_area_t * clip_area` The current clip area with absolute coordinates, always the same or smaller than `buf_area`. All drawings should be clipped to this area.
|
||
- `void (*draw_rect)()` Draw a rectangle with shadow, gradient, border, etc.
|
||
- `void (*draw_arc)()` Draw an arc
|
||
- `void (*draw_img_decoded)()` Draw an (A)RGB image that is already decoded by LVGL.
|
||
- `lv_res_t (*draw_img)()` Draw an image before decoding it (it bypasses LVGL's internal image decoders)
|
||
- `void (*draw_letter)()` Draw a letter
|
||
- `void (*draw_line)()` Draw a line
|
||
- `void (*draw_polygon)()` Draw a polygon
|
||
- `void (*draw_bg)()` Replace the buffer with a rect without decoration like radius or borders.
|
||
- `void (*wait_for_finish)()` Wait until all background operation are finished. (E.g. GPU operations)
|
||
- `void * user_data` Custom user data for arbitrary purpose
|
||
|
||
(For the sake of simplicity the parameters of the callbacks are not shown here.)
|
||
|
||
All `draw_*` callbacks receive a pointer to the current `draw_ctx` as their first parameter. Among the other parameters there is a descriptor that tells what to draw,
|
||
e.g. for `draw_rect` it's called [lv_draw_rect_dsc_t](https://github.com/lvgl/lvgl/blob/master/src/draw/lv_draw_rect.h),
|
||
for `lv_draw_line` it's called [lv_draw_line_dsc_t](https://github.com/lvgl/lvgl/blob/master/src/draw/lv_draw_line.h), etc.
|
||
|
||
To correctly render according to a `draw_dsc` you need to be familiar with the [Boxing model](https://docs.lvgl.io/master/overview/coords.html#boxing-model) of LVGL and the meanings of the fields. The name and meaning of the fields are identical to name and meaning of the [Style properties](https://docs.lvgl.io/master/overview/style-props.html).
|
||
|
||
### Initialization
|
||
The `lv_disp_t` has 4 fields related to the draw context:
|
||
- `lv_draw_ctx_t * draw_ctx` Pointer to the `draw_ctx` of this display
|
||
- `void (*draw_ctx_init)(struct _lv_disp_t * disp_drv, lv_draw_ctx_t * draw_ctx)` Callback to initialize a `draw_ctx`
|
||
- `void (*draw_ctx_deinit)(struct _lv_disp_t * disp_drv, lv_draw_ctx_t * draw_ctx)` Callback to de-initialize a `draw_ctx`
|
||
- `size_t draw_ctx_size` Size of the draw context structure. E.g. `sizeof(lv_draw_sw_ctx_t)`
|
||
|
||
When you ignore these fields, LVGL will set default values for callbacks and size in `lv_disp_drv_init()` based on the configuration in `lv_conf.h`.
|
||
`lv_disp_drv_register()` will allocate a `draw_ctx` based on `draw_ctx_size` and call `draw_ctx_init()` on it.
|
||
|
||
However, you can overwrite the callbacks and the size values before calling `lv_disp_drv_register()`.
|
||
It makes it possible to use your own `draw_ctx` with your own callbacks.
|
||
|
||
|
||
## Software renderer
|
||
LVGL's built in software renderer extends the basic `lv_draw_ctx_t` structure and sets the draw callbacks. It looks like this:
|
||
```c
|
||
typedef struct {
|
||
/** Include the basic draw_ctx type*/
|
||
lv_draw_ctx_t base_draw;
|
||
|
||
/** Blend a color or image to an area*/
|
||
void (*blend)(lv_draw_ctx_t * draw_ctx, const lv_draw_sw_blend_dsc_t * dsc);
|
||
} lv_draw_sw_ctx_t;
|
||
```
|
||
|
||
Set the draw callbacks in `draw_ctx_init()` like:
|
||
```c
|
||
draw_sw_ctx->base_draw.draw_rect = lv_draw_sw_rect;
|
||
draw_sw_ctx->base_draw.draw_letter = lv_draw_sw_letter;
|
||
...
|
||
```
|
||
|
||
### Blend callback
|
||
As you saw above the software renderer adds the `blend` callback field. It's a special callback related to how the software renderer works.
|
||
All draw operations end up in the `blend` callback which can either fill an area or copy an image to an area by considering an optional mask.
|
||
|
||
The `lv_draw_sw_blend_dsc_t` parameter describes what and how to blend. It has the following fields:
|
||
- `const lv_area_t * blend_area` The area with absolute coordinates to draw on `draw_ctx->buf`. If `src_buf` is set, it's the coordinates of the image to blend.
|
||
- `const lv_color_t * src_buf` Pointer to an image to blend. If set, `color` is ignored. If not set fill `blend_area` with `color`
|
||
- `lv_color_t color` Fill color. Used only if `src_buf == NULL`
|
||
- `lv_opa_t * mask_buf` NULL if ignored, or an alpha mask to apply on `blend_area`
|
||
- `lv_draw_mask_res_t mask_res` The result of the previous mask operation. (`LV_DRAW_MASK_RES_...`)
|
||
- `const lv_area_t * mask_area` The area of `mask_buf` with absolute coordinates
|
||
- `lv_opa_t opa` The overall opacity
|
||
- `lv_blend_mode_t blend_mode` E.g. `LV_BLEND_MODE_ADDITIVE`
|
||
|
||
|
||
## Extend the software renderer
|
||
|
||
### New blend callback
|
||
|
||
Let's take a practical example: you would like to use your MCUs GPU for color fill operations only.
|
||
|
||
As all draw callbacks call `blend` callback to fill an area in the end only the `blend` callback needs to be overwritten.
|
||
|
||
First extend `lv_draw_sw_ctx_t`:
|
||
```c
|
||
|
||
/*We don't add new fields, so just for clarity add new type*/
|
||
typedef lv_draw_sw_ctx_t my_draw_ctx_t;
|
||
|
||
void my_draw_ctx_init(lv_disp_t * drv, lv_draw_ctx_t * draw_ctx)
|
||
{
|
||
/*Initialize the parent type first */
|
||
lv_draw_sw_init_ctx(drv, draw_ctx);
|
||
|
||
/*Change some callbacks*/
|
||
my_draw_ctx_t * my_draw_ctx = (my_draw_ctx_t *)draw_ctx;
|
||
|
||
my_draw_ctx->blend = my_draw_blend;
|
||
my_draw_ctx->base_draw.wait_for_finish = my_gpu_wait;
|
||
}
|
||
```
|
||
|
||
After calling `lv_disp_draw_init(&drv)` you can assign the new `draw_ctx_init` callback and set `draw_ctx_size` to overwrite the defaults:
|
||
```c
|
||
static lv_disp_t drv;
|
||
lv_disp_draw_init(&drv);
|
||
drv->hor_res = my_hor_res;
|
||
drv->ver_res = my_ver_res;
|
||
drv->flush_cb = my_flush_cb;
|
||
|
||
/*New draw ctx settings*/
|
||
drv->draw_ctx_init = my_draw_ctx_init;
|
||
drv->draw_ctx_size = sizeof(my_draw_ctx_t);
|
||
|
||
lv_disp_drv_register(&drv);
|
||
```
|
||
|
||
This way when LVGL calls `blend` it will call `my_draw_blend` and we can do custom GPU operations. Here is a complete example:
|
||
```c
|
||
void my_draw_blend(lv_draw_ctx_t * draw_ctx, const lv_draw_sw_blend_dsc_t * dsc)
|
||
{
|
||
/*Let's get the blend area which is the intersection of the area to fill and the clip area.*/
|
||
lv_area_t blend_area;
|
||
if(!_lv_area_intersect(&blend_area, dsc->blend_area, draw_ctx->clip_area)) return; /*Fully clipped, nothing to do*/
|
||
|
||
/*Fill only non masked, fully opaque, normal blended and not too small areas*/
|
||
if(dsc->src_buf == NULL && dsc->mask == NULL && dsc->opa >= LV_OPA_MAX &&
|
||
dsc->blend_mode == LV_BLEND_MODE_NORMAL && lv_area_get_size(&blend_area) > 100) {
|
||
|
||
/*Got the first pixel on the buffer*/
|
||
lv_coord_t dest_stride = lv_area_get_width(draw_ctx->buf_area); /*Width of the destination buffer*/
|
||
lv_color_t * dest_buf = draw_ctx->buf;
|
||
dest_buf += dest_stride * (blend_area.y1 - draw_ctx->buf_area->y1) + (blend_area.x1 - draw_ctx->buf_area->x1);
|
||
|
||
/*Make the blend area relative to the buffer*/
|
||
lv_area_move(&blend_area, -draw_ctx->buf_area->x1, -draw_ctx->buf_area->y1);
|
||
|
||
/*Call your custom gou fill function to fill blend_area, on dest_buf with dsc->color*/
|
||
my_gpu_fill(dest_buf, dest_stride, &blend_area, dsc->color);
|
||
}
|
||
/*Fallback: the GPU doesn't support these settings. Call the SW renderer.*/
|
||
else {
|
||
lv_draw_sw_blend_basic(draw_ctx, dsc);
|
||
}
|
||
}
|
||
```
|
||
|
||
The implementation of wait callback is much simpler:
|
||
```c
|
||
void my_gpu_wait(lv_draw_ctx_t * draw_ctx)
|
||
{
|
||
while(my_gpu_is_working());
|
||
|
||
/*Call SW renderer's wait callback too*/
|
||
lv_draw_sw_wait_for_finish(draw_ctx);
|
||
}
|
||
```
|
||
|
||
### New rectangle drawer
|
||
If your MCU has a more powerful GPU that can draw e.g. rounded rectangles you can replace the original software drawer too.
|
||
A custom `draw_rect` callback might look like this:
|
||
```c
|
||
void my_draw_rect(lv_draw_ctx_t * draw_ctx, const lv_draw_rect_dsc_t * dsc, const lv_area_t * coords)
|
||
{
|
||
if(lv_draw_mask_is_any(coords) == false && dsc->grad == NULL && dsc->bg_img_src == NULL &&
|
||
dsc->shadow_width == 0 && dsc->blend_mode = LV_BLEND_MODE_NORMAL)
|
||
{
|
||
/*Draw the background*/
|
||
my_bg_drawer(draw_ctx, coords, dsc->bg_color, dsc->radius);
|
||
|
||
/*Draw the border if any*/
|
||
if(dsc->border_width) {
|
||
my_border_drawer(draw_ctx, coords, dsc->border_width, dsc->border_color, dsc->border_opa)
|
||
}
|
||
|
||
/*Draw the outline if any*/
|
||
if(dsc->outline_width) {
|
||
my_outline_drawer(draw_ctx, coords, dsc->outline_width, dsc->outline_color, dsc->outline_opa, dsc->outline_pad)
|
||
}
|
||
}
|
||
/*Fallback*/
|
||
else {
|
||
lv_draw_sw_rect(draw_ctx, dsc, coords);
|
||
}
|
||
}
|
||
```
|
||
|
||
`my_draw_rect` can fully bypass the use of `blend` callback if needed.
|
||
|
||
## Fully custom draw engine
|
||
|
||
For example if your MCU/MPU supports a powerful vector graphics engine you might use only that instead of LVGL's SW renderer.
|
||
In this case, you need to base the renderer on the basic `lv_draw_ctx_t` (instead of `lv_draw_sw_ctx_t`) and extend/initialize it as you wish.
|
||
|