IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> 嵌入式 -> 嵌入式GUI LVGL『Table表格控件』介绍 -> 正文阅读

[嵌入式]嵌入式GUI LVGL『Table表格控件』介绍

一. LVGL GUI开关控件的概念

像往常一样,表是从包含文本的行,列和单元格构建的。
由于仅存储文本,因此 Table 对象的权重非常轻。没有为单元创建任何实际对象,但它们是动态绘制的。

二. LVGL GUI开关小部件和样式

该表的主要部分称为 LV_TABLE_PART_BG 。它是一个类似于背景的矩形,并使用所有典型的背景样式属性。
对于单元,有 4 个虚拟部分。每个单元格都具有类型(1、2、3 或 4),该类型指示要在其上应用哪个部分的样式。单元格部分为:

  • LV_TABLE_PART_CELL1
  • LV_TABLE_PART_CELL2
  • LV_TABLE_PART_CELL3
  • LV_TABLE_PART_CELL4

单元格还使用所有典型的背景样式属性。如果 \n 单元格内容中有一个换行符(),则在换行符之后将使用线条样式属性绘制一条水平分隔线。
单元格中的文本样式是从单元格部分或背景部分继承的。

三. LVGL GUI开关控件的使用

1. 行跟列(Rows and Columns)

通过这个函数设置表格的行数lv_table_set_row_cnt(table,?row_cnt)

通过这个函数设置表格的列数lv_table_set_col_cnt(table,?col_cnt)

我们写个程序验证下:

void lvgl_table_row_col_test(void)
{
    lv_obj_t* table = lv_table_create(lv_scr_act(), NULL);
    lv_table_set_row_cnt(table, 4);
    lv_table_set_col_cnt(table, 2);
    lv_obj_align(table, NULL, LV_ALIGN_CENTER, 0, 0);
}

嗯???你可以看到确实是4行,但是不是两列,别急,赋值后才能看出两列来,继续往后看

2. 设置单元格值(Set cell value)

通过这个函数lv_table_set_cell_value(table,?row,?col,?"Content")设置单元格值,正好也验证下上面遗留的问题点

程序(解惑了上面的疑问):

void lvgl_table_value_test(void)
{
    lv_obj_t* table = lv_table_create(lv_scr_act(), NULL);
    lv_table_set_row_cnt(table, 4);
    lv_table_set_col_cnt(table, 2);
    lv_obj_align(table, NULL, LV_ALIGN_CENTER, 0, 0);

    /*Fill the first column*/
    lv_table_set_cell_value(table, 0, 0, "Name");
    lv_table_set_cell_value(table, 1, 0, "Jorden");
    lv_table_set_cell_value(table, 2, 0, "Jame");
    lv_table_set_cell_value(table, 3, 0, "Kobe");

    /*Fill the second column*/
    lv_table_set_cell_value(table, 0, 1, "Age");
    lv_table_set_cell_value(table, 1, 1, "52");
    lv_table_set_cell_value(table, 2, 1, "36");
    lv_table_set_cell_value(table, 3, 1, "40");

}

3. 对齐(Align)

通过这个函数进行单元格值对齐,lv_table_set_cell_align(table,?row,?col,?LV_LABEL_ALIGN_LEFT/CENTER/RIGHT)

4. 单元格类型(Cell type)

您可以使用 4 种不同的单元格类型。每个都有自己的风格。
单元格类型可用于添加不同的样式,例如:

  • 表头
  • 第一栏
  • 突出显示一个单元格
  • 等等

可以选择的类型可以是 1、2、3 或 4。 lv_table_set_cell_type(table, row, col, type)?

写个程序验证下,说实话,我是没看出有啥区别

void lvgl_table_cell_type_test(void)
{
    lv_obj_t* table = lv_table_create(lv_scr_act(), NULL);
    lv_table_set_row_cnt(table, 4);
    lv_table_set_col_cnt(table, 2);
    lv_obj_align(table, NULL, LV_ALIGN_CENTER, 0, 0);

    /*Fill the first column*/
    lv_table_set_cell_value(table, 0, 0, "Name");
    lv_table_set_cell_value(table, 1, 0, "Jorden");
    lv_table_set_cell_value(table, 2, 0, "Jame");
    lv_table_set_cell_value(table, 3, 0, "Kobe");

    /*Fill the second column*/
    lv_table_set_cell_value(table, 0, 1, "Age");
    lv_table_set_cell_value(table, 1, 1, "52");
    lv_table_set_cell_value(table, 2, 1, "36");
    lv_table_set_cell_value(table, 3, 1, "40");

    lv_table_set_cell_type(table, 0, 0, 2);
    lv_table_set_cell_type(table, 0, 1, 2);
}

5. 合并单元格(Merge cells)

可以使用lv_table_set_cell_merge_right(table, col, row, true)水平合并单元格。要合并更多相邻的单元格,对每个单元格应用此函数

6. 裁剪文字(Crop text)

默认情况下,文字会自动换行以适合单元格的宽度,并且单元格的高度会自动设置。要禁用此功能并保持启用状态不变。 lv_table_set_cell_crop(table, row, col, true)

7. 滚动(Scroll)

使表格可滚动放置在页面上

好了,完结了,更多精彩继续戳↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓

  嵌入式 最新文章
基于高精度单片机开发红外测温仪方案
89C51单片机与DAC0832
基于51单片机宠物自动投料喂食器控制系统仿
《痞子衡嵌入式半月刊》 第 68 期
多思计组实验实验七 简单模型机实验
CSC7720
启明智显分享| ESP32学习笔记参考--PWM(脉冲
STM32初探
STM32 总结
【STM32】CubeMX例程四---定时器中断(附工
上一篇文章      下一篇文章      查看所有文章
加:2021-08-29 09:31:07  更:2021-08-29 09:33:31 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年12日历 -2024/12/29 8:11:50-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码
数据统计