目錄

一、實驗目的

二、實驗設備

三、實驗步驟

3.1 新建工程

3.2 新建畫面

3.3 添加控件

3.4 模擬工程

3.5 硬件驗證

四、常見問題

１、如何修改指示燈顏色

４.１新建畫面

４.２添加控件

４.３添加繪圖

４.４修改指示燈顏色

一、實驗目的

51、AVR、PIC、STM等8位或者32位單片機的串口與VGA控制板相連驅動大尺寸VGA顯示器或者電視機進行信號燈的顯示。

二、實驗設備

下載軟件一個，HMIMaker下載鏈接，http://www.gz-yixian.com/Download.asp，單片機智能顯示終端一個；用戶51、AVR、PIC、STM等單片機（帶串口UART）實驗電路板一個。

三、實驗步驟

3.1 新建工程

HMIMaker軟件界面如上圖所示，點擊菜單[工程]>[新建工程]進入新工程設置界面。下圖是新工程設置界面，用戶根據實際的硬件填寫相應的參數。

下圖是新工程的界面。在該畫面的左邊工程導航欄內有《畫面》，《子窗口》，《模擬LCD/VGA顯示器》三個元素。其中，每個工程必須至少包含一個畫面。

3.2 新建畫面

在新工程界面左邊的工程導航欄內鼠標右鍵選中《畫面》元素，彈出子菜單如上圖所示右鍵子菜單。鼠標左鍵單擊選中《新建畫面》元素，進入新畫面設置界面如下圖所示。您只能設置畫面的名字，而畫面的寬度和高度與您的顯示硬件的分辨率是相同的，它會填充整個屏幕。點擊[確定]便給新工程增加了一個畫面。

3.3 添加控件

如上圖所示，鼠標移動到新工程界面左邊的工程導航欄內，左鍵點擊選中新畫面將Win0.drw激活為當前活動文件。

HMIMaker軟件界面上點擊菜單[控件]>[信號燈]如上圖所示。將鼠標移到新畫面Win0.drw上，此時鼠標變成十字形狀，按下鼠標左鍵并拖動至合適大小后松開左鍵，這樣便給畫面添加了一個指定的控件。在畫面的同一位置單擊鼠標左鍵（不拖動），鼠標退出十字狀態。鼠標左鍵點擊菜單[工程]>[保存工程]。

在上圖的“信號燈”控件中，我們看到它顯示的初時顏色是綠色的信號燈，為什么呢？任何一個控件都是可以控制的。雙擊該控件，彈出控件屬性修改對話框，鼠標選中[基本控制]標簽選項如下圖所示。

如上圖所示，其中m_Indicator表示該控件關聯了一個變量（也可以說是控件地址）退出對話框，點擊菜單[HMI變量]，進入下圖所示界面。

如上圖所示，鼠標左鍵點擊變量地址一欄的“28”選中m_Indicator變量。從圖中可以看出，m_Indicator變量的類型是無符號char（占1個字節），所以占據地址“28”，它的初始化值大小是“1”。點擊[修改]按鈕，進入下圖

在上圖中把初始化值大小“1”改為“0”。回到工程界面如下圖所示。

在上面的步驟中，該控件關聯的m_Indicator變量等于1的時候，顯示的是綠色的信號燈；m_Indicator變量等于0的時候顯示的是紅色的信號燈，為什么呢？雙擊該控件，彈出控件屬性修改對話框，鼠標選中[外觀]標簽選項。因為，如下圖所示，該控件關聯的m_Indicator變量等于1對應于“打開時觀”，而“打開時外觀”選擇的是綠色的信號燈圖片。

鼠標左鍵點擊菜單[工程]>[保存工程]。 雙擊信號燈控件，彈出控件屬性修改對話框，鼠標選中[基本控制]標簽選項如下

在上圖中，把“位”由“0”改為“2”后點擊[確定]按鈕。這個時候，m_Indicator變量與信號燈的外觀有什么關系呢？ 事實上，信號燈的控制是由變量的位來控制的。把“位”由“0”改為“2”后當m_Indicator的變量的第2位為1，也就是說，當m_Indicator等于4的時候，信號燈顯示的是“打開時外觀”即綠色信號燈；當m_Indicator等于0的時候，信號燈顯示的是“關閉時外觀”即紅色信號燈；

3.4 模擬工程

用戶51、AVR、PIC、STM等單片機的串口連接電腦的串口并向工程發送數據便可以改變控件對應的變量值，從而達到改變控件的顯示。 在本實驗中我們使用電腦的串口COM3和用戶單片機串口進行連接。HMIMaker軟件界面上點擊菜單[工程]>[工程屬性]進入新工程屬性設置對話框。如下圖所示。

