发 帖  
原厂入驻New

[经验] 如何使用GUI Builde在Nuvoton的M480开发板创建UI?

2019-9-12 09:05:05  201 emWin GUI 应用程序
分享
0
emWin是德国SEGGER公司开发的一个嵌入式GUI图形库,GUI图形库的概念就好像它是一个平台,我们只需要在这个平台上通过其提供的方法写自己的用户界面应用程序就行,非常简单,便捷。如果没有这个GUI图形库,我们的应用程序还需要考虑按键,编辑框,下拉菜单等控件的绘制,以及控件的各种功能的实现,还需要管理各个控件,窗口,页面它们之间的关系,还需要做触摸屏/鼠标/键盘的管理等等;如果使用了emWin,这些事情都是由emWin去处理,所有的功能基本上式通过调用API函数完成。

相关经验

cheng8416 2019-9-12 14:52:41
2.emWin资源需求
‒ RAM 2‐6 KByte (根据使用窗口的多少决定)
‒ 栈1200‐1800Byte(根据实际功能决定)
‒ Flash 30‐60Kb(根据实际功能决定)
‒ 字体库会占用较多的空间,所以一般嵌入式应用会根据需要自定义字体库M480的RAM达到了160K所以完全够用。实际上Nuvoton的M480可以支持到的LCD的规格480x272,最大4.3寸屏。

3.M480 emWin 介绍
M480 的BSP包中已将emWin 编辑成库整合到工程当中,软件架构如下。在BSP包中除了demo code 外,还存放了文档和工具,下面会具体工具结合实例演示如何使用。


回复

举报

xuanxuan19 2019-9-12 14:53:02
4.在M480的emWin开发板上实现UI显示
要实现在M480的emWin开发板上显示UI,会使用到GUI Builder软件,GUI Builder工具是emWin官方软件,使用这款软件就不需要我们自己用C语言编写界面了,可以在GUI Builder中设计好界面,然后导出C程序,十分方便。硬件工具是Nuvoton的M487 Advance开发板,可以在新唐天猫旗舰店购买工具路径:M480_BSP_CMSIS_V3.03.000\ThirdParty\emWin\Tool制作如下一个操作界面。


操作步骤:
(1) 打开GUI_Builder

(2)创建Frame Window,点击”FrameWin”,编辑FrameWin 大小

(3) 设定字体大小,文本对齐方式,标题名称

(4)创建按钮

(5)创建显示文本和编辑框

所有的控件都可以拖动来改变位置,设定字体和标题等属性,完成后保存将生成一个FramewinDLG.c文件,里面就是所做界面的代码,生成的代码可分为3个部分:
                                                       控件ID,每一个控件都有一个ID,用于操作

                                                                                 
   控件结构体数组:

    控件回调函数:

  页面创建函数:

将GUI_Builder生成的文件添加到工程中,并在回调函数中给对应的控件添加上功能即可实现。
回复

举报

yahan52 2019-9-12 14:53:05
SampleCode 主要代码如下:
系统初始化然后调用MainTask


初始化GUI,创建页面

在回调函数中实现四个按键的功能

这样就完成了一个简单的UI显示。
回复

举报

只有小组成员才能发言,加入小组>>

8个成员聚集在这个小组

加入小组

创建小组步骤

关闭

站长推荐 上一条 /10 下一条

快速回复 返回顶部 返回列表