前 言

QD Plus (QuodiX) 是由上海駐利電子有限公司開發的一款高效、易用的HMI（Human-Machine Interface，人機界面）開發工具。自2011年推出以來，QD Plus 已在汽車、工業、醫療等多個行業成功應用，致力于為用戶提供簡潔高效的界面設計方案。其核心功能包括支持2D/3D 、圖像導入、狀態表、事件的觸發、API 控制、按鈕、動畫設計和模擬測試等，顯著加快了HMI 項目的開發進程。

1

HMI 設計專用工具

Kanzi 和 QD Plus 都是用于儀表盤人機界面（HMI）設計的專業工具。對于一個完整的儀表盤項目，它包括兩個部分：一部分是通過 Kanzi Studio 創建的 UI 項目，另一部分是軟件邏輯控制，決定何時顯示以及顯示內容。

1. 軟件控制模塊可以在不同的操作系統中使用。

QD Plus：提供API源碼，源碼是C語言，移植簡單，方便適配各種OS。

2. Kanzi Studio 可以導入二維、三維和動畫素材，并為它們賦予各種控制屬性。

QD Plus：可以導入3d模型和2d圖像，提供控制屬性還提供控制關系 ，但不支持導入flash動畫文件（QD自帶動畫工具）。

3. 創建一些可用于屏幕切換控制的觸發器。

QD Plus：event功能可以設計好動畫，軟件工程師通過API接口觸發event即可。

2

為UI設計工程師提供的工作

1.UI 設計工程師需要創建大量的 UI 素材，這一步與基于傳統 HMI 工具所需的操作相同。

2.根據客戶的需求，UI 設計工程師需要構建顯示場景，包括 UI 布局和顯示屏幕切換。因此，UI 設計工程師需要相應地設置參數和觸發器。例如，警告圖標有一個開/關參數，菜單切換需要一個由事件或某些條件觸發的觸發器。

QD Plus：只需UI布局，不需要設置參數，使用更簡單。比如icon的on、 off ， QD Plus可以使用imagelist ，切換imagelist的index（0,1,2...)值就能實現，更加靈活。

3.將最終的項目文件和 UI 路徑布局數據導出給軟件工程師。

QD Plus：生成C代碼，方便移植，生成代碼中包括了每個元素的ID ，方便API 控制每個元素（不需要輸入元素路徑）。QD Plus的API接口也僅有兩個，方便軟件工程師使用。

參數列表可以創建多個位置、顏色、顯示/隱藏和觸發器。QD Plus工具屬性窗口可以輕松設置每個元素的位置，顏色等信息。

所有的 UI 素材都可以通過路徑被軟件找到。QD Plus 工具的路徑選擇彈窗可以輕松的找到UI圖片。

3

為軟件工程師提供的工作

1. 首先，軟件工程師需要使用 Kanzi 公司提供的一些特殊方法導入 .kzb 格式的 Kanzi 項目。

QDPlus：生成的C文件，可以直接生成到工程目錄，編譯簡單方便。

2. 當軟件工程師想要控制某些 UI 素材時，例如一個警告圖標，首先需要找到該圖標的路徑，通常應為“root/warning/icon_XXX”，該路徑應在 UI 布局數據中定義，由 UI 設計工程師準備。接下來，軟件工程師需要控制圖標的顯示和消失，找到控制參數后，將其設置為“1”以顯示圖標，設置為“0”以關閉顯示。

QD Plus(QuodiX)中，每個元素都有一個身份ID（根本不在需要用戶記錄元素路徑，甚至通過QD工具的快捷鍵shift + i,就會把要操作的ID和API函數復制到粘貼板中），軟件工程師可以輕松使用CTRL+V, 就可以動態修改或者獲取到元素狀態、關系、觸發動畫。

3. 盡管這個示例非常簡單，但它展示了軟件控制方法與傳統 HMI 工具有很大不同。它使軟件設計工作變得簡單快捷。同時，在某些情況下，我們可以修改 UI 設計而無需對軟件進行任何修改。

一些簡單的布局調整， QD Plus(QuodiX)可以在工具中調整,重新生成代碼編譯即可（最后燒寫生成的BIN文件），應用軟件不需要修改代碼。QD Plus在生成代碼時會根據使用的情況，生成一些宏定義，這些宏定義在編譯時，能讓API代碼更加省空間。

4

優 勢

1. 基于操作系統的兼容性，UI 設計工程師可以通過 Windows 操作系統向客戶展示一些 UI 設計概念。這在需求討論環節非常有幫助，能夠快速促使 UI 設計工程師和客戶達成共識。

在項目初期，沒有開發板的情況或者跟客戶討論需求的情況下，可以使用QD Plus的opengl windows版本設計布局（可以在PC上編碼、運行最終效果），設計好的項目可以轉換到對應的芯片中使用。

2. 在開發階段，UI 設計工程師和軟件工程師可以基于相同的 UI 設計布局和邏輯并行工作。這能夠減少開發時間。

QDPlus需要先設計好UI ，再做邏輯控制。

3. 此外，有時當 UI 設計需要修改時，例如位置需要微調，軟件工程師不需要做任何操作。

簡單的UI布局調整， QD Plus只需要工具修改，不需要修改邏輯。

4. 由于 Kanzi Studio 內置了許多 UI 顯示場景，軟件工程師不需要使用源代碼來構建它們。這種方法可以減少軟件開發時間和復雜性

QD Plus有多種自定義插件（方便客戶擴展功能），可以實現常見的動畫場景。

5

注意事項

如上所示，UI 設計工程師需要在 UI 項目中進行一些邏輯觸發，因此，UI 設計工程師需要具備一定的軟件開發知識，否則將影響 UI 顯示的穩定性和效率。

QD Plus在設計中已經把和GPU ， CPU相關的部分，放到API宏定義里面。這樣就降低了開發人員的門檻。使用QD Plus工具的軟件工程師，一般懂C語言的應屆生大專生即可勝任。QD Plus在設計中甚至考慮到軟件工程師和美工的溝通的常見問題（一般雙方的問題，就是相互不能太理解），也體現在QD Plus工具設計中。