emwin 工具合集

mwin GUI 工具，包括GUIBuilder.exe Bin2C.exe emWinView.exe FontCvtDemo.exe，emWin提供包括獨特的字體轉換器、Unicode 語言支持，色彩管理及圖形分層在內的廣泛的圖形功能，且與單任務環境、多任務環境，專有的操作系統或任何商業用的RTOS兼容，能適應任何大小的顯示!

emWin圖形庫由德國SEGGER公司開發，可為圖形LCD設計提供高級支持，極大簡化了LCD設計并縮短上市時間。

emWin介紹：

emWin圖形用戶界面，用 emWin 開發軟件時無需目標系統；大多數軟件都可使用模擬器進行開發。當然，最終目的通常是能在目標系統上運行軟件。

emWin 設計用于提供高效且獨立于處理器和顯示控制器的圖形用戶界面(提供不依賴處理器與控制器的用戶接口)，用于任何使用圖形顯示進行操作的應用。它與單任務和多任務環境、專用操作系統或具有任何商業 RTOS 兼容，emWin 的發貨形式為 C 語言源代碼。它可適用于任何尺寸的、具有任何顯示控制器和 CPU 的物理和虛擬顯示器。

一般特性：

支持使用任何控制器的任何 （單色、灰度或彩色）顯示器 （如果有正確的驅動）【只要有正確驅動，支持任何帶控制器的顯示器】

在較小顯示器上無顯示控制器也可運行。

使用配置宏可支持任何接口。

顯示尺寸可配置。

可在顯示器上的任何點 （而不僅僅是在偶數位字節地址）上寫入字符和位圖。

已針對尺寸和速度優化了各種例程。

利用編譯時間切換可進行不同優化。

對于較慢的顯示控制器，可在存儲器中緩存顯示，將存取操作減到最少，從而獲得非常高的速度。

結構清晰。

支持虛擬顯示；虛擬顯示可大于實際顯示。

圖形庫

支持不同色深的位圖。

可使用位圖轉換器。

絕對無浮點使用。

快速線 / 點繪制 （不使用浮點）。

圓形 / 多邊形繪制非?？焖?。

不同的繪圖模式

字體

基本軟件配備多種不同的字體：4*6、6*8、6*9、8*8、8*9、8*16、8*17、8*18、24*32 以及像素高度為 8、 10、 13、 16 的比例字體。有關詳細信息，請參閱字體一章。

可以定義新的字體并只需簡單鏈接。

只有應用程序使用的字體才實際鏈接到生成的可執行程序，從而使 ROM 使用最小。

字體可分別在 X 和 Y 方向完全縮放。

可使用字體轉換器；主機系統 （即 Microsoft Windows）上有的任何字體都可以轉換。

字符串 / 值輸出例程

例程可以十進制、二進制、十六進制、任何字體形式顯示值。

例程可以十進制、二進制、十六進制、任何字體形式編輯值。

窗口管理器 (WM)

完整的窗口管理操作，包括裁剪。窗口的客戶區以外的區域不可能被覆蓋。

窗口可以移動和調整大小。

支持回調例程 （可選擇是否使用）。

WM 使用最小的 RAM （每個窗口大約 50 字節）。

PC 界面外觀的可選小工具

提供各種小工具 （窗口對象，也稱為控件）。它們通常自動操作并且簡單易用。

支持觸摸屏和鼠標

對于按鈕小工具等窗口對象， emWin 提供觸摸屏和鼠標支持。

PC 工具

模擬脈沖查看器。

位圖轉換器。

字體轉換器。

屏幕由許多可以單獨控制的點組成，這些點稱為像素。emWin 在其 API 中提供給用戶程序的絕大部分文本和繪圖功能，都可在任何指定的像素上進行書寫或繪制。水平尺度稱為 X 軸，而垂直尺度稱為 Y 軸。坐標定義為一對由 X 和 Y 值組成的值 (X, Y)。在需要 X 和Y 坐標的例程中 X 坐標始終在前。顯示屏（或窗口）左上角的坐標默認為 (0,0)。正的 X 值始終向右，正的 Y 值始終向下。上圖說明了坐標系以及 X 和 Y 軸的方向。傳遞給 API 函數的所有坐標始終以像素為單位指定。

