最新教程下載：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 初學者重要提示
- 養成好習慣，必須配置為每個控件配置ID。
- 本章節主要為大家講解如何使用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工程配置
創建完畢后會彈出如下界面，這里依次將這個界面里的所有功能為大家做個說明：
1、用於設置GUIX Studio生成文件的存放路徑
- Source Files
用於存放源文件。
- Header Files
用於存放頭文件。
- Resource Files
用於存放資源文件。
大家可以根據需要，選擇是否使用，一般情況下，我們不使用這三個選項。
2、當前支持的選項如下：
Generic表示通用系列。
Renesas RZ 表示瑞薩RZ系列。
Renesas Synergy表示瑞薩Synergy系列。
ST ChromeArt表示ST支持Chrome Art加速的系列，即支持DMA2D。
用於STM32的話，支持DMA2D的選擇ST ChromeArt，不支持的選擇Generic。
注：當前這個版本6.0.2選擇ST ChromeArt和Generic生成的代碼是沒區別的。
3、當前僅瑞薩的Synergy系列支持這個選項的配置
實現了硬件JPEG解碼。STM32H7系列也支持硬件JPEG解碼，但是當前的GUIX Studio版本V6.0.2還沒有做支持。
4、當前支持的選項如下：
Generic表示通用工具鏈。
GNU表示使用GCC.
IAR表示使用IAR平台。
實際測試這幾個工具鏈生成的代碼基本沒區別，推薦大家不管用於那個平台，直接選擇Generic即可。
5、勾上表示使用大端格式，一般我們都是用的小端，所以這里不用管。
6、表示在生成的源代碼里面插入的頭文件，比如我們這里填入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"
7、表示使能的顯示屏個數，配置為1表示1個顯示屏，配置為2表示兩個顯示屏，依次類推。每個顯示屏都可以單獨配置，獨立的，互不影響。
8、用於設置使用的GUIX庫版本，推薦GUIX Studio使用的那個版本，這里設置為多少。比如我們這里使用的6.0.2，這里設置為6.0.2即可。
9、需要配置那個顯示屏，這里就設置Display Number為多少即可 ，范圍是由前面的Number of Displays決定，比如Number of Displays設置為2，表示支持兩個顯示屏配置，這里設置Display Number為1就表示配置第1個顯示屏，設置為2就表示配置第2個顯示屏。下面的這些選項，每個顯示屏都可以獨立配置：
Name配置顯示屏名，推薦使用默認名即可。
10、用於設置顯示屏的分辨率，單位像素。
11、用於設置顏色深度，即1個像素點的顏色值由幾個bit組成，比如16bpp就是每個顏色值由兩個字節實現。32bpp表示每個顏色值由4個字節實現。
12、這幾個選項，當前都還用不上
- Grayscale
灰度設置，當前版本V6.0.2沒有開放這個功能，1bpp和4bpp默認已經選上，且不可更改。
- Invert polarity
僅供1bpp顏色格式使用，可以實現反顯功能，即白底黑字或者黑字白底。
- Reverse byte order
當前版本V6.0.2僅供16bpp顏色格式使用，可以實現高低字節順序調節。
- packed format
當前版本V6.0.2沒有開放這個功能。
- rotated orientation
用於顯示方向旋轉。
13、供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。
14、如果勾上這個復選框表示canvas畫布緩沖使用的靜態分配方式，即一個非常大的全局數組，如果不勾選，我們可以在程序里面使用動態內存進行分配，推薦不勾選。
15、僅供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簡易界面創建方法，大家可以按照本章節提供的創建方法，自行創建一次，加深理解，爭取熟練運用。