先看效果,创建一个简单的表格
开发板购买链接https://item.taobao.com/item.htm?spm=a2oq0.12575281.0.0.50111deb2Ij1As&ft=t&id=626366733674
一、开发板简介
二、开发环境搭建 windows
三、基础示例
四、LVGL控件使用示例
LVGL_Arc_Test 圆弧指示器通过触摸动态改变值
LVGL_Bar_Test 通过动画方式动态演示Bar进度条的使用方法
LVGL_Button_Test 通过5种不同动态效果的按钮学习按钮的创建与使用
LVGL_ButtonMatrix_Test 创建一个计算器布局来演示矩阵按钮控件的使用
LVGL_Calendar_Test 日历控件的创建和使用
LVGL_Canvas_Test 透明画布和画一个圆角过渡色矩形旋转角度学习画布的使用
LVGL_Chart_Test 通过创建三个不同风格的图表来学习图表控件的使用
LVGL_Checkbox_Test 学习复选框控件的创建和使用
LVGL_ColorPicker_Test 创建一个颜色选择器并动态显示当前颜色的RGB值
LVGL_Container_Test 在容器控件上动态创建三个文本标签
LVGL_Drop_down_List_Test 创建三个不同类型的下拉选择控件
LVGL_Gauge_Test 创建一个动态仪表和静态多指针仪表
LVGL_Image_Test 通过四个滑动条控制图片颜色的变化学习图像控件的使用
LVGL_ImageButton_Test 创建一个图片背景的图像按钮
LVGL_Keyboard_Test 通过一个文本输入框控件还学习键盘控件的调用关闭设置
LVGL_Label_Test 创建颜色可变,长文本滚动,带阴影3D效果三个标签控件
LVGL_LED_Test 创建三个LED,学习LED控件的调光,颜色,开关的设置
LVGL_Line_Test 通过二维数组创建一段折线来演示线控件的使用
LVGL_LineMeter_Test 创建两个不同的线段弧形指示器动态展示数据
LVGL_List_Test 创建一个带图标的列表控件
LVGL_MessageBox_Test 创建一个带按钮的消息框控件
LVGL_ObjectMask_Test 创建一个变幻色的文本学习蒙版遮罩效果
LVGL_Page_Test 学习页面控件的使用
LVGL_Roller_Test 通过示例学习滑动列表选择器控件
LVGL_Slider_Test 创建一个单向和一个双向滑动条控件
LVGL_Spinbox_Test 学习微调控件的使用
LVGL_Spinner_Test 创建三个不同的环形加载器
LVGL_Switch_Test 创建两个不同的开关控件
LVGL_Table_Test 创建一个简单的表格
LVGL_Tabview_Test 实现三页的页面切换学习Tabview控件
LVGL_Textarea_Test 长按实现打字机效果的Textarea控件
LVGL_Tileview_Test 实现四面环形触摸切换的Tileview控件
LVGL_Window_Test 创建一个窗口,带设置子窗口学习窗口控件的使用
表格(lv_table):
像往常一样,表格是从包含文本的行,列和单元格构建的。
表格对象的权重非常轻,因为仅存储了文本。没有为单元创建任何实际对象,但它们是动态绘制的。
零件和样式
表格的主要部分称为 LV_TABLE_PART_BG
。它是一个类似于背景的矩形,并使用所有典型的背景样式属性。
对于单元,有4个虚拟部分。每个单元格都有类型(1, 2, … 16),该类型指示要在其上应用哪个部分的样式。单元格部分可以由 LV_TABLE_PART_CELL1 + x
引用,其中 x
在 0..15
之间。
可以在lv_conf.h中通过 LV_TABLE_CELL_STYLE_CNT
调整单元格类型的数量。默认情况下为4。默认的4种单元格类型部分也使用专用名称进行引用:
LV_TABLE_PART_CELL1
LV_TABLE_PART_CELL2
LV_TABLE_PART_CELL3
LV_TABLE_PART_CELL4
单元格还使用所有典型的背景样式属性。如果单元格内容中有换行符( \n
),则在换行符后将使用线条样式属性绘制水平分隔线。
单元格中的文本样式是从单元格部分或背景部分继承的。
用法
行(row)和列(column)
要设置行数和列数,请使用 lv_table_set_row_cnt(table, row_cnt)
和 lv_table_set_col_cnt(table, col_cnt)
宽度(width)和高度(height)
列的宽度可以使用 lv_table_set_col_width(table, col_id, width)
设置。 Table对象的总宽度将设置为列宽的总和。
高度是根据单元格样式(字体,填充等)和行数自动计算的。
设定单元格数值类型
单元格只能存储文本,因此在将数字显示在表格中之前,需要将数字转换为文本。
lv_table_set_cell_value(table, row, col, "Content")
。文本由表保存,因此它甚至可以是局部变量。
可以在 "Value\n60.3"
之类的文本中使用换行符。
对齐
可以使用 lv_table_set_cell_align(table, row, col, LV_LABEL_ALIGN_LEFT/CENTER/RIGHT)
调整单元格中的文本对齐方式。
单元格类型(cell_type)
可以使用4种不同的单元格类型。每个都有自己的风格。
单元格类型可用于添加不同的样式,例如:
- 表头
- 第一栏
- 突出显示一个单元格
- 等等
可以使用 lv_table_set_cell_type(table, row, col, type)
选择类型, 类型(type)
可以为1、2、3或4,对应上面的四种类型。
合并单元格
单元格可以与 lv_table_set_cell_merge_right(table, col, row, true)
水平合并。要合并更多相邻的单元格,请对每个单元格应用此功能。
裁剪文字
默认情况下,文字会自动换行以适合单元格的宽度,并且单元格的高度会自动设置。要禁用此功能并保持文本原样,请启用 lv_table_set_cell_crop(table, row, col, true)
。
滚动
使表格可滚动放置在 页面(lv_page) 上
事件
仅支持 通用事件
按键处理
对象类型不处理任何键。