數據類型

由于 C 語言不提供在其他所有平臺上都相同的固定長度的數據類型，因此大多數情況下，emWin 使用自己的數據類型

emWin - 漢字字庫生成及顯示：

使用了emWin之后，除了畫圖形或bmp之外，另外一個大頭就是顯示字符了。字符包括ASCII碼，當然最重要的就是漢字顯示了。

這里就介紹如何生成自定義的漢字字庫，以及如何顯示在TFT屏幕上。

硬件準備：GG DK3750或支持emWin的設備

軟件準備: GG DK3750 -> Example -> guidemo, FontCvt.exe, U2C.exe

1. 打開Simplicity Studio目錄下的reptile\emwin\exe文件夾，安裝SetupFontCvt_V516.exe。

2. 安裝完畢之后，雙擊打開Font converter for emWin, 點擊File - > New，在彈出來的窗口中，選擇Standard, Encoding 選擇16 Bit UNICODE。點擊OK。

3. 在字體窗口，選擇合適的字體，這里選擇常用的宋體。字形選擇常規，大小一般選擇16。最常用的漢字大小就是16*16像素的。

4. 默認生成的字庫，是包含所有UNICODE字符的字庫，那個可是很大的。記得應該是差不多800KB字節吧。這里先使用一些技巧，只產生我們需要的漢字的字庫以及ASCII碼的字庫。

5. 點擊Edit -> Disable all characters。 失能所有的字符.

6. 因為要顯示英文，因此點擊Edit -> Enable range of characters, 在彈出來的窗口中，選擇范圍0 ~ 7F。

7. 使用網絡工具，查詢需要的字符的UINCODE地址，然后右鍵，選擇Toggle characters。

8. 用網絡工具，查詢如下的字串 "挪威能微公司上海辦事處"

9. File -> Save，保存類型選擇為C-files(*.c)。此處暫時命名為Songti16.c。到此，字符我們已經準備好了，接下來就是如何顯示了。

10. emWin如何顯示呢，需要將漢字轉成emWin能識別的字串，才能顯示。

11. 打開記事本，里面寫入要顯示的字串，例如這里寫入 挪威能微公司上海辦事處

12. 點擊保存，保存的時候，編碼要選擇為UTF-8格式。

13. 打開U2C.exe, 載入12步創建的Txt檔，然后點擊Convert，產生相應的.c文檔。

產生的內容:

"\xe6\x8c\xaa\xe5\xa8\x81\xe8\x83\xbd\xe5\xbe\xae\xe5\x85\xac\xe5\x8f\xb8\xe4\xb8\x8a\xe6\xb5\xb7\xe5\x8a\x9e\xe4\xba\x8b\xe5\xa4\x84"

14. 打開GG DK3750 -> example -> guidemo，用include包含Songti16.c。

15. 在main.c創建一個字符串，內容就是原先C文件里面的內容。

static const char * _apStrings[] = {
"\xe6\x8c\xaa\xe5\xa8\x81\xe8\x83\xbd\xe5\xbe\xae\xe5\x85\xac\xe5\x8f\xb8\xe4\xb8\x8a\xe6\xb5\xb7\xe5\x8a\x9e\xe4\xba\x8b\xe5\xa4\x84"
};

16.源代碼如下:

#include "Songti16.c"

static const char * _apStrings[] = {
"\xe6\x8c\xaa\xe5\xa8\x81\xe8\x83\xbd\xe5\xbe\xae\xe5\x85\xac\xe5\x8f\xb8\xe4\xb8\x8a\xe6\xb5\xb7\xe5\x8a\x9e\xe4\xba\x8b\xe5\xa4\x84"
};

static const char * _apStringsE[] = {
    "Energy Micro AS"
};

