玲珑gui简介

玲珑GUI（LLGUI）是一款易于使用且成本低廉的单片机GUI解决方案。它可以替代串口屏和组态，降低产品成本，同时确保产品的软硬件自主可控。配套的界面开发软件支持图形化编辑界面，并生成C代码。

如其名，玲珑GUI小巧精致，代码量适中，采用纯C语言编写，适用于各类资源有限的单片机MCU，并且开源免费，采用Apache License, Version 2.0协议，支持二次开发和非二次开发的多许可协议方式。

相关资料和教程可在语雀上找到，地址为：玲珑GUI教程。

Gitee上的项目地址为：LingLongGUI，该项目旨在提供高效的界面开发解决方案，替代串口屏和组态，降低产品成本，并确保产品的软硬件自主可控。

我亲自体验了一番，感觉非常不错，在此推荐给大家。

特别值得一提的是，它提供了类似QT的可视化GUI界面编辑器GUIBulider，支持可视化编辑UI。此外，还提供了类似QT的信号和槽机制，非常实用。虽然基础控件种类有限，例如常见的label控件没有找到（作者建议使用Text替代，但我认为单独的label组件会更方便），但对于嵌入式应用来说已经足够。就像官方介绍的那样，玲珑GUI可以作为一种低成本的单片机GUI解决方案，替代串口屏。

期待未来有更多实用的组件推出，希望玲珑GUI作为国产开源项目不断发展壮大。截至目前，搭配易用的GUIBulider，玲珑GUI已经可以与LittlevGL一较高下。虽然组件丰富度不如LittlevGL，但在易用性上，玲珑GUI显得更加小巧便捷，具有独特的QT风格但更加轻量化。

希望作者能开源一些自定义组件的方法和文档或教程，以促进生态系统的扩建，增加更多实用的组件，如仪表、曲线、表格、图表等。

关于中文字库的支持，希望在文档和示例方面能进一步完善。虽然目前主要针对嵌入式MCU，但在嵌入式Linux上也可以完善一些常用字库。

GUIBulider的界面风格类似于QT设计师：

可以直接拖动编辑界面UI，右侧可以更改属性，下方可以编辑发送者、信号和接收者。

点击工具栏上的绿色三角图标，可以自动生成对应的UI代码和逻辑层处理代码文件。

在嵌入式Linux上的移植（基于framebuffer的fb0）：

新建一个名为test的文件夹，在其中创建llgui、ui和port文件夹。

其中，llgui文件夹存放从Gitee上下载的最新llgui源码。port文件夹存放与移植相关的内容。ui文件夹存放UI和UI的响应逻辑实现文件。

移植过程非常简单，只需实现LL_Config.c中的几个函数即可，主要是三个函数：画点和读点，填充矩形函数。确实可以做到十分钟内完成移植。

在头文件LL_Config.h中进行一些配置：

// 颜色位数
#define CONFIG_COLOR_DEPTH                    16 // 1 8 16 24 32
// 屏幕宽度像素
#define LL_MONITOR_WIDTH                      480
// 屏幕高度像素
#define LL_MONITOR_HEIGHT                     272

LL_Config.c文件内容如下：

