【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簡易界面建立方法，你們能夠按照本章節提供的建立方法，自行建立一次，加深理解，爭取熟練運用。