LVGL库入门 04 - 颜色与图像

1、颜色

1.1、构造颜色

在 LVGL 中，颜色以结构 lv_color_t 表示。在最开始移植整个工程时，曾经在 lv_conf.h 中修改过颜色深度：

/*Color depth: 1 (1 byte per pixel), 8 (RGB332), 16 (RGB565), 32 (ARGB8888)*/
#define LV_COLOR_DEPTH 32

LVGL 会自动根据所选的颜色深度创建合适的颜色结构。在接下来几处位置还有几个与颜色有关的配置选项，可以参照注释修改。

例如，16 位 big-endian 的颜色定义为：

typedef union {
    struct {
        uint16_t blue  : 5;
        uint16_t green : 6;
        uint16_t red   : 5;
    } ch;
    uint16_t full;
} lv_color16_t;
typedef lv_color16_t lv_color_t;

那么就可以根据该结构创建合适的颜色值了：

lv_color_t orange = {
    .ch = {
        .red   = 0b11111,
        .green = 0b101001,
        .blue  = 0
    }
};

直接创建 RGB565 的颜色格式有点难以调色，不过可以借用以下函数从十六位颜色中生成合适的颜色值：

lv_color_t orange = lv_color_make(0xFF, 0xA5, 0);  // 从颜色通道创建
lv_color_t aqua = lv_color_hex(0x00FFFF);          // 从十六进制创建
lv_color_t lightgrey = lv_color_hex3(0xddd);       // 从十六进制简写创建

这些颜色在创建时，每种颜色通道的值都使用 0~255 表示即可，创建过程中会自动转换为合适的颜色值。

LVGL 还提供了 HSV 格式的颜色支持，

lv_color_t red = lv_color_hsv_to_rgb(0, 100, 100);   // 从 HSV 颜色空间创建颜色
lv_color_hsv_t blue = lv_color_rgb_to_hsv(r, g, b);  // 将 RGB 颜色转换为 HSV 颜色

除此之外，lv_color_t 、RGB 颜色、HSV 颜色之间也能互相转换。

---

如果觉得 16 进制的颜色还是不够直观，还可以使用调色板功能。LVGL 提供了常用颜色的色值表示，可以直接使用、微调、混合这些颜色。

例如，以下直接调出了一个紫色：

lv_color_t purple = lv_palette_main(LV_PALETTE_PURPLE)

如果觉得默认的紫色太深或太浅的话，还可以在调色板中更改亮度：

lv_color_t dark_purple = lv_palette_darken(LV_PALETTE_PURPLE, 2)  // 调深两级，最多可以调深或浅 4 级
lv_color_t light_purple = lv_color_lighten(purple, 60);  // 调浅一些，调到 255 就变成纯白

甚至还可以将两种颜色混合：

lv_color_t orange = lv_color_mix(red, yellow, 156);

比例的取值为 0~255 ，例如设定为 0 就是全红，128 就是红黄各占一半等。

可以将一个颜色类型直接应用到以下样式属性中：

属性名	含义
bg_color	背景颜色
border_color	边框颜色
outline_color	轮廓颜色
shadow_color	阴影颜色
text_color	文本颜色

以及上一节提到的直线和弧线颜色。

1.2、透明度

有时候两个控件间可能发生重叠，这个时候就可以给它们设置一个透明度。

透明度使用类型 lv_opa_t 表示，