【github项目】给大家介绍一个非常不错的GUI ---- littlevgl

晕哥 · 2018-01-12 16:11:11

参考链接2：一步一步分享在Windows QtCreator/Mingw平台编译运行调试LittleVGL

给大家介绍一个非常不错的GUI ---- littlevgl

官网地址： https://littlevgl.com
github地址： https://github.com/littlevgl/

PC模拟演示程序:

git clone https://github.com/littlevgl/pc_simulator.git
cd pc_simulator
git submodule update --init
make
./demo

effects.webm

晕哥 · 2018-01-12 16:29:02

晕哥 · 2018-01-13 09:13:21

本来想把littlevgl模拟器代码pc_simulator移植到VC，方便在Windows调试，
结果发现代码里面大量用到动态长度数组，这种C99特性在MSVC2015都不支持，
如果要强行移植过来，需要修改的地方太多了。

参考链接： GCC 中零长数组与变长数组

晕哥 · 2018-01-13 10:32:39

虽然用MSVC编译有难度，但是如果使用 mingw编译基本还是没坑的。

下面我使用Ubuntu14.04LTS的mingw，交叉出windows平台的littlevgl:

1. Ubuntu安装mingw 64位编译: sudo apt-get install mingw-w64

2. 下载SDL2源码: https://www.libsdl.org/release/SDL2-2.0.7.tar.gz
解压: tar xvf SDL2-2.0.7.tar.gz

3. 配置: ./configure --prefix=/usr/i686-w64-mingw32 --build=i686-unknown-linux-gnu --host=i686-w64-mingw32
安装: make; make install

4. 下载、更新littlevgl模拟器源码：
git clone https://github.com/littlevgl/pc_simulator.git
cd pc_simulator
git submodule update --init
make

