【STM32H7】第11章 GUIX Studio的使用方法

最新教程下载：http://www.armbbs.cn/forum.php?mod=viewthread&tid=98429

第11章       GUIX Studio的使用方法

本章节将为你们讲解GUIX Studio的使用方法。

11.1初学者重要提示

11.2 GUIX Studio的使用步骤

11.3实验例程

11.4 总结

 

 

11.1 初学者重要提示

1.   养成好习惯，必须配置为每一个控件配置ID。
2.   本章节主要为你们讲解如何使用GUIX Studio，后面章节会为你们深刻讲解每一个控件。

11.2 GUIX Studio的使用步骤

若是有新版GUIX Studio，推荐你们使用最新的版本。

11.2.1        第1步：GUIX Studio工程建立

建立一个GUIX Studio的工程文件夹，名字不要有中文。方便起见，直接将其建立到桌面：

 

而后打开GUIX Studio，效果以下：

 

也能够点击左上角菜单Project -> New Project。建立界面以下：

 

注意三点：

•   工程名guiapp，咱们后面要用到硬件平台时要用到。
•   工程路径就是咱们前面建立的GUIX Studio Test。
•   设置完毕记得保存。

 

11.2.2        第2步：GUIX Studio工程配置

建立完毕后会弹出以下界面，这里依次将这个界面里的全部功能为你们作个说明：

 

一、用于设置GUIX Studio生成文件的存放路径

•   Source Files

用于存放源文件。

•   Header Files

用于存放头文件。

•   Resource Files

用于存放资源文件。

你们能够根据须要，选择是否使用，通常状况下，咱们不使用这三个选项。

二、当前支持的选项以下：

 

Generic表示通用系列。

Renesas RZ 表示瑞萨RZ系列。

Renesas Synergy表示瑞萨Synergy系列。

ST ChromeArt表示ST支持Chrome Art加速的系列，即支持DMA2D。

用于STM32的话，支持DMA2D的选择ST ChromeArt，不支持的选择Generic。

注：当前这个版本6.0.2选择ST ChromeArt和Generic生成的代码是没区别的。

三、当前仅瑞萨的Synergy系列支持这个选项的配置

 

实现了硬件JPEG解码。STM32H7系列也支持硬件JPEG解码，可是当前的GUIX Studio版本V6.0.2尚未作支持。

四、当前支持的选项以下：

 

Generic表示通用工具链。

GNU表示使用GCC.

IAR表示使用IAR平台。

实际测试这几个工具链生成的代码基本没区别，推荐你们无论用于那个平台，直接选择Generic便可。

五、勾上表示使用大端格式，通常咱们都是用的小端，因此这里不用管。

六、表示在生成的源代码里面插入的头文件，好比咱们这里填入bsp.h，那么生成代码的头文件就是相似下面这样：

#include <stddef.h>
#include "guiapp_resources.h"
#include "guiapp_specifications.h"
#include "bsp.h"

若是勾选了Insert before，表示头文件添加到其它头文件前面：

#include "bsp.h"
#include <stddef.h>
#include "guiapp_resources.h"
#include "guiapp_specifications.h"

七、表示使能的显示屏个数，配置为1表示1个显示屏，配置为2表示两个显示屏，依次类推。每一个显示屏均可以单独配置，独立的，互不影响。

八、用于设置使用的GUIX库版本，推荐GUIX Studio使用的那个版本，这里设置为多少。好比咱们这里使用的6.0.2，这里设置为6.0.2便可。

九、须要配置那个显示屏，这里就设置Display Number为多少便可 ，范围是由前面的Number of Displays决定，好比Number of Displays设置为2，表示支持两个显示屏配置，这里设置Display Number为1就表示配置第1个显示屏，设置为2就表示配置第2个显示屏。下面的这些选项，每一个显示屏均可以独立配置：

 

Name配置显示屏名，推荐使用默认名便可。

十、用于设置显示屏的分辨率，单位像素。

十一、用于设置颜色深度，即1个像素点的颜色值由几个bit组成，好比16bpp就是每一个颜色值由两个字节实现。32bpp表示每一个颜色值由4个字节实现。

十二、这几个选项，当前都还用不上

•   Grayscale

灰度设置，当前版本V6.0.2没有开放这个功能，1bpp和4bpp默认已经选上，且不可更改。

•   Invert polarity

仅供1bpp颜色格式使用，能够实现反显功能，即白底黑字或者黑字白底。

•   Reverse byte order

当前版本V6.0.2仅供16bpp颜色格式使用，能够实现高低字节顺序调节。

•   packed format

当前版本V6.0.2没有开放这个功能。

•   rotated orientation

用于显示方向旋转。

1三、供8bpp和16bpp颜色格式使用

