STM32——EMWIN GUIBulider的使用(十一)

EMWIN

前言

我们介绍一个使用 emwin 做界面的时候常使用到的一款“神器”:GUIBulider,使用这款软件就不需要我们自己用 C 语言编写界面了,可以在 GUIBulider 中设计好界面,然后导出 C程序,十分的方便。GUIBulider 是 emwin 官方出的软件,每个版本的 emwin 都有其对应版本的GUIBulider 软件,控件非常齐全,熟练使用 GUIBulider 在使用 emWin 设计 GUI 界面的时候会起到事半功倍的效果。

一、GUIBulider 简介

类似QT的制作界面,原理是一样的

小工具选择栏
该选择栏包含 GUIBulider 所有可用的小工具,只要单击所需小工具上的选择栏或将其拖入
编辑器区域,即可进行添加。
对象树
该区域显示所有当前加载的对话框及其子小工具,只要单击相应条目,即可选择小工具。
小工具属性
它显示每个小工具的属性,并可以用于编辑属性。
编辑器
编辑器窗口显示当前所选的对话框,他可用于放置对话框及其小工具,并调整他们的大小。

二、GUIBulider 使用步骤

1.创建对话框

创建对话框,每个对话框都需要一个有效的父小工具,目前能够做父小工具有两个:Framewin(框架窗口小工具)和 Window(窗口小工具),更多情况下我们都是创建的 Framewin小工具
在这里插入图片描述
在这里插入图片描述

2.设置 Framewin 参数

(1)、Framewin 控件坐标为(0,0),即空间左上角在 LCD 上的坐标为(0,0)。
(2)、控件 X 轴大小为 800,Y 轴大小为 480(注意此处是按照 800480 分辨率来设置的,大家如果使用的其他分辨率的屏请按照自己的屏幕尺寸设置控件大小,不要超过屏幕尺寸就可以。这里设置为 800480,将来显示控件的时候就会全屏显示)。
(3)、设置标题栏高度为 40,标题栏名字设置为“ALIENTEK GUIBulider”,字体设置为
“GUI_FONT_32B_ASCII”,名字的对齐方式为水平和垂直居中,字体为红色。
OK,现在我们就按照上面的参数要求设置Framewin控件,首先设置控件在LCD中的位置,

在这里插入图片描述
在这里插入图片描述
设置标题栏的高度,在控件上点击鼠标右键,会出现很多设置选项,如图 所示,这里我们选择“Set title height”。
在这里插入图片描述
当我们选择完成后就会在 GUIBulider 左下方的小工具属性栏出现“Title height”设置选项, 默认为 14,这里我们修改为 40
在这里插入图片描述
设置标题栏名字,在控件上点击右键并选择“Set title text”,设置标题栏名字为“ALIENTEK GUIBulider
在这里插入图片描述
设置标题栏名字的字体为“GUI_FONT_32B_ASCII”,控件上点击鼠标右键,选择“Set font”,出现如图 所示对话框,选择 GUI_FONT_32B_ASCII。
在这里插入图片描述
设置标题栏名字的颜色为红色,控件上点击鼠标右键选择“Set text color”,选择红色
在这里插入图片描述
设置标题栏名字的对齐方式为水平和垂直居中,鼠标右键选择“Set text aligment”,在出现的对话框中选择自己想要的对齐方式,这里我们选择水平和居中对齐。
设置完成后如图所示
在这里插入图片描述
我们再在 Framewin 中添加一个 Listview 控件,一个 Edit 控件,两个 Button 控件和一个Scrollbar 控件
在这里插入图片描述

三、保存

保存设计,生成C文件,点击 Flie->Save,出现提示对话框,点击“确定”,这样在GUIBulider
所在的文件夹下就会有一个.C 文件生成
在这里插入图片描述

将代码下载到开发板上,可以看到下面的现象
在这里插入图片描述
字体显示红色被我注释了,所以显示的白色。

猜你喜欢

转载自blog.csdn.net/qq_51963216/article/details/124027599