炫意html5
最早CSS3和HTML5移动技术网站之一

LVGL基础教程 – LVGL 简介

中天阅读(317)

LVGL(Light and Versatile Graphics Library,轻巧而多功能的图形库)是一个免费的开放源代码图形库,它提供创建具有易于使用的图形元素,精美的视觉效果和低内存占用的嵌入式GUI所需的一切。 LVGL主要特性...

LVGL基础教程 – LVGL 系统框架

牛青阅读(238)

lvgl系统框架 应用程序创建 GUI 并处理特定任务的应用程序。 LVGL 本身是一个图形库。我们的应用程序通过调用 LVGL 库来创建 GUI 。它包含一个 HAL (硬件抽象层)接口,用于注册显示和输入设备驱动程序。 驱动程序除特定的...

LVGL基础教程 – LVGL 建立一个lvgl项目

田田阅读(200)

要在我们的项目中使用 lvgl ,我们起码需要获取到官方的这两个库: lvgl(lvgl)核心图形库的官方 GitHub 仓库地址:https://github.com/lvgl/lvgl。 lvgl(lv_drivers)输入输出设备驱动...

LVGL基础教程 – LVGL 显示接口

无卤阅读(287)

要设置显示,必须初始化 lv_disp_buf_t 和 lv_disp_drv_t 变量。 lv_disp_buf_t 保存显示缓冲区信息的结构体 lv_disp_drv_t HAL要注册的显示驱动程序、与显示交互并处理与图形相关的结构体、...

LVGL基础教程 – LVGL 输入设备接口

啊Q阅读(255)

