LVGL库入门教程02-基本控件与交互.doc

LVGL 库入门教程 02-基本控件与交互 LVGL 库是一个 GUI 库，它包含大量的控件（widget），即按钮、标签、滑块、菜单栏这种具有一定人机交互特征的组合图形。LVGL 在设计时，采用了一定面向对象编程的设计思路，有效降低了代码编写的难度。 LVGL 库的工作方式与大多数 GUI 库相同，其代码编写的基础思路为： 1. 创建 GUI 根窗体对象 2. 在窗体上绘制各种控件 3. 为控件编写响应函数 4. 在主事件循环中等待用户触发事件响应 标签是 GUI 最简单也是最基础的控件之一。标签的作用就是显示一小段说明文字。通过 lv_label_create() 函数可以创建一个标签，参数 parent 指定了标签需要被放在哪一个父容器中。 lv_obj_t 是 LVGL 所有控件的通用类型，包括根窗体在内的所有控件都使用该结构描述。lv_scr_act() 函数可以获取当前的窗口对象，操作系统上的窗口可以设置一些属性，例如窗口大小、标题文字、图标等。 创建标签后，可以调用 lv_label_set_text() 函数为标签添加上文字。LVGL 支持直接显示 Unicode 文字，只要在源文件使用 UTF-8 编码即可。如果要显示变量的值，LVGL 也提供了 lv_label_set_text_fmt() 函数，可以直接格式化文本。 标签的布局可以通过 lv_obj_align() 函数重新调整一个控件的布局。align 指定了控件的对齐方式，可以检查枚举类型 lv_align_t 来获取支持的对齐方式。x_ofs 和 y_ofs 是对齐后的额外偏移量，正值表示额外向右下偏移。 LVGL 包含了许多枚举类型，如果不知道该如何传值，可以查看头文件包含的枚举值。屏幕的左上角为坐标原点 (0, 0) ，往右为 x 轴正向，往下为 y 轴正向，坐标的单位为像素或分辨率。 例如，可以使用 lv_obj_align() 函数将标签对齐到屏幕中间向上 30 像素的位置： lv_obj_align(label01, LV_ALIGN_CENTER, 0, -30); 如果要创建更灵活的布局，可以使用 lv_obj_create() 创建一个基本对象。这种直接创建的基本对象一般用作框架，然后通过嵌套框架的形式组织对齐。 lv_obj_t* cont_top = lv_obj_create(lv_scr_act()); lv_obj_t* cont_bottom = lv_obj_create(lv_scr_act()); lv_obj_align(cont_top, LV_ALIGN_TOP_LEFT, 0, 0); lv_obj_align(cont_bottom, LV_ALIGN_BOTTOM_RIGHT, 0, 0); lv_obj_t* label_top = lv_label_create(cont_top); lv_label_set_text(label_top, “At Top Left”); 通过这种方式，可以实现更加灵活和复杂的布局。