#include "LL_Config.h"
#include "string.h"
#include "freeRtosHeap4.h"
#include "io_fb.h"
uint8_t cfgColorDepth = CONFIG_COLOR_DEPTH;
uint16_t cfgMonitorWidth = 0;
uint16_t cfgMonitorHeight = 0;
if USE_DOUBLE_BUFFERING == 1
uint32_t lcdFrontBuf=LL_LCD_BUF1_POINTER;
uint32_t lcdBackBuf=LL_LCD_BUF2_POINTER;
endif
void llCfgSetLcdBufAddr(uint32_t *addr)
{
if USE_DOUBLE_BUFFERING == 1
lcdSetBufferAddr(addr);
endif
}
void llCfgSetLcdSrcAddr(uint32_t *addr)
{
if USE_DOUBLE_BUFFERING == 1
lcdSetSrcAddr(addr);
endif

}
void llCfgLcdCopyFront2Back(void)
{
if USE_DOUBLE_BUFFERING == 1
//    memcpy(lcdBackBuf,lcdFrontBuf,SDRAM_LCD_SIZE);
uint64_t i;
for(i=0;iyy="" yyyy="0x07E5">

io_fb.c文件内容如下：
#include 
include 
include 
include 
include 
include 
include 
include 
include 
include 
include 
include 
include 
define printV(v)printf(#v"=%d\n", v);
static unsigned char  npu8_fbmem;
static int             ns32_fb;
static unsigned int    nu32_screensize;
static unsigned char   displaybuffer[4802724];
static unsigned char  pframebuffer;
static unsigned char   pfbStat = 0;//0-framebuffer, 1-cache buffer
unsigned char getGUIcache(void);
int setGUIcache(unsigned char stat);
void GUIcache2fb(void);
static void _fb_mmap(int fd, unsigned int screensize)
{
caddr_t fbmem;
if ((fbmem = mmap(0, screensize, PROT_READ | PROT_WRITE,
MAP_SHARED, fd, 0)) == MAP_FAILED) {
perror(func);
return (void ) (-1);
}
return fbmem;
}
static int _fb_munmap(void *start, size_t length)
{
return (munmap(start, length));
}
static int _fb_stat(int fd, unsigned int width, unsigned int height, unsigned int depth)
{
//struct fb_fix_screeninfo fb_finfo;
struct fb_var_screeninfo fb_vinfo;
//if (ioctl(fd, FBIOGET_FSCREENINFO, &fb_finfo)) {
//    perror(func);
//    return -1;
//}
if (ioctl(fd, FBIOGET_VSCREENINFO, &fb_vinfo)) {
perror(func);
return -1;
}
width  = fb_vinfo.xres;
height = fb_vinfo.yres;
depth  = fb_vinfo.bits_per_pixel;
return 0;
}
int fb_init(void)
{
unsigned int  fbw, fbh, fbd;
ns32_fb = open("/dev/fb0", O_RDWR);
if(ns32_fb width) || (y > height))
return -1;
//unsigned short dst = ((unsigned short )npu8_fbmem + y  width + x);
unsigned short dst = ((unsigned short )pframebuffer + y  width + x);
*dst = color;
return 0;
}
unsigned short fb_readpixel(int width, int height, int x, int y)
{
if ((x > width) || (y > height)) return -1;
//unsigned short dst = ((unsigned short )npu8_fbmem + y  width + x);
unsigned short dst = ((unsigned short )pframebuffer + y  width + x);
return *dst;
}
unsigned char getGUIcache(void)
{
//printf("%s\n", FUNCTION);
return pfbStat;
}
int setGUIcache(unsigned char stat)
{
//printf("%s\n", FUNCTION);
if( stat ) {
pframebuffer = displaybuffer;
pfbStat      = 1;
} else {
pframebuffer = npu8_fbmem;
pfbStat      = 0;
}
return 0;
}
void GUIcache2fb(void)
{
printf("%s\n", FUNCTION);
memcpy( npu8_fbmem, displaybuffer, nu32_screensize);
}
最后是Makefile文件，修改交叉编译工具链后，直接执行make即可。
附：Makefile文件内容：
##########################################
makefile template by yangyongzhen
#########################################
Cross complie path
CHAIN_ROOT=/home/yang/imax283/ctools/gcc-4.4.4-glibc-2.11.1-multilib-1.0/arm-fsl-linux-gnueabi/bin
CROSS_COMPILE=$(CHAIN_ROOT)/arm-none-linux-gnueabi-
CHAIN_ROOT= /opt/gcc-linaro-arm-linux-gnueabihf-4.9-2014.09_linux/bin
CROSS_COMPILE=$(CHAIN_ROOT)/arm-linux-gnueabihf-
CROSS_COMPILE =
CC     := $(CROSS_COMPILE)gcc
CXX    := $(CROSS_COMPILE)g++
AS   := $(CROSS_COMPILE)as
AR     := $(CROSS_COMPILE)ar
LD     := $(CROSS_COMPILE)ld
RANLIB := $(CROSS_COMPILE)ranlib
OBJDUMP:= $(CROSS_COMPILE)objdump
OBJCOPY:= $(CROSS_COMPILE)objcopy
STRIP  := $(CROSS_COMPILE)strip
Source files
SRC_C=$(shell find . -name "*.c")
OBJ_C=$(patsubst %.c, %.o, $(SRC_C))
SRCS := $(SRC_C) $(SRC_C)
OBJS := $(OBJ_C)
Flags
LIBS := -L
LIBSINCS := -I./llgui/Gui -I./llgui/Misc -I./Fonts -I./port -I./ui -I./
CFLAGS= -std=gnu99  -fno-common  -fsanitize=address -fno-stack-protector -fno-omit-frame-pointer -fno-var-tracking -g1
LDSCRIPT=
LDFLAGS= -lasan
Targets of the build
TARGET   := testllgui
TARGETLIB  := libllgui
.PHONY: clean
all:  prebuild  $(TARGET)
lib:  prebuild  $(TARGETLIB).so
TARGET
prebuild:
@echo Building...
$(TARGET): $(OBJS)
@echo Generating exe...
$(CC)   -o  $(TARGET) $(OBJS) $(LIBS) $(LDFLAGS)
@echo OK!
$(TARGETLIB).so : $(OBJS)
@echo Generating shared lib...
$(CC)  -shared -fPIC -o  $(TARGETLIB).so $(OBJS)
@echo OK!
%.o : %.c
$(CC) -c -fPIC $(CFLAGS) $(INCS) $
最后，将编译生成的可执行文件放置在板子上，修改执行权限后，直接运行即可。
          


# linux 
# git 
# apache 
# c语言 
# cad 
# 工具 
# ai 
# 二次开发 
# yy 
# red 
# qt 
# NULL 
# if 
# for 
# printf 
# bool 
# char 
# int 
# void 
# Length 
# function 
# mcu 
# 单片机 
# ui 
# gitee 
# 串口 
# 开源 
# 但在 
# 的是 
# 几个 
# 文档 
# 就像 
# 在此 
# 只需 
# 适用于 
 




相关栏目：
    【
        网站优化151355    】
    【
        网络推广146373    】
    【
        网络技术251813    】
    【
        AI营销90571    】




相关推荐：
Win11应用商店下载慢怎么办 Win11更改DNS提速下载【修复】 
Javascript中的事件循环是如何工作的_如何利用Javascript事件循环优化异步代码？ 
用yum安装MySQLdb模块的步骤方法 
Laravel与Inertia.js怎么结合_使用Laravel和Inertia构建现代单页应用 
Laravel如何创建自定义中间件？（Middleware代码示例） 
HTML透明颜色代码怎么让图片透明_给img元素加透明色的技巧【方法】 
Laravel怎么集成Vue.js_Laravel Mix配置Vue开发环境 
Laravel模型事件有哪些_Laravel Model Event生命周期详解 
详解Oracle修改字段类型方法总结 
Laravel模型关联查询教程_Laravel Eloquent一对多关联写法 
Laravel怎么实现验证码(Captcha)功能 
Laravel中间件如何使用_Laravel自定义中间件实现权限控制 
iOS UIView常见属性方法小结 
JS实现鼠标移上去显示图片或微信二维码 
Android仿QQ列表左滑删除操作 
 网站制作怎么样才能赚钱,用自己的电脑做服务器架设网站有什么利弊，能赚钱吗？ 
Python自然语言搜索引擎项目教程_倒排索引查询优化案例 
Laravel项目怎么部署到Linux_Laravel Nginx配置详解 
Midjourney怎样加参数调细节_Midjourney参数调整技巧【指南】 
Laravel如何实现API速率限制？（Rate Limiting教程） 
如何快速完成中国万网建站详细流程？ 
lovemo网页版地址 lovemo官网手机登录 
javascript中闭包概念与用法深入理解 
php嵌入式断网后怎么恢复_php检测网络重连并恢复硬件控制【操作】 
 公司门户网站制作流程,华为官网怎么做？ 
如何在万网主机上快速搭建网站？ 
轻松掌握MySQL函数中的last_insert_id() 
Linux网络带宽限制_tc配置实践解析【教程】 
JavaScript数据类型有哪些_如何准确判断一个变量的类型 
如何快速选择适合个人网站的云服务器配置？ 
 厦门模型网站设计制作公司,厦门航空飞机模型掉色怎么办？ 
香港服务器WordPress建站指南：SEO优化与高效部署策略 
Linux虚拟化技术教程_KVMQEMU虚拟机安装与调优 
 ,怎么在广州志愿者网站注册？ 
Laravel如何清理系统缓存命令_Laravel清除路由配置及视图缓存的方法【总结】 
iOS正则表达式验证手机号、邮箱、身份证号等 
如何在服务器上三步完成建站并提升流量？ 
Laravel怎么进行浏览器测试_Laravel Dusk自动化浏览器测试入门 
 海南网站制作公司有哪些,海口网是哪家的？ 
详解CentOS6.5 安装 MySQL5.1.71的方法 
Laravel怎么实现API接口鉴权_Laravel Sanctum令牌生成与请求验证【教程】 
Laravel怎么集成Log日志记录_Laravel单文件与每日日志配置及自定义通道【详解】 
高端网站建设与定制开发一站式解决方案  中企动力 
Laravel如何使用.env文件管理环境变量？（最佳实践） 
JavaScript常见的五种数组去重的方式 
 移动端手机网站制作软件,掌上时代，移动端网站的谷歌SEO该如何做？ 
SQL查询语句优化的实用方法总结 
新三国志曹操传主线渭水交兵攻略 
如何彻底卸载建站之星软件？ 
百度输入法全感官ai怎么关 百度输入法全感官皮肤关闭