HMIMaker軟件界面如上圖所示，點(diǎn)擊菜單[工程]>[新建工程]進(jìn)入新工程設(shè)置界面。下圖是新工程設(shè)置界面，用戶(hù)根據(jù)實(shí)際的硬件填寫(xiě)相應(yīng)的參數(shù)。

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

3.2 新建畫(huà)面

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

3.3 添加控件

如上圖所示，鼠標(biāo)移動(dòng)到新工程界面左邊的工程導(dǎo)航欄內(nèi)，左鍵點(diǎn)擊選中新畫(huà)面將Win0.drw激活為當(dāng)前活動(dòng)文件。

HMIMaker軟件界面上點(diǎn)擊菜單[控件]>[單選按鈕]如上圖所示。將鼠標(biāo)移到新畫(huà)面Win0.drw上，此時(shí)鼠標(biāo)變成十字形狀，按下鼠標(biāo)左鍵并拖動(dòng)至合適大小后松開(kāi)左鍵，這樣便給畫(huà)面添加了一個(gè)指定的控件。按照同樣的方法添加3個(gè)單選按鈕。在畫(huà)面的同一位置單擊鼠標(biāo)左鍵（不拖動(dòng)），鼠標(biāo)退出十字狀態(tài)。鼠標(biāo)左鍵點(diǎn)擊菜單[工程]>[保存工程]。

任何一個(gè)控件都是可以控制的。雙擊第二個(gè)控件改變按鈕的“選中值”，彈出控件屬性修改對(duì)話(huà)框，鼠標(biāo)選中[基本控制]標(biāo)簽選項(xiàng)如下圖所示。

按確定后，回到界面如下。

雙擊第三個(gè)控件改變按鈕的“選中值”，彈出控件屬性修改對(duì)話(huà)框，鼠標(biāo)選中[基本控制]標(biāo)簽選項(xiàng)如下圖所示。

按確定后，回到界面如下。

如上圖所示，其中的3個(gè)按鈕都關(guān)聯(lián)同一個(gè)變量m_Radio。上面的步驟已經(jīng)將三個(gè)按鈕的“選中值”進(jìn)行了設(shè)置：第一個(gè)按鈕m_Radio=0時(shí)候表示選中；第二個(gè)按鈕m_Radio=1時(shí)候表示選中；第三個(gè)按鈕m_Radio=2時(shí)候表示選中。上圖中我們把m_Radio初時(shí)值設(shè)置為“0”，所以看到的是第一個(gè)被選中。 下面我們把m_Radio的初時(shí)值設(shè)置為1，看看效果如何？雙擊第一個(gè)按鈕，彈出控件屬性修改對(duì)話(huà)框，鼠標(biāo)選中[基本控制]標(biāo)簽選項(xiàng)如下圖所示。

如上圖所示，其中m_ Radio表示該控件關(guān)聯(lián)了一個(gè)變量（也可以說(shuō)是控件地址）退出對(duì)話(huà)框，點(diǎn)擊菜單[HMI變量]，進(jìn)入下圖所示界面。

如上圖所示，鼠標(biāo)左鍵點(diǎn)擊變量地址一欄的“28”選中m_Radio變量。從圖中可以看出，m_Radio變量的類(lèi)型是無(wú)符號(hào)char（占1個(gè)字節(jié)），所以占據(jù)地址“28”，它的初始化值大小是“0”。點(diǎn)擊[修改]按鈕，進(jìn)入下圖

把上圖中的m_Radio初始化值“0”改為“1”，回到界面如下所示

鼠標(biāo)左鍵點(diǎn)擊菜單[工程]>[保存工程]。

由上面可以看出，m_Radio大小和各個(gè)按鈕的“選中值”共同決定了按鈕的狀態(tài)。

通過(guò)兩種方法可以控制按鈕：第一， 用戶(hù)單片機(jī)串口設(shè)置m_Radio變量大小。 第二， 硬件運(yùn)行的時(shí)候，鼠標(biāo)點(diǎn)擊按鈕或者觸摸屏點(diǎn)擊按鈕的時(shí)候，顯示終端會(huì)發(fā)數(shù)據(jù)給用戶(hù)單片機(jī)。

3.4 模擬工程

用戶(hù)51、AVR、PIC、STM等單片機(jī)的串口連接電腦的串口并向工程發(fā)送數(shù)據(jù)便可以改變控件對(duì)應(yīng)的變量值，從而達(dá)到改變控件的顯示。

在本實(shí)驗(yàn)中我們使用電腦的串口COM3和用戶(hù)單片機(jī)串口進(jìn)行連接。HMIMaker軟件界面上點(diǎn)擊菜單[工程]>[工程屬性]進(jìn)入新工程屬性設(shè)置對(duì)話(huà)框。如下圖所示。

