0
  • 聊天消息
  • 系统消息
  • 评论与回复
登录后你可以
  • 下载海量资料
  • 学习在线课程
  • 观看技术视频
  • 写文章/发帖/加入社区
创作中心

完善资料让更多小伙伴认识你,还能领取20积分哦,立即完善>

3天内不再提示

LVGL结合RT-thread快速开发出漂亮GUI的利器GUI-Guider

冬至子 来源:Jayson_RT 作者:Jayson_RT 2023-11-14 12:38 次阅读

GUI-Guider是一种功能强大的软件,它为用户提供了一种简单直观的方式来创建和设计图形用户界面(GUI)。它的主要优势在于它的易用性和灵活性,让用户能够快速而高效地创建出令人印象深刻的界面。

首先,GUI-Guider具有直观友好的用户界面,使得即便对于没有编程经验的用户也可以轻松上手。该软件提供了丰富的可视化工具和组件库,用户可以直接拖拽和放置这些组件来构建界面,无需编写复杂的代码。这大大减少了学习曲线,让用户能够迅速实现自己的创意

其次,GUI-Guider具有丰富的定制选项,用户可以根据自己的需求来调整界面的外观和功能。软件提供了多种样式和主题,用户可以自由选择并进行个性化定制。此外,用户还可以通过设置事件触发器和动画效果来增加界面的交互性,使得用户体验更加丰富。

另外,GUI-Guider还支持多平台的开发,用户可以轻松地在不同的操作系统上进行应用程序的创建和部署。无论是Windows、Mac还是Linux,都可以无缝地使用GUI-Guider进行开发。这种跨平台的特性使得开发者能够更广泛地为不同用户提供服务。

在使用GUI-Guider时,以下是一些基本步骤和方法:

下载和安装GUI-Guider软件。你可以从官方网站或其他可信渠道获取安装文件,并按照提示进行安装。

打开软件后,你将看到一个用户友好的界面。你可以开始创建新项目或打开现有项目。

在项目中,你可以看到一个组件库,里面包含了各种常见的GUI元素,如按钮、文本框、标签等。你可以通过拖拽和放置这些组件来设计你的界面。

随后,你可以对每个组件进行属性设置。这包括调整大小、颜色、字体等。你还可以设置组件之间的布局和相对位置。

在界面设计好后,你可以进一步增加交互性。通过设置事件触发器,你可以让按钮点击时触发相应的操作,如打开新窗口、跳转页面等。

最后,你可以预览和测试你的界面。GUI-Guider提供了实时预览功能,你可以随时查看你的界面在不同分辨率和设备上的效果。

这里我简单演示一下做一个登录UI界面:

首先新建一个工程,我们选择模拟器,设置界面分辨率:480*272,如下图:

1.jpg

当然他里面也有很多漂亮的模板可以直接用,如下图:

1.jpg

然后界面编辑界面,就和很多UI设计类似了,包括组件,属性,代码,预览窗口全都有,如下图:

1.jpg

然后就是自己添加组件了,我做了一个简单的登录界面,如下图:

1.jpg

设计完成后,直接点击导出rt-thread工程,如下图:

1.jpg

导出后复制生成的文件夹“custom”和“generated”到rt-thread工程目录中,然后修改lvgl入口函数lvgl_thread_entry,如下图:

1.jpg

另外添加一下头文件目录基本就可以编译下载了,最后在附上模拟器运行图片和在设备运行图片,如下图:

1.jpg

2.jpg

总的来说,GUI-Guider是一款功能强大又易用的软件,它为用户提供了创建和设计GUI界面的简便方法。通过其直观的用户界面和丰富的定制选项,用户可以轻松地构建出令人印象深刻的界面。同时,跨平台的支持使得开发者可以更广泛地为不同用户提供服务。无论是新手还是经验丰富的开发者,都可以从GUI-Guider中受益。

声明:本文内容及配图由入驻作者撰写或者入驻合作网站授权转载。文章观点仅代表作者本人,不代表电子发烧友网立场。文章及其配图仅供工程师学习之用,如有内容侵权或者其他违规问题,请联系本站处理。 举报投诉
  • 触发器
    +关注

    关注

    14

    文章

    1681

    浏览量

    60406
  • 模拟器
    +关注

    关注

    2

    文章

    817

    浏览量

    42698
  • GUI
    GUI
    +关注

    关注

    3

    文章

    611

    浏览量

    38793
  • RT-Thread
    +关注

    关注

    31

    文章

    1149

    浏览量

    38892
  • LVGL
    +关注

    关注

    0

    文章

    75

    浏览量

    2404