int main(void)
{
    GUI_Init();
    GUI_Clear();
    
    unsigned long i;
    GUI_SetFont(&GUI_FontSongti16);
    GUI_UC_SetEncodeUTF8();
    GUI_SetColor(GUI_YELLOW);
    for (i = 0; i < GUI_COUNTOF(_apStrings); i++) {
        GUI_DispStringAt(_apStrings[i], 70, 0);
        GUI_DispNextLine();
    }
    
    GUI_SetColor(GUI_DARKCYAN);
    for (i = 0; i < GUI_COUNTOF(_apStrings); i++) {
        GUI_DispStringAt(_apStringsE[i], 70, 50);
        GUI_DispNextLine();
    }
    
    while(1);
}

17. 差不多結束了,咱來看看最終的結果。

emWin - BMP圖片顯示：

主要是講解一下如何利用emWin進行BMP圖片顯示。

為什么要單獨的將這個提出來，是因為很多客戶就是利用BMP圖片，進行GUI顯示的。例如ICON等圖標都是小BMP圖片。如下，主要是如何將BMP圖片，轉成emWin支持的方式，最終顯示到TFT屏上的。

硬件準備: GG DK 3750或則已經將emWin移植好的硬件

軟件準備: efm32lib, emWin庫，emWin手冊，emWin工具 - BmpCvt.exe

備注:其實一下的步驟，emWin手冊里有講解。大家也可參考。

1. 由于EFM32支持的16bit的TFT屏，因此，我先從網絡上下載2張16bit的BMP圖片。分別改名為Test1.bmp, Test2.bmp。除了位深之外，BMP還有其他的要求，否則emWin的工具轉不了。

1. 1, 4 or 8 bits per pixel (bpp) with palette;
2. 16, 24 or 32 bpp without palette (full-color mode, in which each color is assigned an RGB value);
3. RLE4 and RLE8;

注: RLE4,RLE8是圖形壓縮算法。emWin本身就支持這種算法。

2.使用BmpCvt.exe工具，將各個圖片轉成相應的C文件. emWin有關的工具，都在Simplicity Studio工具目錄下的reptile\emwin\exe文件夾下面。

a. 找到BmpCvt.exe之后，雙擊打開。

b. File -> Open 載入Test1.bmp圖片,

c. File -> Save as

d. 在Save as窗口中的保存類型下拉菜單中，選擇"C" bitmap file(*c), 點擊保存.

e. 在彈出來的窗口中，選擇保存的格式。這里首先看硬件上的TFT是幾位的。是555，還是565,或則是24bit的真彩色。接下來就是紅色和藍色的bit位置是否需要調換，這個也得按照具體的驅動來。最后compressed代表產生的數組是否壓縮過。壓縮算法就是RLE4或RLE8。

f. 壓縮的目的是用時間換空間，因此壓縮過的bmp在刷屏的時候，由于處理方式不一樣，因此顯示的效率比較低，看起來刷的比較慢。

g. 最后一點就是并不是所有的圖片都合適壓縮的。舉個例子，如果bmp圖片呢是美女加風景的復雜圖片的話，壓縮的效率其實并不高。如果一行里面有很多像素是一樣的話，而這樣的行有很多的話，那么壓縮的比例就會很高。

h. 如果不想弄清楚紅色和藍色是否需要調換，那么就先產生一個，看顏色是否對，然后再修正便是。當然TFT本身的寄存器配置要對才行。。

I. 這里先選擇High Color(565) 選項，不選擇壓縮，最后保存。

  J. 重復一次，將Test2.bmp轉成C文件。

3. 利用GG DK下面的Example - guidemo , 用include的方式Test1.c,Test2.c包含進工程里面。

#include "Test1.c"
   #include "Test2.c"

int main(void)
   {
       CHIP_Init();

     GUI_Init();
       GUI_Clear();
    
       while(1)
       {
           GUI_DrawBitmap(&bmTest1,0,0);
           GUI_Delay(2000);
           GUI_DrawBitmap(&bmTest2,0,0);
           GUI_Delay(2000);
       }
    
       return(0);
   }

4. 完畢,如下圖所示(Demo使用的圖片，版權屬于原作者)。嘻嘻，高達啊。。