在上圖的命令接收串口號選中COM3，點擊右邊的[連接]按鈕。如下圖所示表示串口COM3可以接收發送命令數據了。 點擊[確定]按鈕，回到主界面。在主界面下端的狀態欄中可以看到，COM3已經連接成功，如下圖所示。

設置好串口后，那么用戶單片機發什么樣的數據可以把Win0.drw中的數據改變成“綠色狀態”呢？ 首先，您要讓工程進入模擬仿真狀態，有兩種方法可以進入仿真狀態：1：點擊菜單[查看]>[全屏仿真]進入全屏方式的仿真狀態。

2：在工程界面左邊的工程導航欄內鼠標左鍵選中《模擬LCD/VGA顯示器》元素。

其次，在激活仿真功能之后，用戶通過單片機串口向電腦COM3發送下面的數據（注意：十六進制）就可以把紅色信號燈變為綠色信號燈。

81 00 02 1C 00 00 00 01 00 04XX XX解釋如下：

3.5 硬件驗證

上面已經完成了工程的仿真，現在我們把工程下載到目標硬件上，脫離電腦進行實際的顯示。 首先，我們編譯工程并生成目標硬件所需要的FLASH文件,移動鼠標執行如下圖所示操作。

其次，我們通過USB串口把剛才編譯后的工程下載到目標硬件上。注意，如果是第一次使用需要安裝USB驅動，具體見“快速入門”的介紹。移動鼠標執行如下圖所示操作。

最后，下載完之后要給目標硬件重新斷電和上電。

用戶51、AVR、PIC、STM等單片機的串口連接目標硬件的串口并發送數據便可以改變控件對應的變量值，從而達到改變控件的顯示。

像“模擬工程“這個步驟一樣，用戶通過單片機串口向目標硬件發送下面的數據（注意：十六進制）就可以把紅色信號燈變為綠色信號燈。

81 00 02 1C 00 00 00 01 00 04XX XX

四、常見問題

１、如何修改指示燈顏色

４.１新建畫面

在新工程界面左邊的工程導航欄內鼠標右鍵選中《畫面》元素，彈出子菜單如上圖所示。右鍵子菜單。鼠標左鍵單擊選中《新建畫面》元素，進入新畫面設置界面如下圖所示。您只能設置畫面的名字，而畫面的寬度和高度與您的顯示硬件的分辨率是相同的，它會填充整個屏幕。點擊[確定]便給新工程增加了一個畫面。

４.２添加控件

如上圖所示，鼠標移動到新工程界面左邊的工程導航欄內，左鍵點擊選中新畫面將Win0.drw激活為當前活動文件。

HMIMaker軟件界面上點擊菜單[控件]>[指示燈]如上圖所示。將鼠標移到新畫面Win0.drw上，此時鼠標變成十字形狀，按下鼠標左鍵并拖動至合適大小后松開左鍵，這樣便給畫面添加了一個指定的控件，如下圖所示。

４.３添加繪圖

在畫面Win0.drw中，點擊[繪圖]>[正圓]如上圖所示。此時鼠標變成十字形狀，在指示燈控件旁，按下鼠標左鍵并拖動至合適大小后松開左鍵，這樣便給畫面添加了一個繪圖，如下圖所示。

在上圖的“正圓”繪圖中，雙擊該繪圖，彈出繪圖屬性修改對話框，鼠標選中左上方[外觀]，點擊[填充色]標簽選項，在顏色欄里選擇綠色（修改其它顏色也是如此），點擊[確定]如下方圖3.1-3.2所示。

圖3.1

圖3.2

填充完顏色后，右鍵點擊該繪圖，選擇[生成位圖]選項，并填寫文件名將此圖保存至您能找到的文件夾/桌面，如下圖所示。

完成以上步驟，此時畫面Win0.drw中會顯示兩個圖案，如下圖。

４.４修改指示燈顏色

在畫面Win0.drw中，想把紅色指示燈的顏色改成綠色，該怎么操作呢？雙擊紅色指示燈，彈出控件屬性修改對話框，鼠標選中左上方[外觀]標簽選項，點擊[路徑]標簽，如下圖。

點擊[路徑]選項后，在相關文件夾/桌面，找到剛才保存的綠色位圖，選擇此圖并點擊[打開]>[確定]，如下圖所示。

最后如下圖，這樣就完成了指示燈顏色的修改，鼠標左鍵點擊菜單[工程]>[保存工程]。若需把其它圖刪除，單擊需刪除的圖案并右鍵選擇[清除]，圖案即可刪除。