【平头哥RVB2601开发板试用体验】LVGL滚动字符显示和直线绘制图形

1、初步探索






void oled_init()
{
    oled_pinmux_init();
    oled_gpio_init();
    oled_initialize();

    // lv_disp porting
    /*Create a display buffer*/

    lv_disp_buf_init(&disp_buf1, buf1, buf2, 64 * 128);

    /*Create a display*/
    lv_disp_drv_t disp_drv;
    lv_disp_drv_init(&disp_drv); /*Basic initialization*/
    disp_drv.buffer   = &disp_buf1;
    disp_drv.flush_cb = oled_flush;
    disp_drv.rotated  = 0;
    lv_disp_drv_register(&disp_drv);

}



2、采用label显示字符串


lv_obj_t *label_line1;
lv_obj_t *label_line2;
lv_obj_t *label_line3;
lv_obj_t *label_line4;

static void gui_label_display(void)
{
    label_line1= lv_label_create(lv_scr_act(), NULL);
    lv_label_set_long_mode(label_line1, LV_LABEL_LONG_DOT);//保持对象的大小不变,当文本内容太长显示不下时,会在文本末尾显示...三个点的省略号
    lv_label_set_align(label_line1, LV_LABEL_ALIGN_CENTER);
    lv_obj_set_pos(label_line1, 0, 0);
    lv_obj_set_size(label_line1, 128, 16);
   lv_label_set_text(label_line1, "****************");
   
    label_line2= lv_label_create(lv_scr_act(), NULL);
    lv_label_set_long_mode(label_line2, LV_LABEL_LONG_SROLL);//保持对象的大小不变,当文本内容太长显示不下时,会自动循环向前向后滚动文本

    lv_label_set_align(label_line2, LV_LABEL_ALIGN_CENTER);
    lv_obj_set_pos(label_line2, 0, 16);
    lv_obj_set_size(label_line2, 128, 16);
    lv_label_set_anim_speed(label_line2,lv_label_get_anim_speed(label_line2)*2);//加快滚动速度
    lv_label_set_text(label_line2, "THIS IS T-HEAD RISC-V GUI DEMO");
   
    label_line3= lv_label_create(lv_scr_act(), NULL);
    lv_label_set_long_mode(label_line3, LV_LABEL_LONG_SROLL_CIRC);//保持对象的大小不变,当文本内容太长显示不下时,会自动循环环形滚动文本
    lv_label_set_align(label_line3, LV_LABEL_ALIGN_CENTER);
    lv_obj_set_pos(label_line3, 0, 32);
    lv_obj_set_size(label_line3, 128, 16);
    lv_label_set_anim_speed(label_line3,lv_label_get_anim_speed(label_line3)*10);//加快滚动速度
    lv_label_set_text(label_line3,"THIS IS T-HEAD RISC-V GUI DEMO");
   
    label_line4= lv_label_create(lv_scr_act(), NULL);
    lv_label_set_long_mode(label_line4, LV_LABEL_LONG_DOT);
    lv_label_set_align(label_line4, LV_LABEL_ALIGN_CENTER);
    lv_obj_set_pos(label_line4, 0, 48);
    lv_obj_set_size(label_line4, 128, 16);
    lv_label_set_text(label_line4, "THIS IS T-HEAD RISC-V GUI DEMO");//保持对象的大小不变,当文本内容太长显示不下时,会在文本末尾显示...三个点的省略号

}

3、采用line画线绘制渐变正方形


static void gui_rectangle_display(void)
{
   
    lv_point_t line_points[] = { {64, 32}, {64, 32}, {64, 32}, {64, 32},{64, 32}};//中间点
    /*Create style*/
    static lv_style_t style_line;
    lv_style_init(&style_line);
    lv_style_set_line_width(&style_line, LV_STATE_DEFAULT, 1); //线宽1个像素点
    lv_style_set_line_color(&style_line, LV_STATE_DEFAULT, LV_COLOR_BLACK);
    lv_style_set_line_rounded(&style_line, LV_STATE_DEFAULT, true);

    /*Create a line and apply the new style*/
    lv_obj_t * obj1;
    obj1 = lv_line_create(lv_scr_act(), NULL);
   
    lv_obj_add_style(obj1, LV_LINE_PART_MAIN, &style_line);     /*Set the points*/
    lv_obj_align(obj1, NULL, LV_ALIGN_IN_TOP_LEFT, 0, 0);
    for(int i=0;i<28;i++)
    {
    lv_line_set_points(obj1, line_points, 5);     //走线绘制正方形
    aos_msleep(200);
   
    line_points[0].x--;
    line_points[0].y--;
   
    line_points[1].x--;
    line_points[1].y++;
   
    line_points[2].x++;
    line_points[2].y++;
   
    line_points[3].x++;
    line_points[3].y--;
   
    line_points[4].x--;
    line_points[4].y--;
   
    }
    for(int i=0;i<28;i++)
    {
    lv_line_set_points(obj1, line_points, 5);     /*Set the points*/
    aos_msleep(200);
   
    line_points[0].x++;
    line_points[0].y++;
   
    line_points[1].x++;
    line_points[1].y--;
   
    line_points[2].x--;
    line_points[2].y--;
   
    line_points[3].x--;
    line_points[3].y++;
   
    line_points[4].x++;
    line_points[4].y++;
   
    }
    lv_line_set_points(obj1, line_points, 5);     /*Set the points*/
    aos_msleep(200);
    lv_obj_del(obj1);//清除对象

}



int main(void)
{
    board_yoc_init();
   
    lv_init();
    /*Initialize for LittlevGL*/
    oled_init();
   
    aos_task_new("demo_gui", demo_gui_lvgl_task, NULL, 1024);
    while (1) {
        /* Periodically call the lv_task handler.
         * It could be done in a timer interrupt or an OS task too.*/
        lv_task_handler();

        aos_msleep(5);
        lv_tick_inc(1);
    }
}

static void demo_gui_lvgl_task(void *arg)
{
    int stat =0;
    char buf[64];
    gui_rectangle_display();
    aos_msleep(1000);
    gui_label_display();
    while (1) {
        /* Periodically call the lv_task handler.
         * It could be done in a timer interrupt or an OS task too.*/
        //lv_task_handler();

        aos_msleep(1000);
    sprintf(buf,"%d",stat++);
    lv_label_set_text(label_line4,buf);
        //lv_tick_inc(1);
    }
}
4、反色显示



5、显示效果





6、一些问题










文章转载自：平头哥芯片开放社区 作者：lianding