LVGL输入设备的类型 要设置输入设备,必须初始化 lv_indev_drv_t 变量: lv_indev_drv_t indev_drv; lv_indev_drv_init(&indev_drv); /*Basic initia...

LVGL基础教程 – LVGL 心跳

yiyan阅读(237)

LVGL心跳,LVGL 需要系统滴答声才能知道动画和其他任务的经过时间。 为此我们需要定期调用 lv_tick_inc(tick_period) 函数,并以毫秒为单位告知调用周期。例如, lv_tick_inc(1) 用于每毫秒调用一次。 ...

LVGL基础教程 – LVGL 任务处理器

田田阅读(180)

任务处理器(Task Handler)要处理 LVGL 的任务,我们需要定期通过以下方式之一调用 lv_task_handler() : mian 函数中设置 while(1) 调用 定期定时中断(低优先级然后是 lv_tick_inc()...

LVGL基础教程 – LVGL 睡眠管理

喔28阅读(143)

LVGL睡眠管理,没有用户输入时,MCU 可以进入睡眠状态。在这种情况下,mian 函数中的 while(1) 应该看起来像这样: while(1) { /*Normal operation (no sleep) in < 1 sec...

LVGL基础教程 – LVGL 操作系统和中断

嘿哈阅读(144)

LVGL默认情况下 不是线程安全的 。 但是,在以下情况中,调用 LVGL 相关函数是有效的: 在事件 (Events) 中。在 “事件” 中了解更多信息。 在 (lv_tasks) 中。在 “任务” 中了解更多信息。 任务和线程 如果需要...

LVGL基础教程 – LVGL 日志记录

小杜阅读(96)

LVGL 内置有日志模块,用于记录用户库中正在发生的事情。 LVGL日志级别 要启用日志记录,需要在 lv_conf.h 中将 LV_USE_LOG 设置为 1 ,并将 LV_LOG_LEVEL 设置为以下值之一: LV_LOG_LEVEL...

LVGL基础教程 – LVGL 对象

无卤阅读(200)

在 LVGL 中,用户界面的基本构建块是对象,也称为小部件(widget)。例如,按钮,标签,图像,列表,图表或文本区域。 查看本教程中的 LVGL所有的对象类型(widget) 。 LVGL对象的属性(Attributes) 对象的基本属...

LVGL基础教程 – LVGL 对象层级

中天阅读(230)

LVGL创建对象层级顺序 默认情况下,LVGL在背景上绘制旧对象,在前景上绘制新对象。 例如,假设我们向父对象添加了一个名为 button1 的按钮,然后又添加了另一个名为button2的按钮。 由于先创建了 button1,所以 butt...

LVGL基础教程 – LVGL 事件

啊Q阅读(235)

LVGL中可触发事件,用于与用户进行交互。例如一个对应对象的事件可以有: 被点击 被拖拽 被更改了数值 等等 我们可以将回调函数分配给对象以处理这些事件。例如: lv_obj_t * btn = lv_btn_create(lv_scr_a...

LVGL基础教程 – LVGL 样式

bigao阅读(344)

LVGL 样式简介 样式用于设置对象的外观。 lvgl 中的样式在很大程度上受到 CSS 的启发。简而言之,概念如下: 样式是 lv_style_t 变量,可以保存属性,例如边框宽度,文本颜色等。它类似于 CSS 中的类。 并非必须指定所有...

LVGL基础教程 – LVGL 输入设备

啊Q阅读(169)

输入设备(Input devices),在 LVGL 中输入设备,有下面几种类型: 指针式输入设备,如触摸板或鼠标 键盘,如普通键盘或简单的数字键盘 带有左/右转向和推入选项的编码器 外部硬件按钮,分配给屏幕上的特定点 在进一步阅读本文之前...

LVGL基础教程 – LVGL 显示

阿喜阅读(606)

显示(Displays),LVGL中显示的基本概念在 显示接口 部分中进行了说明。因此,在进一步阅读之前,请先阅读 显示接口 部分。 多种显示支持 在LVGL中,可以有多个显示,每个显示都有自己的驱动程序和对象。唯一的限制是,每个显示器都必...

LVGL基础教程 – LVGL 字体

牛青阅读(435)

字体(Fonts),在LVGL中,字体是位图和呈现字母(字形)图像所需的其他信息的集合。字体存储在 lv_font_t 变量中,可以在样式的text_font字段中进行设置。例如: lv_style_set_text_font(&m...

LVGL基础教程 – LVGL 图片

bigao阅读(268)

图片(Images),图像可以是存储位图本身和一些元数据的文件或变量。 储存图片 我们可以将图像存储在两个位置 作为内部存储器(RAM或ROM)中的变量 作为文件 变量 内部存储在变量中的图像主要由具有以下字段的lv_img_dsc_t结构...

LVGL基础教程 – LVGL 文件系统

丹青阅读(172)

文件系统(File system),LVGL具有 “文件系统” (File system)抽象模块,使可以附加任何类型的文件系统。文件系统由驱动器号标识。例如,如果SD卡与字母 S 相关联,则可以访问 "S:path/to/file.txt...

LVGL基础教程 – LVGL 动画效果

田田阅读(373)

动画效果(Animations),我们可以使用动画在开始值和结束值之间自动更改变量的值。动画将通过定期调用带有相应 value 参数的 “animator” 函数来发生。 动画功能函数具有以下原型: void func(void * var...

LVGL基础教程 – LVGL 任务

无卤阅读(184)

任务(Task),LVGL具有内置的任务系统。您可以注册一个函数以使其定期被调用。在lv_task_handler()中处理和调用任务,该任务需要每几毫秒定期调用一次。有关更多信息,请参见移植。 任务是非抢占式的,这意味着一个任务无法中断另...

LVGL基础教程 – LVGL 画画

小杜阅读(381)

画画(Drawing),使用 LVGL,无需手动绘制任何内容。只需创建对象(如按钮和标签),移动并更改它们,LVGL 就会刷新并重新绘制所需的内容。 但是,对 LVGL 中的绘图方式有基本了解可能会很有用。 基本概念是不要直接绘制到屏幕上,...

LVGL小部件 – LVGL 基础对象

小杜阅读(169)

基础对象(lv_obj), LVGL 基础对象 – 概述 基础对象 实现了屏幕上小部件的基本属性,例如: 座标 父对象 子对象 主要风格 属性,例如点击启用、拖动启用等。 在面向对象的思想中,它是继承 LVGL 中所有其他对象的基类。这尤其...

LVGL小部件 – LVGL 弧

中天阅读(107)

弧(lv_arc), 弧由背景弧和前景弧组成。两者都可以具有起始角度和终止角度以及厚度。 零件和样式 弧的主要部分称为 LV_ARC_PART_MAIN 。它使用典型的背景样式属性绘制背景,并使用线型属性绘制圆弧。圆弧的大小和位置将遵守填充...

LVGL小部件 – LVGL 进度条

无卤阅读(135)

进度条(lv_bar) 条对象上有一个背景和一个指示器。指示器的宽度根据条的当前值进行设置。 如果对象的宽度小于其高度,则可以创建垂直条。 不仅可以结束,还可以设置条的起始值,从而改变指示器的起始位置。 零件和样式 进度条的主要部分称为 L...

Java基础教程Android基础教程