lvgl多行文本颜色设置例程

以下是一个使用 LVGL 的多行文本框（`lv_ta`）设置不同颜色的文字的例程：

#include "lvgl/lvgl.h"

void lv_app_init(void)
{
    /* 创建一个覆盖整个屏幕的页面 */
    lv_obj_t * page = lv_page_create(NULL, NULL);
    lv_obj_set_size(page, LV_HOR_RES, LV_VER_RES);
    lv_scr_load(page);

    /* 创建一个多行文本框 */
    lv_obj_t * ta = lv_ta_create(page, NULL);
    lv_obj_set_width(ta, LV_HOR_RES - 20);
    lv_obj_align(ta, NULL, LV_ALIGN_CENTER, 0, 0);
    lv_ta_set_text(ta, "Hello world!\nThis is a multi-line text box.\nYou can set different color for each line.");
    lv_ta_set_text_align(ta, LV_LABEL_ALIGN_CENTER);

    /* 设置第一行的文本颜色为红色 */
    lv_obj_set_style_local_text_color(ta, LV_TA_PART_TEXTAREA, LV_STATE_DEFAULT, LV_COLOR_RED);
    lv_obj_set_style_local_text_color(ta, LV_TA_PART_TEXTAREA, LV_STATE_DEFAULT | LV_STATE_FOCUSED, LV_COLOR_RED);

    /* 设置第二行的文本颜色为绿色 */
    lv_obj_set_style_local_text_color(ta, LV_TA_PART_TEXTAREA, LV_STATE_DEFAULT, LV_COLOR_LIME);
    lv_obj_set_style_local_text_color(ta, LV_TA_PART_TEXTAREA, LV_STATE_DEFAULT | LV_STATE_FOCUSED, LV_COLOR_LIME);

    /* 设置第三行的文本颜色为蓝色 */
    lv_obj_set_style_local_text_color(ta, LV_TA_PART_TEXTAREA, LV_STATE_DEFAULT, LV_COLOR_BLUE);
    lv_obj_set_style_local_text_color(ta, LV_TA_PART_TEXTAREA, LV_STATE_DEFAULT | LV_STATE_FOCUSED, LV_COLOR_BLUE);
}

该例程中使用了 `lv_obj_set_style_local_text_color` 函数来设置多行文本框中不同行的文本颜色。需要注意的是，该函数要设置两次，分别用于默认状态和聚焦状态。

如果需要设置某一行的文本颜色而不是整个文本框的颜色，可以使用 `lv_ta_add_style` 函数添加一个样式对象，并在该样式对象中设置文本颜色。例如，以下代码设置第二行的文本颜色为绿色：

/* 添加一个样式对象 */
lv_style_t style;
lv_style_init(&style);
lv_style_set_text_color(&style, LV_STATE_DEFAULT, LV_COLOR_LIME);
lv_ta_add_style(ta, &style, 1);

/* 设置第二行的样式 */
lv_ta_set_cursor_pos(ta, 14); /* 将光标移到第二行 */
lv_ta_set_cursor_line(ta, 1);
lv_ta_set_text_sel_start(ta, 12);
lv_ta_set_text_sel_end(ta, 39);
lv_ta_set_style(ta, &style, 1);

在这个例子中，我们创建了一个样式对象，并设置了其文本颜色为绿色。然后，我们使用 `lv_ta_add_style` 函数将该样式对象添加到多行文本框中。接下来，我们将光标移到第二行，并使用 `lv_ta_set_text_sel_start` 和 `lv_ta_set_text_sel_end` 函数选择整个第二行的文本，并使用 `lv_ta_set_style` 函数将该样式对象应用于选定文本。