開(kāi)源GUI STemWin在小熊派上的移植

現(xiàn)在市面上有很多成熟的GUI，對(duì)STemWin也是聞名許久了，今天我們就帶大家來(lái)在小熊派上移植開(kāi)源GUI STemWin。

廢話不多說(shuō)，先上效果圖：

該Demo用GUIBuilder工具畫(huà)了一個(gè)Listview的控件以及三個(gè)Text控件以及一個(gè)Image控件，最后保存生成代碼拷貝到Keil MDK后編譯下載到小熊派上運(yùn)行。

1、STemWin簡(jiǎn)介

STemWin是SEGGER公司授權(quán)給意法半導(dǎo)體(ST)公司，使用ST芯片的用戶可免費(fèi)使用STemWin，關(guān)于STemWin的顯示效果，有興趣的可自行百度搜索查看。

1.1 下載并熟悉官網(wǎng)最新版本的STemWin

解壓后得到以下目錄，移植STemWin最主要關(guān)心的是Libraies目錄下的與STemWin相關(guān)的庫(kù)文件，其它的多數(shù)是ST官網(wǎng)的一些Demo例程，暫時(shí)用不著，如下圖所示：

簡(jiǎn)單介紹下以下幾個(gè)目錄：

2、小熊派移植STemWin

2.1 移植STemWin到小熊派

2.1.1 添加STemWin軟件包到帶LCD的基礎(chǔ)工程

首先需要一個(gè)源碼工程，這個(gè)直接從小熊派源碼包拿就行了，不需要重新去寫(xiě)，我們本次移植的是不帶操作系統(tǒng)的。

解壓，然后在工程目錄下創(chuàng)建兩個(gè)和STemWin相關(guān)的目錄：

將1.1下載的STemWin軟件包整個(gè)拷貝到STemWin這個(gè)目錄下。

2.1.2 添加STemWin相關(guān)庫(kù)及文件到Keil MDK

這個(gè)app.c用來(lái)存放GUIBuilder軟件生成的代碼，最后通過(guò)調(diào)用STemWin的CreateWindow函數(shù)來(lái)展示界面。

2.1.3?修改STemWin所需要的內(nèi)存空間

位于GUIConf.c文件：

#define GUI_NUMBYTES (16*1024)//0x200000 //設(shè)置EMWIN內(nèi)存大小
注意：如果該參數(shù)設(shè)置太大的話Keil會(huì)報(bào)空間不夠的錯(cuò)誤，這里我們根據(jù)需求，將其設(shè)置為16*1024即可，它分配的其實(shí)是一塊靜態(tài)連續(xù)的內(nèi)存空間：

2.1.4?配置LCD及STemWin相關(guān)

位于LCDConf_FlexColor_Template.c文件:

在這個(gè)文件中，我們需要包含LCD驅(qū)動(dòng)文件，小熊派已經(jīng)實(shí)現(xiàn)好了，我們直接拿過(guò)來(lái)用就行了。

#inlcude "lcd.h"
注意lcd.h中并沒(méi)有寫(xiě)命令和寫(xiě)數(shù)據(jù)的函數(shù)聲明，這里我們需要將lcd.c修改一下，然后在lcd.h導(dǎo)出這兩個(gè)函數(shù)，才能給LCDConf_FlexColor_Template.c使用。

(1)修改LCD顯示分辨率

//更改顯示分辨率
#define XSIZE_PHYS 240 // To be adapted to x-screen size
#define YSIZE_PHYS 240 // To be adapted to y-screen size


(2)實(shí)現(xiàn)寫(xiě)指令、寫(xiě)數(shù)據(jù)、寫(xiě)多個(gè)數(shù)據(jù)、讀多個(gè)數(shù)據(jù)接口

注意，官方給的模板默認(rèn)是一次2個(gè)字節(jié)的寫(xiě)入，而小熊派LCD是SPI OLED(ST7789)，實(shí)現(xiàn)的接口是一次只寫(xiě)1個(gè)字節(jié)的數(shù)據(jù)，所以我們要將接口改成1個(gè)字節(jié)的寫(xiě)入，否則顯示會(huì)有問(wèn)題。?

/********************************************************************
*
* LcdWriteReg 寫(xiě)寄存器
*
* Function description:
* Sets display register
*/
static void LcdWriteReg(U8 Data)
{
// ... TBD by user
LCD_Write_Cmd(Data);
}

/********************************************************************
*
* LcdWriteData 寫(xiě)數(shù)據(jù)
*
* Function description:
* Writes a value to a display register
*/
static void LcdWriteData(U8 Data)
{
// ... TBD by user
LCD_Write_Data(Data);
}

/********************************************************************
*
* LcdWriteDataMultiple 寫(xiě)多個(gè)數(shù)據(jù)
*
* Function description:
* Writes multiple values to a display register.
*/
static void LcdWriteDataMultiple(U8 * pData, int NumItems)
{
while (NumItems--)
{
// ... TBD by user
LCD_Write_Data(*pData );
}
}

/********************************************************************
*
* LcdReadDataMultiple 讀多個(gè)點(diǎn)
*
* Function description:
* Reads multiple values from a display register.
*/
static void LcdReadDataMultiple(U8 * pData, int NumItems)
{
while (NumItems--)
{
// ... TBD by user
//沒(méi)有讀點(diǎn)函數(shù)，留空
}
}

(3)修改LCD_X_Config函數(shù)

void LCD_X_Config(void)
{
GUI_DEVICE * pDevice;
CONFIG_FLEXCOLOR Config = {0};
GUI_PORT_API PortAPI = {0};
// Set display driver and color conversion
pDevice = GUI_DEVICE_CreateAndLink(GUIDRV_FLEXCOLOR, GUICC_M565, 0, 0);
// Display driver configuration, required for Lin-driver
LCD_SetSizeEx (0, XSIZE_PHYS, YSIZE_PHYS);
LCD_SetVSizeEx(0, VXSIZE_PHYS, VYSIZE_PHYS);
// Orientation
//Config.Orientation = GUI_SWAP_XY | GUI_MIRROR_Y;
Config.Orientation = 0 ;
Config.NumDummyReads = 2;
GUIDRV_FlexColor_Config(pDevice,