UI
文章平均质量分 76
pq113_6
这个作者很懒,什么都没留下…
展开
-
LVGL学习笔记 29 - LED
功能类似CheckBox,用一个方形或则圆形的控件显示开关状态。LED只有一个样式: LV_PART_MAIN。原创 2023-08-12 10:50:11 · 658 阅读 · 0 评论 -
LVGL学习笔记 30 - List(列表)
列表是一个垂直布局的矩形,可以向其中添加按钮和文本。部件包含:LV_PART_MAIN - 主要的属性,大部分是这个部件。LV_PART_SCROLLBAR - 滚动条的属性。原创 2023-08-14 19:42:12 · 6139 阅读 · 0 评论 -
LVGL学习笔记 28 - 键盘keyboard
键盘是一个特殊的按键矩阵,自身实现了按键(map)映射和其他功能。键盘默认是铺满当前页面的,可以通过lv_obj_set_size设置大小。原创 2023-08-11 21:33:50 · 7025 阅读 · 1 评论 -
LVGL学习笔记 27 - 图片按键imgbtn
RELEASED是基本的状态,如果其他状态没有设置,其他状态会直接使用RELEASED的图片,所以RELEASED必须设置。可以通过lv_imgbtn_set_state手动改变按键的状态。注意设置的高度最好等于图片的高度,上图中图片是80的高度,设置116并不会让图片在高度上拉伸,如果设置小于实际高度,图片会被截断。按键的左边和右边不变,而中间部分可以重复绘制,从而显示任意长度的按键。图片按键和按键类似,区别在于背景是图片。还需要通过lv_imgbtn_set_src设置图片。原创 2023-04-06 21:00:00 · 4623 阅读 · 1 评论 -
LVGL学习笔记 26 - 色环ColorWheel
色环允许用户选择一种颜色。颜色的色调、饱和度和值可以分别选择。长按对象,色环将更改为颜色的下一个参数(色调、饱和度或值)。双击将重置当前参数。参数knob_recolor表示是否将旋钮的颜色设置为当前颜色。false和true区别参考下图。原创 2023-04-05 21:00:00 · 1775 阅读 · 0 评论 -
LVGL学习笔记 25 - 图表Chart
图表通过lv_chart_create创建。四个边分别对应主X轴,主Y轴,副X轴,副Y轴。原创 2023-04-04 21:00:00 · 11679 阅读 · 24 评论 -
LVGL学习笔记 24 - 日历Calendar
通过lv_calendar_create创建。原创 2023-04-03 21:00:00 · 1759 阅读 · 0 评论 -
LVGL学习笔记 23 - 动画Animimg
动画就是对一组图像数组以固定的时间间隔显示。原创 2023-04-02 22:45:00 · 2261 阅读 · 10 评论 -
LVGL学习笔记 22 - 画布Canvas
Canvas 继承自Image,用户可以在其中绘制任何内容。由lv_canvas_create创建。画布需要先分配足够空间的缓冲区来存储绘制的图像buffer必须是一个静态缓冲区,大小是(lv_img_cf_get_px_size(cf) * w) / 8 * h),可以通过lv_mem_alloc()分配或静态数组或RAM(SRAM)的地址。w,h是画布的长宽cf是画布的图像格式此时由于buffer中的数据是全0,显示出来的就是黑色方块。所以,对画布的操作其实是对buffer的处理。原创 2023-03-15 20:00:00 · 7446 阅读 · 0 评论 -
LVGL学习笔记 21 - 图像Image
图像是显示来自闪存(作为数组)或来自文件的图像的基本对象。原创 2023-03-14 20:00:00 · 5577 阅读 · 3 评论 -
LVGL学习笔记 20 - 滚轮Roller
滚轮Roller实现的功能类似下拉列表,由lv_roller_create创建。原创 2023-03-13 20:00:00 · 2780 阅读 · 0 评论 -
LVGL学习笔记19 - 下拉列表dropdown
下拉列表由lv_dropdown_create创建。原创 2023-03-12 20:00:00 · 6119 阅读 · 12 评论 -
LVGL学习笔记18 - 表Table
表格是由包含文本的行、列和单元格构建的。它不是真实的对象,只是临时绘制的。表格通过lv_table_create创建。原创 2023-03-11 20:17:42 · 5837 阅读 · 2 评论 -
LVGL学习笔记17 - 开关Switch
开关看起来像一个小滑块,功能类似于按钮,通过lv_switch_create创建对应的对象。原创 2023-01-13 21:00:00 · 3325 阅读 · 6 评论 -
LVGL学习笔记16 - 进度条Bar
进度条有一个背景和一个指示器组成,通过lv_bar_create创建对象。进度条默认的范围是 0..100。原创 2023-01-11 21:00:00 · 4145 阅读 · 0 评论 -
LVGL学习笔记15 - 文本框TextArea
文本框由一个Label和一个光标组合而成,用于文本输入。通过lv_textarea_create创建对象。原创 2023-01-10 21:00:00 · 5622 阅读 · 4 评论 -
LVGL学习笔记14 - 线Line
通过一组点绘制出相连的直线,通过lv_line_create创建相应的对象。线只有LV_PART_MAIN一个部件。原创 2023-01-05 21:00:00 · 4170 阅读 · 0 评论 -
LVGL学习笔记13 - 圆弧Arc
圆弧由背景和前景弧组成,通过lv_arc_create创建。原创 2023-01-04 21:00:00 · 4301 阅读 · 0 评论 -
LVGL学习笔记12 - 复选框CheckBox
复选框通过lv_checkbox_create创建。一个CheckBox由一个点击框加一个Label组成。注意,CheckBox的size可以不用设置,会自动匹配字符串长度。字符串可以通过lv_checkbox_set_text和lv_checkbox_set_text_static更改。原创 2023-01-03 21:00:00 · 1994 阅读 · 0 评论 -
LVGL学习笔记11 - 按钮矩阵Button Matrix
按钮矩阵是多个按钮的组合,例如直接绘制一个九宫格按键。按钮矩阵的按钮是实时绘制的,所以占用的内存会比较小。通过lv_btnmatrix_create函数创建按钮矩阵对象。原创 2023-01-02 21:00:00 · 6929 阅读 · 3 评论 -
LVGL学习笔记10 - 按钮Button
按钮有点类似矩形框,更多的是具有事件属性。通过lv_btn_create创建。按钮的Parts只有LV_PART_MAIN。原创 2023-01-01 21:00:00 · 10269 阅读 · 5 评论 -
LVGL学习笔记9 - 标签Label
显示字符串是通过对象Label实现的。Label的Parts只有LV_LABEL_PART_MAIN。标签通过lv_label_create创建。原创 2022-12-31 21:00:00 · 6918 阅读 · 1 评论 -
LVGL学习笔记8 - 字体
字体是位图和呈现字母(字形)图像所需的其他信息的集合。LVGL的字库信息保存在lv_font_t的变量中。LVGL默认使用ASCII范围(包含所有ASCII字符,度数符号(U + 00B0),项目符号(U + 2022)和内置图标)的一组字体,在lv_conf.h中有相关的宏定义可以使能相应大小的字体,默认使用LV_FONT_MONTSERRAT_14,这里的14指的是字体大小。数字越大,字体的像素越大,占用的空间越大。原创 2022-12-30 21:00:00 · 8530 阅读 · 3 评论 -
LVGL学习笔记7 - GD32平台优化
学习过程中发现GD32平台的显示效果不佳,而且会出现死机的问题,需要优化一下平台代码。原创 2022-12-29 21:00:00 · 2190 阅读 · 0 评论 -
LVGL学习笔记6 - 输入设备
输入设备的回调函数需要用户根据硬件自己实现,例如上例中的lv_win32_pointer_driver_read_callback、lv_win32_keypad_driver_read_callback和lv_win32_encoder_driver_read_callback。通过lv_obj_add_event_cb给对象添加事件处理程序函数。filter - 事件代码,例如LV_EVENT_CLICKED表示点击事件,具体可以看lv_event.h中的枚举lv_event_code_t。原创 2022-12-28 21:00:00 · 7151 阅读 · 0 评论 -
LVGL学习笔记5 - Display, Screen和Layer
目录1. Display2. Screen2.1 创建Screen2.2 加载Screen2.3 获取活动的Screen2.4 实例2.4.1 定义2个Screen全局变量2.4.2 初始化Screen2.4.3 循环更替3. Layer图层3.1 切换顺序3.2 顶层和系统层3.3 实例3.3.1 创建全局变量3.3.2 初始化3.3.3 循环更替处理在移植那里会有一个显示接口的移植,这部分其实对应的就是Display,可以翻译为显示器。在LVGL中,可以有多个Display,即物理上支持多个显示器。原创 2022-12-27 21:00:00 · 4089 阅读 · 0 评论 -
LVGL学习笔记4 - 主题Themes
目录1. 获取主题句柄2. 设置基础主题3. 设置主题的回调函数4. 使能主题5. 实例5.1 定义一个全局Style变量5.2 显示默认主题风格的矩形5.3 初始化新主题的样式 5.4 初始化新主题 5.5 回调函数的实现 5.6 设置新主题5.7 显示主题是风格的集合。对应的变量结构体是lv_theme_t。定义一个主题也必须是全局变量或者静态的。参数含义:obj - 对象句柄,如果是NULL,则获取的是默认主题。为主题设置基础主题。基础主题中的样式将添加到当前主题的样式之前。通过设置基本主题,可原创 2022-12-26 21:00:00 · 4281 阅读 · 0 评论 -
LVGL学习笔记3 - 样式Style
样式用于设置对象的外观,比如颜色等属性,存储在 lv_style_t 变量中,这个变量应该是static 、全局 或 动态分配的。1. 初始化样式在使用样式之前,应使用 lv_style_init(&style) 进行初始化 。static lv_style_t style;lv_style_init(&style);2. 设置样式初始化后,我们就可以设置样式的属性。 属性集函数如下所示:lv_style_set_<property_name>(..原创 2022-12-25 21:00:00 · 2772 阅读 · 0 评论 -
LVGL学习笔记2 - 对象
LVGL是Light and Versatile Graphics Library(轻量级通用型图形库)的简称,遵循MIT开源许可协议。LVGL的官网地址如下:LVGL - Light and Versatile Embedded Graphics LibraryLVGL中文资料:http://lvgl.z.net1. 下载LVGL源代码源代码在Github上。GitHub - lvgl/lvgl: Powerful and easy-to-use embedded GUI li原创 2022-12-24 21:00:00 · 2796 阅读 · 0 评论 -
LVGL学习笔记1 - 准备
LVGL是Light and Versatile Graphics Library(轻量级通用型图形库)的简称,遵循MIT开源许可协议。LVGL的官网地址如下:LVGL - Light and Versatile Embedded Graphics Library1. 下载LVGL源代码源代码在Github上。GitHub - lvgl/lvgl: Powerful and easy-to-use embedded GUI library with many widgets, advan原创 2022-12-23 21:00:00 · 3704 阅读 · 0 评论 -
UI设计中能使用到的漂亮颜色
1. RGB:144, 198, 292. RGB: 25, 167, 2073. RGB: 40, 190, 1144. RGB: 211, 58, 1105. RGB: 143, 78, 2036. RGB: 49, 100, 1857. RGB: 16, 198, 2208. RGB: 236, 191, 59. RGB: 252, 144, 1811...原创 2020-04-09 10:23:05 · 966 阅读 · 0 评论