LVGL使用入门
·
附件文档主要介绍linux下从下载到运行lvgl的流程
1、lvgl创建线条
lv_obj_t* create_line(lv_obj_t *parent)
{
lv_obj_t* obj1 = lv_line_create(parent);
static lv_point_t line_points[] = { {0, 10}, {600, 10} };// 设置起点和终点位置
lv_obj_set_style_line_color(obj1, lv_color_hex(0x9E9E9E), 0); //设置线条的颜色
lv_obj_set_style_line_width(obj1, LV_DPX(2), 0);// 设置线条粗细为2像素
lv_line_set_points(obj1, line_points, sizeof(line_points) / sizeof(lv_point_t));
return obj1;
}
2、lvgl tabview 常用操作
2.1 创建tabview:带标签和按钮
// 创建tabview:tab按钮在顶部,高度为60像素
lv_obj_t * tab_view = lv_tabview_create(objRoot(), LV_DIR_TOP, 60);
// 获取tabbtns对象
lv_obj_t * tab_btns = lv_tabview_get_tab_btns(tab_view);
// 创建标签对象
lv_obj_t * label = lv_label_create(tab_btns);
lv_label_set_text(label, “label”);
// 设置标签对象在tabBtns的左边偏移-LV_HOR_RES / 3 的位置
lv_obj_align(label, LV_ALIGN_LEFT_MID, -LV_HOR_RES / 3, 0);
// 设置tabBtns 左边空白 LV_HOR_RES / 3,用于放置刚创建的label对象
lv_obj_set_style_pad_left(tab_btns, LV_HOR_RES / 3, 0);
// 在tabBtns中添加两个按钮
lv_obj_t * t1 = lv_tabview_add_tab(tab_view, "btn1");
lv_obj_t * t2 = lv_tabview_add_tab(tab_view, "btn2");
3、lvgl 自定义键盘
https://blog.csdn.net/qq_49040163/article/details/133804944
lv_obj_set_style_pad_gap(obj, 2, 0); // 设置按键间隔2像素
lv_obj_set_style_pad_ver(obj, 20, 0); // 设置按键高度20像素
lv_obj_set_content_height(obj, LV_PCT(35)); // 设置键盘高度
4、lvgl 设置按钮样式
4.1(经过此初始化后,后续创建按钮时都会使用这个样式)
styleSet = (ThemeStyleSet*)malloc(sizeof(ThemeStyleSet));
lv_style_t* style = NULL;
//
style = &styleSet->btn;
// 初始化样式
lv_style_init(style);
// 设置背景透明(***透明即看不到,下面设置的宽度和颜色都看不到***)
lv_style_set_bg_opa(style, LV_OPA_TRANSP);
// 设置边沿透明
lv_style_set_border_opa(style, LV_OPA_TRANSP);
// 设置边沿宽度为0
lv_style_set_border_width(style, 0);
// 设置边沿颜色为白色
lv_style_set_border_color(style, lv_color_white());
// 设置背景色为白色
lv_style_set_bg_color(style, lv_color_white());
// 设置半径为10
lv_style_set_radius(style, 10);
// 设置文本字体为30号
lv_style_set_text_font(style, &lv_font_montserrat_30);
// 设置外轮廓(即边框,在边沿外面)宽度为4
lv_style_set_outline_width(style, 4);
// 设置外轮廓透明
lv_style_set_outline_opa(style, LV_OPA_TRANSP);
// 设置阴影透明(因为有的时候按钮添加在按钮上时,可能会有阴影,类似于人影一样)
lv_style_set_shadow_opa(style, LV_OPA_TRANSP);
// 设置文本颜色
lv_style_set_text_color(style, lv_color_black());
4.2 添加圆形按钮
lv_obj_t * btn = lv_btn_create(lv_scr_act());
lv_obj_set_size(btn, 60, 60);
lv_obj_set_style_radius(btn, LV_RADIUS_CIRCLE, 0);
5、lvgl进度条
// 创建进度条对象
lv_obj_t * m_barProgress = lv_bar_create (lv_scr_act());
// 设置宽为100%, 高为16像素
lv_obj_set_size( m_barProgress, LV_PCT(100), 16 );
// 设置进度条当前值为0,进度效果打开
lv_bar_set_value( m_barProgress, 0, LV_ANIM_ON );
// 设置进度条范围:0~100
lv_bar_set_range( m_barProgress, 0, 100 );
// lv_obj_add_flag(m_barProgress, LV_OBJ_FLAG_HIDDEN); // 隐藏进度条
// 设置进度条默认颜色为灰色
lv_obj_set_style_bg_color(m_barProgress, lv_palette_main(LV_PALETTE_GREY), LV_PART_MAIN);
// 设置进度条进度显示颜色为绿色
lv_obj_set_style_bg_color(m_barProgress, lv_palette_main(LV_PALETTE_GREEN), LV_PART_INDICATOR);
6、lvgl创建label并显示省略号
#include "lvgl/lvgl.h"
int main(void) {
// 初始化 LVGL
lv_init();
// 创建屏幕对象
lv_obj_t *screen = lv_scr_act();
// 创建一个容器
lv_obj_t *container = lv_cont_create(screen, NULL);
lv_cont_set_layout(container, LV_LAYOUT_COLUMN_MID);
lv_obj_set_width(container, LV_HOR_RES_MAX);
// 创建一个标签
lv_obj_t *label = lv_label_create(container);
lv_label_set_long_mode(label, LV_LABEL_LONG_DOT);
lv_label_set_text(label, "This is a long text that should be truncated with dots.");
// 设置样式
lv_style_t style;
lv_style_init(&style);
lv_style_set_text_font(&style, LV_STATE_DEFAULT, LV_THEME_DEFAULT_FONT_SMALL);
lv_obj_add_style(label, LV_LABEL_PART_MAIN, &style);
// 设置容器大小
lv_obj_set_size(container, LV_HOR_RES_MAX, LV_VER_RES_MAX);
while (1) {
// 处理 LVGL 事件
lv_task_handler();
lv_tick_inc(5); // 5 ms的时间增量,可以根据实际情况调整
// 可以添加其他主循环中的逻辑
// 在这里添加你的延时函数,以控制循环速率
}
return 0;
}
(注:必须通过lv_obj_set_size 函数设置label大小,如果高度值没有设置的话,label中的内容会自动换行,而不显示省略号)
更多推荐
所有评论(0)