5. 遇到一个链接错误: undefined reference to `WinMain@16'
解决办法参考: I get "Undefined reference to 'WinMain@16'"
Makefile文件添加： -lmingw32 -lSDL2main -lSDL2 -mwindows

6. 再次执行make, 编译成功，拷贝到Windows:
cp /usr/lib/gcc/i686-w64-mingw32/4.8/libgcc_s_sjlj-1.dll /mnt/hgfs/D/pc_simulator/
cp /usr/i686-w64-mingw32/bin/SDL2.dll /mnt/hgfs/D/pc_simulator/
cp demo /mnt/hgfs/D/pc_simulator/demo.exe

合影留念：

晕哥 · 2018-01-13 20:34:04

eclipse 可以调试了！

晕哥 · 2018-01-14 18:28:31

我更喜欢QTCreator这个轻量级工具。

晕哥 · 2018-01-16 22:20:14

int main(int argc, char *argv[])
{
/*LittlevGL init*/
lv_init();
monitor_init(); //开启SDL窗口
lv_disp_drv_t disp_drv;
lv_disp_drv_init(&disp_drv); /*Basic initialization*/
disp_drv.disp_flush = monitor_flush;
disp_drv.disp_fill = monitor_fill;
disp_drv.disp_map = monitor_map;
lv_disp_drv_register(&disp_drv);

/*Create a "Hello world!" label*/
lv_obj_t * label = lv_label_create(lv_scr_act(), NULL);
lv_label_set_text(label, "Hello world!WWWMMM");
lv_obj_align(label, NULL, LV_ALIGN_CENTER, 0, 0);
/*Handle LitlevGL tasks (tickless mode)*/
while(1) {
lv_tick_inc(5);
lv_task_handler();
usleep(5000);
}
return 0;
}

一个非常简单的字符显示程序，字体挺好看，自带抗锯齿效果。

参考： embedded-gui-using-linux-frame-buffer-device-with-littlevgl

晕哥 · 2018-01-17 08:28:26

QtCreator 调试littlevgl主题demo

qwert1213131 · 2018-01-17 09:52:48

楼主QT是在windows还是ubuntu下调试的呢？
能出个教程吗，谢谢

晕哥 · 2018-01-17 10:06:59

qwert1213131 说：

楼主QT是在windows还是ubuntu下调试的呢？
能出个教程吗，谢谢

Windows和Ubuntu都可以,
QtCreator和Eclipse都可以单步调试，
视频教程晚些有空我录一个。

qwert1213131 · 2018-01-17 11:41:38

晕哥说：

qwert1213131 说：
楼主QT是在windows还是ubuntu下调试的呢？
能出个教程吗，谢谢
Windows和Ubuntu都可以,
QtCreator和Eclipse都可以单步调试，
视频教程晚些有空我录一个。

非常感谢，主要是用windows开发，以前按照lvgl官网windows环境安装，一直没有成功，
看着QT的开发环境很不错，
等楼主视频了，

晕哥 · 2018-01-17 20:45:35

lv_conf.h

#define LV_HOR_RES 800
#define LV_VER_RES (480)

#define USE_LV_THEME_ALIEN 1

V3s Linux 4.13-y 跑 littlevgl成功！

参考链接：embedded-gui-using-linux-frame-buffer-device-with-littlevgl

cwspads · 2018-01-18 09:30:35

提前感谢晕哥！可以录个制作视频。

qwert1213131 · 2018-01-18 09:34:25

很强大啊，昂达的板板不错

晕哥 · 2018-01-18 21:48:52

今天把 littlevgl porting 到全志Allwinner V3s Linux 4.13-y上了,
操作有点卡,
估计是触摸屏要开线程才行, 触摸把UI阻塞了.
改天有空继续调试。

fcode · 2018-01-31 13:41:46

请问这个支持旋转吗？

晕哥 · 2018-01-31 13:49:17

fcode 说：

请问这个支持旋转吗？

控件旋转？还是液晶屏转90度？

fcode · 2018-01-31 13:52:56

晕哥说：

fcode 说：
请问这个支持旋转吗？
控件旋转？还是液晶屏转90度？

液晶屏横屏和竖屏切换这种旋转。

晕哥 · 2018-01-31 13:56:26

fcode 说：

晕哥说：
fcode 说：
请问这个支持旋转吗？
控件旋转？还是液晶屏转90度？
液晶屏横屏和竖屏切换这种旋转。

静态旋转容易吧, 写显卡之前，把显示缓冲区的数据通过一个函数，把数据旋转一次即可。
动态旋转，像安卓那样，涉及到控件的自适应，这个比较难。

kgp0213 · 2018-02-10 12:29:27

提前感谢晕哥！可以录个制作视频。

daydayup · 2018-02-10 13:44:08

kgp0213 说：

提前感谢晕哥！可以录个制作视频。

这个可以有?

落雁 · 2018-02-17 20:32:11

移植到 vnc/rfb 成功, 在ubuntu上模拟顺利，下一步打算移植到 ESP32上面去，用在公司的产品，不打算开源，但是有问必答。
嵌入式系统不需要有显示屏, 只要有网络，电脑就可以连上这个远程虚拟显示屏,
对用户确实挺有吸引力的。

晕哥 · 2018-02-22 10:44:52

刚刚学会汉字显示.

参考链接: step by step 制作 littlevgl gui的字库

晕哥 · 2018-02-22 11:08:57

https://github.com/littlevgl/lvgl/issues/78
这个帖子作者说要做一个font 的回调函数实现离散汉字字库
我觉得没什么必要,

tango_zhu · 2018-04-23 19:57:27

晕哥能出个视频教程么这个gui还是蛮有兴趣的，阿里的物联网os用的就是他

晕哥 · 2018-04-23 20:07:13

tango_zhu 说：

晕哥能出个视频教程么这个gui还是蛮有兴趣的，阿里的物联网os用的就是他

这个可以有，不过现在空闲时间太少，白天上班，网站都是挤出时间打理的。

昨天才抽空把网站的几个小bug修理了一下。

www220 · 2018-04-23 22:38:18

光总已经适配了rtt，等v3s的lcd驱动起来以后贴图片，好的gui，推荐给更多的人知道

晕哥 · 2018-04-23 22:43:29

www220 说：

光总已经适配了rtt，等v3s的lcd驱动起来以后贴图片，好的gui，推荐给更多的人知道

谢谢, 坐等!

qwert1213131 · 2018-04-24 16:56:33

gui部分多练练lvgl作者提供的example，很容易就可以造了

www220 · 2018-04-24 19:39:51

落雁说：

https://whycan.cn/files/members/15/QQ20180217202912.png
移植到 vnc/rfb 成功, 在ubuntu上模拟顺利，下一步打算移植到 ESP32上面去，用在公司的产品，不打算开源，但是有问必答。
嵌入式系统不需要有显示屏, 只要有网络，电脑就可以连上这个远程虚拟显示屏,
对用户确实挺有吸引力的。

这个想法很棒

alan8918 · 2018-10-23 11:21:43

www220 说：

落雁说：
https://whycan.cn/files/members/15/QQ20180217202912.png
移植到 vnc/rfb 成功, 在ubuntu上模拟顺利，下一步打算移植到 ESP32上面去，用在公司的产品，不打算开源，但是有问必答。
嵌入式系统不需要有显示屏, 只要有网络，电脑就可以连上这个远程虚拟显示屏,
对用户确实挺有吸引力的。
这个想法很棒

支持，搞定了发个效果看看，学习学习

tink · 2019-03-10 11:33:19

mark

mircle · 2019-10-28 18:55:17

请问这个旋转缓冲区数据的函数应该怎么写

晕哥说：

fcode 说：
晕哥说：
控件旋转？还是液晶屏转90度？
液晶屏横屏和竖屏切换这种旋转。
静态旋转容易吧, 写显卡之前，把显示缓冲区的数据通过一个函数，把数据旋转一次即可。
动态旋转，像安卓那样，涉及到控件的自适应，这个比较难。

silong1126 · 2019-11-07 13:22:34

学习了。

0123456789 · 2021-10-14 11:10:20

@晕哥

晕哥你说到

虽然用MSVC编译有难度，但是如果使用 mingw编译基本还是没坑的。

下面我使用Ubuntu14.04LTS的mingw，交叉出windows平台的littlevgl:

1. Ubuntu安装mingw 64位编译: sudo apt-get install mingw-w64

===========

我提问

mingw 好像是一个在WINDOWS运行的软件啊啊？？

为什么你在 Ubuntu安装mingw 64

gerryqd · 2022-03-22 21:41:02

@落雁
请教下大佬，有关基于 RFB 的移植。
官方的例子是基于 Linux Framebuffer 的。
我现在通过 VNC 连接远程机器。远程机器上没有 Framebuffer 设备，无法打开 /dev/fbx 设备。

VNC 是基于 RFB （Remote frame buffer ）的，请问这种情况下，你是如何移植的呢？
麻烦大致说下思路。

多谢了！

gerryqd · 2022-03-22 21:46:50

@落雁
看了你的另外一个帖子，
https://whycan.com/t_758.html
还没研究。第一次知道 RFB
是不是就是基于这个的？

Zona · 2022-12-15 12:44:02

突然发现github的littlevgl找不到了，是发生了什么事情么？
就是这个链接https://github.com/littlevgl/

海石生风 · 2022-12-15 14:08:39

Zona 说：

突然发现github的littlevgl找不到了，是发生了什么事情么？
就是这个链接https://github.com/littlevgl/

成立LVGL组织了 https://github.com/lvgl/lvgl

吴助建 · 2022-12-15 14:14:38

现在用这个： https://github.com/lvgl/lvgl ，最新版本好像是V9.0.0。

阿董 · 2023-10-17 15:53:22

有人知道怎么自己开发一个lvgl编辑器吗

WhyCan Forum(哇酷开发者社区)

楼主 #1 2018-01-12 16:11:11 分享评论

【github项目】给大家介绍一个非常不错的GUI ---- littlevgl

楼主 #2 2018-01-12 16:29:02 分享评论

Re: 【github项目】给大家介绍一个非常不错的GUI ---- littlevgl

楼主 #3 2018-01-13 09:13:21 分享评论

Re: 【github项目】给大家介绍一个非常不错的GUI ---- littlevgl

楼主 #4 2018-01-13 10:32:39 分享评论

Re: 【github项目】给大家介绍一个非常不错的GUI ---- littlevgl

楼主 #5 2018-01-13 20:34:04 分享评论

Re: 【github项目】给大家介绍一个非常不错的GUI ---- littlevgl

楼主 #6 2018-01-14 18:28:31 分享评论

Re: 【github项目】给大家介绍一个非常不错的GUI ---- littlevgl

楼主 #7 2018-01-16 22:20:14 分享评论

Re: 【github项目】给大家介绍一个非常不错的GUI ---- littlevgl

楼主 #8 2018-01-17 08:28:26 分享评论

Re: 【github项目】给大家介绍一个非常不错的GUI ---- littlevgl

#9 2018-01-17 09:52:48 分享评论

Re: 【github项目】给大家介绍一个非常不错的GUI ---- littlevgl

楼主 #10 2018-01-17 10:06:59 分享评论

Re: 【github项目】给大家介绍一个非常不错的GUI ---- littlevgl

#11 2018-01-17 11:41:38 分享评论

Re: 【github项目】给大家介绍一个非常不错的GUI ---- littlevgl

楼主 #12 2018-01-17 20:45:35 分享评论

Re: 【github项目】给大家介绍一个非常不错的GUI ---- littlevgl

#13 2018-01-18 09:30:35 分享评论

Re: 【github项目】给大家介绍一个非常不错的GUI ---- littlevgl

#14 2018-01-18 09:34:25 分享评论

Re: 【github项目】给大家介绍一个非常不错的GUI ---- littlevgl

楼主 #15 2018-01-18 21:48:52 分享评论

Re: 【github项目】给大家介绍一个非常不错的GUI ---- littlevgl

#16 2018-01-31 13:41:46 分享评论

Re: 【github项目】给大家介绍一个非常不错的GUI ---- littlevgl

楼主 #17 2018-01-31 13:49:17 分享评论

Re: 【github项目】给大家介绍一个非常不错的GUI ---- littlevgl

#18 2018-01-31 13:52:56 分享评论

Re: 【github项目】给大家介绍一个非常不错的GUI ---- littlevgl

楼主 #19 2018-01-31 13:56:26 分享评论

Re: 【github项目】给大家介绍一个非常不错的GUI ---- littlevgl

#20 2018-02-10 12:29:27 分享评论

Re: 【github项目】给大家介绍一个非常不错的GUI ---- littlevgl

#21 2018-02-10 13:44:08 分享评论

Re: 【github项目】给大家介绍一个非常不错的GUI ---- littlevgl

#22 2018-02-17 20:32:11 分享评论

Re: 【github项目】给大家介绍一个非常不错的GUI ---- littlevgl

楼主 #23 2018-02-22 10:44:52 分享评论

Re: 【github项目】给大家介绍一个非常不错的GUI ---- littlevgl

楼主 #24 2018-02-22 11:08:57 分享评论

Re: 【github项目】给大家介绍一个非常不错的GUI ---- littlevgl

#25 2018-04-23 19:57:27 分享评论

Re: 【github项目】给大家介绍一个非常不错的GUI ---- littlevgl

楼主 #26 2018-04-23 20:07:13 分享评论

Re: 【github项目】给大家介绍一个非常不错的GUI ---- littlevgl

#27 2018-04-23 22:38:18 分享评论

Re: 【github项目】给大家介绍一个非常不错的GUI ---- littlevgl

楼主 #28 2018-04-23 22:43:29 分享评论

Re: 【github项目】给大家介绍一个非常不错的GUI ---- littlevgl

#29 2018-04-24 16:56:33 分享评论

Re: 【github项目】给大家介绍一个非常不错的GUI ---- littlevgl

#30 2018-04-24 19:39:51 分享评论

Re: 【github项目】给大家介绍一个非常不错的GUI ---- littlevgl

#31 2018-10-23 11:21:43 分享评论

Re: 【github项目】给大家介绍一个非常不错的GUI ---- littlevgl

#32 2019-03-10 11:33:19 分享评论

Re: 【github项目】给大家介绍一个非常不错的GUI ---- littlevgl

#33 2019-10-28 18:55:17 分享评论

Re: 【github项目】给大家介绍一个非常不错的GUI ---- littlevgl

#34 2019-11-07 13:22:34 分享评论

Re: 【github项目】给大家介绍一个非常不错的GUI ---- littlevgl

#35 2021-10-14 11:10:20 分享评论

Re: 【github项目】给大家介绍一个非常不错的GUI ---- littlevgl

#36 2022-03-22 21:41:02 分享评论

Re: 【github项目】给大家介绍一个非常不错的GUI ---- littlevgl

#37 2022-03-22 21:46:50 分享评论

Re: 【github项目】给大家介绍一个非常不错的GUI ---- littlevgl

#38 2022-12-15 12:44:02 分享评论

Re: 【github项目】给大家介绍一个非常不错的GUI ---- littlevgl

#39 2022-12-15 14:08:39 分享评论

Re: 【github项目】给大家介绍一个非常不错的GUI ---- littlevgl

#40 2022-12-15 14:14:38 分享评论