LittleVGL之标签控件

标签，其实生活中接触到的标签很多，就是简短的商品介绍或者单价啥的。说白了就是简短的一两句话，可以英文也可以中文。接下来介绍一下标签控件；

 void label_test(void)
{
    
    
    lv_obj_t * label1 = lv_label_create(lv_scr_act(), NULL);
    lv_label_set_long_mode(label1, LV_LABEL_LONG_BREAK);     /*Break the long lines*/
    lv_label_set_recolor(label1, true);                      /*Enable re-coloring by commands in the text*/
    lv_label_set_align(label1, LV_LABEL_ALIGN_CENTER);       /*Center aligned lines*/

    lv_label_set_text(label1, "#000080 Hello,# #0000ff classmate.# #6666ff Nice to#  meet you. ");
    lv_obj_set_width(label1, 300);
    lv_obj_align(label1, NULL, LV_ALIGN_CENTER, 0, -30);

    lv_obj_t * label2 = lv_label_create(lv_scr_act(), NULL);
    lv_label_set_long_mode(label2, LV_LABEL_LONG_SROLL_CIRC);     /*Circular scroll*/
    lv_obj_set_width(label2, 300);
    lv_label_set_text(label2, "Hello World!!! Hello World!!! Hello World!!! Hello World!!! Hello World!!!");
    lv_obj_align(label2, NULL, LV_ALIGN_CENTER, 0, 30);
}

在这里插入图片描述
我们只需要将要显示的内容进行修改即可。在诸多控件之中，我们对这标签控件用到的地方极其之多。有矩阵按键，按钮控件。复选框，以及下拉列表框。主题框等等。
一般标签控件都是搭配其他控件使用，其父类是例如按钮的控件一样。举个例子：
在这里插入图片描述
按钮控件中的文本显示效果以及下面的按下状态文本显示。全都是标签控件的使用效果。

代码中是这样将显示效果展现的，只不过标签控件的效果并不是通过屏幕而创造的，而是通过按钮控件。可以这么理解，按钮当作按钮中文本控件的父类，如果父类按钮删除，则子类按钮中的文本控件则也被删除，则按钮中的文本随着按钮存在和消失。
这就是标签控件和其他控件结合显示的效果。

LittleVGL之标签控件

猜你喜欢