在上圖的命令接收串口號(hào)選中COM3，點(diǎn)擊右邊的[連接]按鈕。如下圖所示表示串口COM3可以接收發(fā)送命令數(shù)據(jù)了。 點(diǎn)擊[確定]按鈕，回到主界面。在主界面下端的狀態(tài)欄中可以看到，COM3已經(jīng)連接成功，如下圖所示。

設(shè)置好串口后，那么用戶(hù)單片機(jī)發(fā)什么樣的數(shù)據(jù)可以把Win0.drw中單選按鈕改變成第三個(gè)為“選中”呢？

首先，您要讓工程進(jìn)入模擬仿真狀態(tài)，有兩種方法可以進(jìn)入仿真狀態(tài)：

1、點(diǎn)擊菜單[查看]>[全屏仿真]進(jìn)入全屏方式的仿真狀態(tài)。

2、在工程界面左邊的工程導(dǎo)航欄內(nèi)鼠標(biāo)左鍵選中《模擬LCD/VGA顯示器》元素。

其次，在激活仿真功能之后，用戶(hù)通過(guò)單片機(jī)串口向電腦COM3發(fā)送下面的數(shù)據(jù)（注意：十六進(jìn)制）就可以將第3個(gè)按鈕設(shè)置為選中狀態(tài)。

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

解釋如下：

單選按鈕的另一個(gè)控制是，當(dāng)用戶(hù)鼠標(biāo)在單選按鈕上發(fā)生點(diǎn)擊行為的時(shí)候，用戶(hù)單片機(jī)就會(huì)收到顯示卡發(fā)來(lái)數(shù)據(jù)。

當(dāng)?shù)?個(gè)單選按鈕處于選中狀態(tài)的時(shí)候，用戶(hù)點(diǎn)擊第3個(gè)按鈕，那么第3個(gè)按鈕自動(dòng)變成選中狀態(tài)，同時(shí)用戶(hù)單片機(jī)將收到顯示卡發(fā)來(lái)的下面數(shù)據(jù)：

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

同理，當(dāng)?shù)?個(gè)單選按鈕處于選中狀態(tài)的時(shí)候，用戶(hù)點(diǎn)擊第2個(gè)按鈕，那么第2個(gè)按鈕自動(dòng)變成選中狀態(tài)，同時(shí)用戶(hù)單片機(jī)將收到顯示卡發(fā)來(lái)的下面數(shù)據(jù)：

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

3.5 硬件驗(yàn)證

上面已經(jīng)完成了工程的仿真，現(xiàn)在我們把工程下載到目標(biāo)硬件上，脫離電腦進(jìn)行實(shí)際的顯示。 首先，我們編譯工程并生成目標(biāo)硬件所需要的FLASH文件,移動(dòng)鼠標(biāo)執(zhí)行如下圖所示操作。

其次，我們通過(guò)USB串口把剛才編譯后的工程下載到目標(biāo)硬件上。注意，如果是第一次使用需要安裝USB驅(qū)動(dòng)，具體見(jiàn)“快速入門(mén)”的介紹。移動(dòng)鼠標(biāo)執(zhí)行如下圖所示操作。

最后，下載完之后要給目標(biāo)硬件重新斷電和上電。 用戶(hù)51、AVR、PIC、STM等單片機(jī)的串口連接目標(biāo)硬件的串口并發(fā)送數(shù)據(jù)便可以改變控件對(duì)應(yīng)的變量值，從而達(dá)到改變控件的顯示。 用戶(hù)通過(guò)單片機(jī)串口向目標(biāo)硬件發(fā)送下面的數(shù)據(jù)（注意：十六進(jìn)制）就可以將第3個(gè)按鈕設(shè)置為選中狀態(tài)。

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

單選按鈕的另一個(gè)控制是，當(dāng)用戶(hù)鼠標(biāo)在單選按鈕上發(fā)生點(diǎn)擊行為的時(shí)候，用戶(hù)單片機(jī)就會(huì)收到顯示卡發(fā)來(lái)數(shù)據(jù)。

當(dāng)?shù)?個(gè)單選按鈕處于選中狀態(tài)的時(shí)候，用戶(hù)點(diǎn)擊第3個(gè)按鈕，那么第3個(gè)按鈕自動(dòng)變成選中狀態(tài)，同時(shí)用戶(hù)單片機(jī)將收到顯示卡發(fā)來(lái)的下面數(shù)據(jù)：

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

同理，當(dāng)?shù)?個(gè)單選按鈕處于選中狀態(tài)的時(shí)候，用戶(hù)點(diǎn)擊第2個(gè)按鈕，那么第2個(gè)按鈕自動(dòng)變成選中狀態(tài)，同時(shí)用戶(hù)單片機(jī)將收到顯示卡發(fā)來(lái)的下面數(shù)據(jù)：

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