•   1:5:5:5 表示ARGB1555，Alpha通道1个bit，R通道5个bit，G通道5个bit，B通道5个bit，共16个bit。
•   4:4:4:4表示ARGB4444，Alpha通道4个bit，R通道4个bit，G通道4个bit，B通道4个bit，共16个bit。
•   3:3:2表示RGB332，R通道3个bit，G通道3个bit，B通道2个bit，共8个bit。

1四、若是勾上这个复选框表示canvas画布缓冲使用的静态分配方式，即一个很是大的全局数组，若是不勾选，咱们能够在程序里面使用动态内存进行分配，推荐不勾选。

1五、仅供8bpp颜色深度使用，表示调色板模式下，抗锯齿文本的颜色数量。

 

了解了这些配置选择后，再设置就比较容易理解了，当前咱们这里配置一个800*480分辨率大小界面，采用RGB565颜色格式，具体配置以下：

 

配置完后后，记得点击Save，以后会弹出以下对话框：

 

点击OK便可。总体效果以下，默认带了一个Window控件。

 

若是你们还想回过头来从新配置，点击左上角菜单Configure -> Project/Displays会弹出前面的配置项，你们能够从新作配置。

11.2.3        第3步：GUIX Studio配置Window窗口

主要配置两个地方，设置ID并使能Visible At Startup。鼠标左击就能够选中Window，在左下角的Properties View里面就能够配置选中Window的属性：

 

•   Widget ID

Window控件ID设置。

•   Visible At Startup

用于设置GUIX启动时首先展现的界面，因为咱们这里仅建立一个窗口作展现，因此直接将其勾上。注：使用GUIX，务必要勾选一个窗口作启动窗口。

11.2.4        第4步：添加Text文本控件并配置

GUIX Studio添加新的控件，能够左上角菜单添加，点击Insert –> Text：

 

咱们这里选择Text里面的Prompt控件进行添加，加到Window上的界面效果以下：

 

鼠标左击选中prompt控件，在左下角的Properties View里面就能够配置选中的prompt控件属性：

 

•   Widget ID

Prompt控件ID。

•   Border

边界设置，咱们这里设置No Border，即无边界。

•   Transparent

透明设置，勾上表示使能透明。

•   String ID

这个选项无需用户去管理。

•   Text

用于设置Prompt的显示内容，用户设置后，String ID会自动递增（设置完毕后，鼠标点击别的地方或者键盘回车就能够当即看到效果了）。

•   Selected Text Color
•   Disabled Text Color

设置选择后和禁止后的颜色，这里咱们都设置为TEXT，即黑色。注意TEXT是个颜色值，只是起了名字叫TEXT。GUIX Sudio右侧窗口的Colors栏，你们能够看到默认的颜色，固然，你们也能够添加新的颜色值，经过末尾的Add New Color添加，后面章节再为你们详细说明：

 

配置完毕后，能够看到Promp控件的显示的内容不全：

 

鼠标左击选中Prompt控件，而后就能够调节虚线框的大小，也能够调节控件位置，其中虚线框就是控件大小。适当调节后的总体效果以下：

 

11.2.5        第5步：添加Button按钮控件并配置

按钮控件也能够经过GUIX Studio左上角菜单添加，点击Insert –>Button。这里咱们换一种方法，直接右击Window控件，添加文本按钮Text Button。

 

添加后的默认效果以下：

 

鼠标左击选中Text Button控件，在左下角的Properties View里面就能够配置选中Text Button的属性：

 

•   Widget Id

Text Button控件ID。

•   Text

用于设置Text Button的显示内容，用户设置后，String ID会自动递增。

 

配置完毕后，鼠标左击选中Text Button控件，而后就能够调节虚线框的大小，也能够调节控件位置，其中虚线框就是控件大小。适当调节后的总体效果以下：

 

11.2.6        第6步：设置Screen Flow

这步比较关键，必定要配置了Screen Flow后，GUIX Studio才能够查看界面运行效果。点击左上角菜单Configure->Screen Flow，弹出以下界面：

 

这个配置比较重要，各个窗口的触发事件和窗口之间的切换，都是经过此界面进行设置。咱们当前的界面比较简单，点击右上角的Run按钮便可，点击后就能够看到运行效果了：

 

你们能够点击按钮看看界面是否正常，以后能够关闭新弹出的运行效果窗口。关闭后，切记要点右下角的save按钮，切记不可忘了！

11.2.7        第7步：运行GUIX Studio

完成前面几个步骤后，咱们就能够直接点击这里的按钮查看运行效果了：

 

总体运行效果以下：

 

11.3 实验例程

本章节配套例程以下：

•   V7-2010_GUIX Studio Base

GUIX Studio工程模板，设计界面后，生成的文件可直接添加到MDK，IAR和GCC软件平台使用。

11.4 总结

本章节讲解了GUIX Studio简易界面建立方法，你们能够按照本章节提供的建立方法，自行建立一次，加深理解，争取熟练运用。