收藏 人收藏

    评论

    相关推荐

    RT-Thread NUC97x 移植 LVGL

    不涉及 rt-thread 驱动,但是它是 LVGLrt-thread 的接口。LVGLrt-thread 上运行的基石。
    发表于 07-08 09:37 1287次阅读

    使用GUI Guider工具开发嵌入式GUI应用(2)

    GUI Guider本质上是一个方便嵌入式开发者基于LVGL开发GUI应用的源码生成器工具,其作
    的头像 发表于 08-16 14:36 2162次阅读
    使用<b class='flag-5'>GUI</b> <b class='flag-5'>Guider</b>工具<b class='flag-5'>开发</b>嵌入式<b class='flag-5'>GUI</b>应用(2)

    使用GUI Guider工具开发嵌入式GUI应用(3)

    本节讲述在GUI Guider中,应用各种UI的基本元素,并顺利部署到MCU的过程。在GUI Guider中使用各LVGL的组件时,将会涉及
    的头像 发表于 08-16 14:39 1533次阅读
    使用<b class='flag-5'>GUI</b> <b class='flag-5'>Guider</b>工具<b class='flag-5'>开发</b>嵌入式<b class='flag-5'>GUI</b>应用(3)

    RT-Thread/GUI 0.3.0 beta

    RT-Thread/GUI是国内主导开发的实时线程操作系统(RT-Thread)中的图形界面组件,它是和RT-Thread相配套的组件,目前
    发表于 11-29 14:48

    请问rt-thread/gui的界面图片显示如何下手

    近日都在忙着看rt-thread/gui的东西,以前从没有学习实践过任何GUI方面的知识,甚至是裸机程序都没写过,一下子要开始操作系统的GUI,感觉难度很大! 过来请教高手问题:我
    发表于 01-10 09:58

    在基于PC的RT-Thread模拟器上搭建LVGL图形库

    前言RT-Thread 当前的版本:4.1.0,通过简单的配置就可以支持最新的LVGL图形库,LVGL图形库以软件包的方式加入工程LVGL 可以认为是当前开源、免费的优秀
    发表于 06-13 11:03

    新版RT-Thread GUI Engine在哪?RT-Thread GUI Engine找不到

    新版RT-Thread GUI Engine在哪?RT-Thread GUI Engine找不到
    发表于 10-21 10:19

    如何使用Gui Guider在imxrt1176 evk上绘制一个小lvgl列表?

    我正在使用 Gui Guider 在 imxrt1176 evk 上绘制一个小 lvgl 列表。当通过 Gui Guider 在 EVK 上
    发表于 03-27 06:44

    GUI-GUIDER中,垂平均分配和水平均分配怎么用?

    GUI-GUIDER中,垂平均分配和水平均分配怎么用?
    发表于 06-08 09:30

    2022 RT-Thread全球技术大会:RT-Thread软件包

    RT-Thread在2022年上半年新增几十个软件包:rtt-rust、LuatOS、gui-guider-demo。
    的头像 发表于 05-27 14:12 852次阅读
    2022 <b class='flag-5'>RT-Thread</b>全球技术大会:<b class='flag-5'>RT-Thread</b>软件包

    免费的GUI Guider又出新版本!看看它为嵌入式图形开发,带来哪些新玩法~

    GUI Guider是恩智浦推出的一款用户友好的嵌入式图形应用开发工具。它使用开源LVGL图形库作为底层图形引擎,提供可视化所见即所得的拖放UI编辑器,能够
    的头像 发表于 11-25 08:15 5902次阅读

    GUI-Guider生成工程移植MCU

    GUI Guider 是恩智浦为 LVGL 开发了一个上位机GUI 设计工具,可以通过拖放控件的方式设计
    发表于 02-22 16:18 0次下载

    GUI Guider v1.5.0正式发布!它为嵌入式图形开发又带来哪些新功能,一起来探索吧~

    GUI Guider是恩智浦研发的一款用户友好、跨平台、支持多语言的嵌入式图形应用开发工具。它是基于开源的LVGL图形库,提供可视化所见即所得的拖放UI设计器,能够
    的头像 发表于 02-24 08:10 2622次阅读

    GUI Guider v1.6.0正式发布:更多嵌入式HMI开发新功能,等你来探索!

    设计器,能够快速轻松地为嵌入式应用程序开发漂亮、高性能的人机交互图形应用。 新版本的GUI Guider扩展到支持恩智浦的应用处理器。现在
    的头像 发表于 08-04 08:05 1212次阅读

    GUI Guider新版本发布,嵌入式GUI开发体验升级

    、大小转换和帧率转换。  下载GUI Guider v1.7.1 GUI Guider是恩智浦研发的一款用户友好、跨平台、支持多语言的嵌入式人机交互应用
    发表于 03-29 09:47 368次阅读
    <b class='flag-5'>GUI</b> <b class='flag-5'>Guider</b>新版本发布,嵌入式<b class='flag-5'>GUI</b><b class='flag-5'>开发</b>体验升级