TouchPADftp.icpdas.com.tw/.../programming_guide/touchpad_programming_guide_zh-tw_ver1.0.5.pdf此章節中，我們將分別採用c 語言與 ld 語言來編寫幾個簡單的範例程式，開

TPD/VPD 系列-快速上手手冊 v1.0.5 I

@ 2012 泓格科技股份有限公司保留所有權利. E-mail: [email protected]

TouchPAD

TPD/VPD 系列人機介面裝置

編程指南手冊

版本: 1.0.5，2012 年 04 月

使用資訊

TPD-280

TPD-280U

TPD-283

TPD-430

TPD-430-EU

VPD-130

VPD-130N

TPD/VPD 系列-快速上手手冊 v1.0.5 I


保固說明

泓格科技股份有限公司 (ICP DAS) 所生產的產品，均保證

原始購買者對於有瑕疵之材料，於交貨日起保有為期一年

的保固。

免責聲明

泓格科技股份有限公司對於因為應用本產品所造成的損害

並不負任何法律上的責任。本公司保留有任何時間未經通

知即可變更與修改本文件內容之權利。本文所含資訊如有

變更，恕不予另行通知。本公司盡可能地提供正確與可靠

的資訊，但不保證此資訊的使用或其他團體在違反專利或

權利下使用。此處包涵的技術或編輯錯誤、遺漏，概不負

其法律責任。

版權所有

@ 2012 泓格科技股份有限公司保留所有權利。

商標識別

本文件提到的所有公司商標、商標名稱及產品名稱分別屬

於該商標或名稱的擁有者所有。

技術服務

如有任何問題，請與本公司客服聯絡，我們將於兩個工作天內，

盡速為您服務。

Email 信箱 : [email protected]

[email protected]

mailto:[email protected]

mailto:[email protected]

TPD/VPD 系列-快速上手手冊 v1.0.5 II


目錄

第 1 章簡介 --------------------------------------------------------------- 1

1.1 硬體介紹 --------------------------------------------------------------------------- 2

1.2 外觀示意圖 ------------------------------------------------------------------------ 3

第 2 章軟體安裝 -------------------------------------------------------- 7

2.1 HMIWorks 安裝 ------------------------------------------------------------------ 7

2.2 新增專案 --------------------------------------------------------------------------- 8

2.3 HMIWorks 視窗介紹 ---------------------------------------------------------- 10

2.4 TouchPAD 的下載方法 -------------------------------------------------------- 11

第 3 章範例程式 -------------------------------------------------------14

3.1 範例零 (嗶聲與計數 - 使用階梯圖設計家) -------------------------- 14

3.1.1 HMI 頁面設計 (使用階梯圖) ------------------------------------------------------ 15

3.1.2 設置裝置 (TouchPAD) --------------------------------------------------------------- 23

3.1.3 下載程式 -------------------------------------------------------------------------------- 24

3.2 範例一 (按鍵嗶聲、計時、計數功能) ---------------------------------- 26

3.2.1 HMI 頁面設計 (採用 C 語言) ---------------------------------------------------- 26

3.2.2 設置裝置 (TouchPAD) --------------------------------------------------------------- 34

3.2.3 下載程式 -------------------------------------------------------------------------------- 35

3.3 範例二 (遠端 I/O: 燈號、溫度、通訊狀態) ------------------------- 36

3.3.1 HMI 頁面設計 ------------------------------------------------------------------------- 37

3.3.2 使用 “Ladder Designer” 編寫 LD 程式---------------------------------------- 46

TPD/VPD 系列-快速上手手冊 v1.0.5 III


3.3.3 設置裝置 (TouchPAD) --------------------------------------------------------------- 49

3.3.4 下載程式 -------------------------------------------------------------------------------- 49

3.4 範例三 (多機 HMI 搭配 ISaGRAF PAC: 燈號、溫度、通訊狀態)

-------------------------------------------------------------------------------------------- 50

3.4.1 HMI 頁面設計 ------------------------------------------------------------------------- 53

3.4.2 使用 “Ladder Designer” 編寫 LD 程式---------------------------------------- 58

3.4.3 設置裝置 (TouchPAD) --------------------------------------------------------------- 60

3.4.4 下載程式 -------------------------------------------------------------------------------- 62

3.5 範例清單 ------------------------------------------------------------------------- 63

附錄 A. 下載資訊 --------------------------------------------------------64

附錄 B. 如何設定 I/O 模組? -----------------------------------------65

附錄 C. 如何自行建立圖形介面? ------------------------------------69

附錄 D. ISaGRAF PAC 設定 & 程式 --------------------------------- 70

附錄 E. 如何顯示小數點? ----------------------------------------------73

附錄 F. 如何由 USB 下載程式? -------------------------------------75

TPD/VPD 系列-快速上手手冊 v1.0.5 頁碼: 1


第 1 章簡介

TPD-280/280U/283/430/430-EU 與 VPD-130/130N 是微型觸控人機介面 (HMI) 的

裝置，是專門為了大樓自動化和數位家庭而設計的。TouchPAD 系列裝置配備有

高解析彩色 TFT 的觸控螢幕，而且它的大小剛好可以嵌入一般牆上的電器插座。

除此之外，該裝置已經和各種 I/O 模組做好完美的整合，並且能夠呈現具有彈

性、美麗、可客製化的圖片顯示。簡而言之，TouchPAD 系列是將一般機械式開

關升級成智慧型控制面板的最好選擇。

無論是來自可程式邏輯控制器 (PLC) 或是資訊科技 (IT) 領域的使用者，都可以

在 HMIWorks 上輕鬆地應用他們深厚的經驗。 HMIWorks 是泓格科技專為

TouchPAD 系列提供的開發軟體，其中對於可程式邏輯控制器的使用者來說，

HMIWorks 有階梯圖設計家 (Ladder Designer) 可以開發熟悉的階梯圖邏輯；而對

於資訊科技的使用者來說，HMIWorks 也提供 C 語言的整合式開發環境。尤其對

於使用階梯圖設計家來開發程式的使用者來說，只要學習不到 30 分鐘，即可完

成並下載執行第一支程式。另外對於有容錯需求的使用者，TouchPAD 系列的乙

太網路供電版本 TPD-283 亦可應用於備援 (Redundant) 系統。總而言之，

TouchPAD 觸控人機介面系列產品是前所未有的高性價比產品。

註: TPD-430、TPD-430-EU 功能使用上與 TPD-280U 相同。

TouchPAD：

VPD 系列

（3.5 吋觸控螢幕）

TPD 系列


TPD 系列




1.1 硬體介紹

若您須了解各個型號的硬體規格，請參考我們的產品網站:

www.icpdas.com.tw > 商品目錄 > 解決方案 > HMI & 觸控螢幕 > TouchPAD

或

http://www.icpdas.com.tw/product/solutions/hmi_touch_monitor/touchpad/touchpad_selection_c.html

http://www.icpdas.com.tw/

http://www.icpdas.com.tw/product/solutions/hmi_touch_monitor/hmi_touch_monitor_products_c.html#TouchPAD





1.2 外觀示意圖

TPD 系列

TPD-280:

TPD-280U:

旋轉開關 (0 ~ 9)

0: 運行模式 (只能執行程式)

1: 更新程式

電源/接地/RS-485

2.8 吋觸控液晶螢幕

USB

0: 運行模式

1: 更新作業系統

9: 更新程式



TPD-283:

重新啟動鈕的位置

打開上蓋

重新啟動鈕


乙太網路 (PoE)

旋轉開關 (0 ~ 9)

0: 運行/更新程式

1: 強制更新 (程式損毀時用)

2: 運行模式


乙太網路 (PoE)

旋轉開關 (0 ~ 9)



2: 運行模式


乙太網路 (PoE)

旋轉開關 (0 ~ 9)



2: 運行模式



TPD-430、TPD-430-EU:

TPD-430 與 TPD-430-EU 除了外觀尺寸區分為美規與歐規之外，其餘並無差異。

TPD-430: TPD-430-EU:


揚聲器 (Speaker) 可程式 LED 指示燈

重新啟動按鈕 (左側)

USB

旋轉開關 (0 ~ 9) 0: 運行模式

1: 更新作業系統 9: 更新程式 USB

電源/接地/RS-485



VPD 系列

VPD-130: VPD-130N:


LED 指示燈

橡膠按鍵

USB

電源/接地

RS-485 Data- Data+

RS-232 TxD RxD GND

旋轉開關 (0 ~ 9)

0: 運行模式

1: 更新作業系統

9: 更新程式

重新啟動按鈕



第 2 章軟體安裝

首先，請於您的電腦中安裝 HMIWorks 軟體，您可至以下位置取得最新版本。

http://ftp.icpdas.com/pub/cd/touchpad/setup/

2.1 HMIWorks 安裝

步驟 1: 滑鼠雙擊執行檔，安裝 HMIWorks。（此手冊採用 V2.01 beta5）

步驟 2: 起始畫面一直點選 “Next”，即可完成安裝。

預設安裝路徑

http://ftp.icpdas.com/pub/cd/touchpad/setup/



2.2 新增專案

步驟 1: 安裝完成後，於 “開始” 選單中，點選 “所有程式” > “ICPDAS” >

“HMIWorks_Standard” > “HMIWorks Standard Edition” 開啟程式。

(Windows 7 畫面，若出現「Windows 安

全性警示」請點選「解除封鎖」。)

步驟 2: 點選 “New Project” 新增一個專案。



步驟 3: 點選欲使用的設備並輸入專案名稱，選取 HMI 顯示方式並選取欲

採用的程式語言。

注意：若點選 “非實際使用” 的設備，將會造成錯誤而無法

下載程式。

點選欲使用的設備

a.

輸入專案名稱

預設存檔路徑

c.

直立/橫向顯示 HMI d.

採用 C 語言或

LD 編寫程式 e.

b.



2.3 HMIWorks 視窗介紹

工具箱：

HMI 設計區屬性檢視區/

圖庫區

工作區/工具箱

選單欄

結果視窗 (輸出/錯誤)

狀態列



2.4 TouchPAD 的下載方法

TPD-280 (經由 RS-485 網路下載程式。)

RS-485(Data+, Data-)

I-7561, USB/RS-485 轉換器

直流電源 (+10 ~+30 VDC)和接地

USB

電腦

機架接地 (F.G.)

大地

電源供應器, DP-665, 24V

TPD-280

TPD-283 (經由乙太網路下載程式。)

電源

乙太網路供電交換器NS-205PSE

TPD-283ET-7000/PET-7000

電源供應器KA-52F-48

電腦

網際網路乙太網路

** 注意: 圖中「乙太網路」和「乙太網供電」都是用一般的網路線來連接。

** 乙太網供電(PoE, power over Ethernet)是指網路線除了傳輸資料外，還傳送

電力。



TPD-280U (經由 USB 下載程式。)




USB

電腦

機架接地 (F.G.)

大地


TPD-280U

USB

TPD-430/TPD-430-EU (經由 USB 下載程式。)




USB

電腦

機架接地 (F.G.)大地


TPD-430/TPD-430-EU

USB



VPD-130/VPD-130N (經由 USB 下載程式。)




USB

電腦

機架接地 (F.G.)大地


VPD-130/VPD-130N

USB



第 3 章範例程式

此章節中，我們將分別採用 C 語言與 LD 語言來編寫幾個簡單的範例程式，開

始前請確認您已完成硬體安裝與軟體安裝 (第 2 章)。

3.1 範例零 (嗶聲與計數 - 使用階梯

圖設計家)

範例零是用階梯圖設計家(Ladder Designer)來實作一個觸碰會發出一嗶聲的按

鈕，並且在每次觸碰時都會加一，加至 10 後歸零重新累加的一個程式。

使用設備：

範例零使用了 TPD-280。

關於 I-7561 驅動程式下載與 I/O 模組硬體設定，請見附錄 A、附錄 B。

電源供應器 (DP-665, 24V)

機構接地

電源(+10~30 VDC) 接地

RS-485 (Data+)

RS-485 (Data-)

TPD-280

USB/RS-485 轉換器

(I-7561)

USB



3.1.1 HMI 頁面設計 (使用階梯圖)

步驟 1: 開啟一個新的 TPD-280 專案，並選擇階梯圖來開發 (請參閱章節

2.2)。

步驟 2: 建立一個 BitButton (圖像式按鈕)。

a. 如下圖，於視窗左方將頁籤切換至 “ToolBox”。

b. 點選 “Widget (Ctrl+2)” 展開該工具箱。

c. 點選 “BitButton” (滑鼠移至設計區會產生十字游標)。

d. 於設計區中，點選滑鼠不放並往右下拖曳出一個方型。


a.

輸入專案名稱

預設存檔路徑

c.


選擇階梯圖 e.

b.



步驟 3: 同上，建立一個 Label (文字顯示框)。

步驟 4: 建立兩個標籤：“beep_tag”(嗶聲標籤) 和 “count” (計數)。

a. 如下圖所示，在工作區(Workspace)中以滑鼠右鍵點擊 “Virtual” (虛擬) 項目

以產生標籤。

a.

b.

c.

d.

Label 是元件 (widget) 類別，

可供相關函式作操控，相較於

“Text” 只能顯示文字。



b. 在視窗 “Edit variable” (編輯變數) 中鍵入標籤的名稱。這裡我們輸入第一個

標籤的名稱為“beep_tag”，第二個為 “count”。

c. 最後，可以在工作區中看見剛建立的兩個標籤。

步驟 5: 設定 BitButton (圖像式按鈕) 屬性。

a. 點選 BitButton (圖像式按鈕)。

b. 於 “屬性檢視區” 中，點選 “Text” 修改顯示文字為 “Click Me”。

c. 點選 “Font” 可修改字型、字型樣式、大小、色彩。

a.

b.

c.

a.

b.

c.



d. 在 “屬性檢視區” (Inspector) 點擊 “TagName” (標籤名稱)屬性後，在其中會出

現上面有 “…” 字樣的小按鈕。點選 “…” 按鈕。

e. 選擇想要的標籤。這裡我們選擇標籤 “beep_tag”。

f. 最後，可以在 “屬性檢視區” 看到所選的標籤。

步驟 6: 設定 Label (文字顯示框) 屬性。

a. 滑鼠點選 Label (文字顯示框)。

d.

e.

f.

c.

b.

a.



b. 可於右方屬性檢示區，修改下列屬性：

Alignment (對齊): 設置文字於顯示框中的位置。

FillColor (填滿色彩): 填滿顯示框的顏色。

Font (字型): 文字於顯示框中的字型。

Height (高度): 文字顯示框的高度。

ID (流水號): 唯一序號，用來識別同類別卻不同實體的元件。

Left (左頂點): 文字顯示框左上角的 X 座標。

Name (名稱): 元件的類別名稱。

OutlineColor (外框色彩): 文字顯示框的外框顏色。

Text (文字): 文字顯示框上的文字。

Top (上頂點): 文字顯示框左上角的 Y 座標。

Width (寛度): 文字顯示框的寬度。

c. “TagName” (標籤名稱)屬性變為 “count”。 (與上一個步驟相似)

步驟 7: 用階梯圖設計家 (Ladder Designer) 來編輯：第一階(rung)。

a. 點選選單[HMI] > [Ladder Designer]。

b. 按 F2 (或鍵盤上的 F2 鍵)以產生新的一階。

c. 將游標(反白區域)移動到第一個開關符號(contact symbol)，然後再按 F7 在其

右方新增一個功能方塊(function block)。

d. 滑鼠雙擊該功能方塊來選擇其函數。這裡我們選擇 ”數學” (math)類別的 “加

b.

c.



一” (increment, inc) 這一個函數。

e. 將游標移到 “inc” 這一個功能方塊，然後按 F7 在其右方產生一個新的功能

方塊。

f. 滑鼠雙擊第二個功能方塊來選擇其函數。這裡我們選擇 ”系統” (system)類別

的 “嗶聲” (Beep) 這一個函數。

g. 滑鼠雙擊開關符號(contact symbol)來設定其標籤為 “beep_tag”。

h. 相似地，滑鼠雙擊功能方塊 “inc” 之參數 “in” 的隔壁，然後選擇標籤

“count”。

g.

f.



i. 最後，第一階就完成了。

j. 第一階執行的功能如下：

if( beep_tag == 1 ) //即，當使用者按了 BitButton(圖像式按鈕時)

{

Beep(); //發出一個嗶聲

count = count + 1; //加一

}

步驟 8: 用階梯圖設計家 (Ladder Designer) 來編輯：第二階(rung)。

a. 與步驟 7 相似。先移動游標到任一空白區域，然後按 F6 產生一個含有功能

方塊的一階。

b. 將游標移到先前產生的功能方塊上，按 F7 在其右方產生一個新的功能方塊。

c. 滑鼠雙擊第一個功能方塊，來設定其函數為類別 “default” (預設)中的函數：

“GE” (大於或等於)。

d. 滑鼠雙擊第一個功能方塊，來設定其函數為類別 “default” (預設)中的函數：

“Assign” (賦值)。

e. 滑鼠雙擊功能方塊 “GE” (>=) 之參數 “in2” 的隔壁，以設定 ”in2” 的值。

f. 若要設定一個常數的話，則要在 “Select variable” (選擇變數)的視窗中，點選

i.

h.

c.

b.

d.



頁籤 (tab) “Enter Constant” (輸入常數)。這裡我們輸入常數 10。

g. 相似地，設定功能方塊 “Assign” (賦值)的參數 “in” 為常數 0。

h. 相似地，在功能方塊 “GE” (>=) 的參數 “in1” 上，選則標籤 “count”。

i. 相似地，在功能方塊 “Assign” (賦值) 的參數 “out” 上，選則標籤 “count”。

j. 第二階執行的功能如下：The second rung does the followings:

if( count >= 10 ) //如果計數到大於或等於 10

{

count = 0; //從零開始計數

}

步驟 9: 儲存然後關閉階梯圖。(Save & Close)

i. h. g.

f.

e.



步驟 10: 若有必要的話，調整掃描時間 (scan time)。

a. 點選選單 [HMI] > [Refresh Time (I/O Scan)] 來設定掃描時間。

b. 預設的掃描時間是 100 ms (毫秒)。掃描時間 (scan time) 是指相鄰兩次的階梯

圖掃描的時間間隔。即是：TouchPAD 會從頭到尾執行階梯圖中的每一階，當

它執行到最後一階時，會等待掃描時間耗盡，才會從頭開始再依序執行第一

階。(掃描時間間隔是從第一階開始執行時，才開始計時。)

c. 掃描時間可能會影響觸控的靈敏度。如果掃描時間設得太小，則觸碰 BitButton

(圖像式按鈕)一下，就可能觸發好幾下，如此一來就會造成計數了好多次，而

不是計數只要加一就好了。

3.1.2 設置裝置 (TouchPAD)

步驟 1: 點選 “Run” > “Setup Device (TouchPAD)”。

步驟 2: 點選 “COM” 並按 “OK” 完成設定。

本範例所使用的 I-7561 (USB 轉 RS-485) 於電腦中使用 “COM3”，您可至電腦的

“裝置管理員” 中查看 COM Port 位置。



注意：若您採用 Windows7 的電腦

且 “Setup Serial Device”視窗中無 COM Port

選項，請先存檔並關閉程式。於電腦桌面上

的 “HMIWorks_Standard” 快捷圖示上按滑鼠

右鍵，點選 “以系統管理員身分執行”。

3.1.3 下載程式

當您完成了 HMI 頁面編輯後，需將程式下載至 TouchPAD。

步驟 1: 首先，請將 TPD-280 背面的旋轉開關調到 “1” 並重新啟動。

請參考章節 1.2 外觀示意圖 (重新啟動後畫面為黑色)

步驟 2: 於 HMIWorks 選單欄中，點選 “Run” > “Rendering and Build” 產生

原始碼並建置檔案。

步驟 3: 點選 “Run” > “Download Only” 下載程式。



步驟 4: 下載完成後，請將 TPD-280 背面的旋轉開關調到 “0” 並重新啟動。

請參考章節 1.2 外觀示意圖 (重新啟動後即可見到 HMI 畫面)



3.2 範例一 (按鍵嗶聲、計時、計數

功能)

此範例將採用 C 語言，需建立一個按鈕，每按一次就會累加 1 並會發出嗶聲，

再建立一個計時器，每秒自動加 1，當數值累加至 100 會回復至 0 開始。

使用設備：

範例一使用了 TPD-280。

關於 I-7561 驅動程式下載與 I/O 模組硬體設定，請見附錄 A、附錄 B。

3.2.1 HMI 頁面設計 (採用 C 語言)

步驟 1: 新增一個使用 TPD-280 與 C 語言的專案 (請參閱章節 2.2)。


機構接地


RS-485 (Data+)

RS-485 (Data-)

TPD-280


(I-7561)

USB





步驟 2: 建立一個 BitButton (圖像式按鈕)。

a. 如下圖，於視窗左方將頁籤切換至 “ToolBox”。

b. 點選 “Widget (Ctrl+2)” 展開該工具箱。

c. 點選 “BitButton” (滑鼠移至設計區會產生十字游標)。

d. 於設計區中，點選滑鼠不放並往右下拖曳出一個方型。


a.

輸入專案名稱

預設存檔路徑

c.


採用 C 語言 e.

b.

a.

b.

c.

d.



步驟 3: 同上，建立一個 Label (文字顯示框)。

步驟 4: 建立一個 Timer (計時器) 與一個 Label (文字顯示框)。

a. 如下圖，點選 “System (Ctrl+3)” 展開該工具箱。

b. 點選 “Timer” (滑鼠移至設計區會產生十字游標)。

c. 於設計區中，點選滑鼠立即產生一個計時器。

d. 點選 “Widget (Ctrl+2)”，建立一個 Label (文字顯示框)。

步驟 5: 設定 BitButton (圖像式按鈕) 屬性。

a.

b. c.

d.

Label 是元件 (widget) 類別，

可供相關函式作操控，相較於

“Text” 只能顯示文字。



a. 點選 BitButton (圖像式按鈕)。

b. 於 “屬性檢視區” 中，點選 “Text” 修改顯示文字為 “Click Me”。

c. 點選 “Font” 可修改字型、字型樣式、大小、色彩。

步驟 6: 編寫 BitButton (圖像式按鈕) 的控制程式。

a. 滑鼠雙擊 BitButton (圖像式按鈕)，開啟程式編輯視窗。

b. 於程式編輯視窗中，編寫 C 語言程式 (可直接複製框框中的程式碼)。

此範例中，我們希望每按一次按鈕就加 1 並會發出嗶聲，直到累加至 100 再

由 0 開始。

c. 完成後，點選 “Save & Close” 存檔並關閉視窗。

a.

b.

c.



步驟 7: 設定 Label (文字顯示框) 屬性。

a. 滑鼠點選 Label (文字顯示框，"LabelWidget5" 或 "LabelWidget7")。

a.

b.

b.

c. long cnt1=0; static char str1[32]; void BitButton4OnClick(tWidget *pWidget) { hmi_Beep(); cnt1=cnt1+1; if (cnt1>100) { cnt1=0; } usprintf(str1,"%d",cnt1); LabelTextSet(&LabelWidget5, str1); }

宣告變數

嗶聲函數

此名稱需與 Label 屬性的 “Name + ID” 一樣。

將數值轉換為文字

並顯示於 Label。



b. 可於右方屬性檢示區，修改下列屬性：

Alignment (對齊): 設置文字於顯示框中的位置。

FillColor (填滿色彩): 填滿顯示框的顏色。

Font (字型): 文字於顯示框中的字型。

Height (高度): 文字顯示框的高度。

ID (流水號): 唯一序號，用來識別同類別卻不同實體的元件。

Left (左頂點): 文字顯示框左上角的 X 座標。

Name (名稱): 元件的類別名稱。

OutlineColor (外框色彩): 文字顯示框的外框顏色。

Text (文字): 文字顯示框上的文字。

Top (上頂點): 文字顯示框左上角的 Y 座標。

Width (寛度): 文字顯示框的寬度。

步驟 8: 設定 Timer (計時器) 屬性。

a. 如下圖，滑鼠點選 “Timer6” (計時器)。

b. 於屬性檢示區，設定 “Interval (週期)” 屬性，其單位是毫秒 (ms)。此範例中，

我們希望每隔 1 秒即執行該事件，請設定為 “1000”。

a.

b.



步驟 9: 設定 Timer (計時器) 的控制程式。

a. 滑鼠雙擊 “Timer6” (計時器)。

b. 於程式編輯視窗中，編寫 C 語言程式 (可直接複製框框中的程式碼)。

此範例中，我們希望計時器會自動加 1，直到累加至 100 再由 0 開始。

c. 完成後，存檔並關閉視窗。

步驟 10: 您已完成了範例一的程式編輯。請於選單欄中，點選 “File” >

“Save” 儲存檔案。

b. long cnt1=0; long auto_cnt1=0; static char str1[32]; void Timer6OnExecute(tWidget *pWidget) { auto_cnt1=auto_cnt1+1; if (auto_cnt1>100) { auto_cnt1=0; } usprintf(str1,"%d",auto_cnt1); LabelTextSet(&LabelWidget7, str1); }

宣告變數 (auto_cnt1)

將數值轉換為文字

並顯示於 Label。

此名稱需與 Label 屬性的 “Name + ID” 一樣。




步驟 1: 點選 “Run” > “Setup Device (TouchPAD)”。

步驟 2: 點選 “COM” 並按 “OK” 完成設定。

本範例所使用的 I-7561 (USB 轉 RS-485) 於電腦中使用 “COM3”，您可至電腦的

“裝置管理員” 中查看 COM Port 位置。

注意：若您採用 Windows7 的電腦且 “Setup Serial Device”視窗中無

COM Port 選項，請先存檔並關閉程式。於電腦桌面上的 “HMIWorks_Standard”

快捷圖示上按滑鼠右鍵，點選 “以系統管理員身分執行”。



3.2.3 下載程式

當您完成了 HMI 頁面編輯後，需將程式下載至 TouchPAD。

步驟 1: 首先，請將 TPD-280 背面的旋轉開關調到 “1” 並重新啟動。

請參考章節 1.2 外觀示意圖 (重新啟動後畫面為黑色)

步驟 2: 於 HMIWorks 選單欄中，點選 “Run” > “Rendering and Build” 產生

原始碼並建置檔案。

步驟 3: 點選 “Run” > “Download Only” 下載程式。

步驟 4: 下載完成後，請將 TPD-280 背面的旋轉開關調到 “0” 並重新啟動。

請參考章節 1.2 外觀示意圖 (重新啟動後即可見到 HMI 畫面)



3.3 範例二 (遠端 I/O: 燈號、溫度、

通訊狀態)

此範例將採用 LD 語言，需建立兩個 HMI 頁面：

頁面一: 顯示/控制燈號 (DI/DO) x 8﹑溫度顯示(I-7018Z ch0) x 1﹑通訊狀態顯示

(I-7055﹑I-7018Z) x 1﹑頁面切換 x 1。

頁面二: 情境圖片 x 1﹑控制按鈕 x 1﹑控制燈號 (DO) x 2﹑頁面切換 x 1。

使用設備：

範例二使用了 TPD-280﹑I-7055﹑I-7018Z。

機構接地



RS-485 (Data+)

RS-485 (Data-)

TPD-280


(I-7561)

USB

電源

I-7018Z-G/S (10 通道

高保護熱電偶輸入模組)

I-7055D

(8 DI, 8 DO 模組) K-Type 線

RS-485 (Data+) RS-485 (Data-) Baud Rate: 19200 bps Checksum: Disabled

NET-ID (Address): 1 NET-ID (Address): 2



3.3.1 HMI 頁面設計

步驟 1: 新增一個使用 TPD-280 與 LD 語言的專案 (請參閱章節 2.2)。

步驟 2: 建立連線方式。

a. 下載程式前，請於左方 “Workspace” 中的 “Connection” 上按滑鼠右鍵並點

選 “New Connection” 設定連線。

b. 本範例中，“Protocol” 選擇 “UART”，“Baud Rate” 選擇 “19200”，您可自訂

名稱或點選 “Assign name” 自動指定名稱。


a.

輸入專案名稱

預設存檔路徑

c.


此範例採用 LD 程式 e.

b.



步驟 3: 匯入 I/O 模組的標籤。(此範例使用 I-7055D、I-7018Z)

a. 於左方的工作區 (Workspace)，滑鼠右鍵點選 “Device” > “New Device”。

b. 於 “Device Series” 選擇 “I-7000”，“Connection” 選擇之前建立的 “UART”。

c. 點選 “Select” 按鈕並選取欲加入的 I/O 模組。(此範例為 I-7055)

d. 於 “Net ID” 輸入 I-7055 中所設定的站號。(此範例為 1，請參考附錄 B)

b.

C.

d.

a.



e. 於 “Device Name” 輸入名稱或點選 “Assign device name” 自動產生名稱。

f. 請依上述步驟加入 I-7018Z (Net ID = 2)。

步驟 4: 建立顯示/控制燈號。(此範例使用 8 個 DI/DO)

a. 於右方的圖庫區 (Libraries)，選取欲使用的圖形介面 (GUI)。

b. 於左方的工作區，選取欲產生連結的 I/O 標籤，並將其拖曳至設計區。

c. 重複上一步驟，分別放入 DI0 ~7、DO0 ~7。

a.

b.

c.



步驟 5: 建立溫度顯示。(此範例使用 I-7018Z ch0)

您可使用 Slider (滑桿) 以顯示顏色的高度或寬度來表示大小，也可使用 Label 顯

示數據。

a. 如下圖，於左方工具箱- Widget (Ctrl+2)，點選 “Slider” 並於設計區中拖曳出

一個方形。

b. 於屬性檢視區 (Inspector)，您可點選 “BackgroundFillColor” 改變滑桿的背景

色，點選 “FillColor” 改變用來顯示大小的顏色，點選 “OutlineColor” 改變外

框的顏色並將 “Vertical” 改為 “True” 由下至上顯示大小 (“False” 表示由左

至右顯示)。

c. 點選 “Max”、“Min” 修改最大、最小值。

d. 接著點選 “TagName”，於 “Select variable” 視窗中的 “Scope” 選擇 I/O 模組

再指定 I/O 標籤 (Tag)。

e.

a.

b.

d.

c.



e. 如上圖，依上一步驟相同的方式，於工具箱點選 “Label” 並於設計區中拖曳

出一個方形，您可於屬性檢視區 (Inspector)，修改字型、外框顏色，並指定

“TagName”。

步驟 6: 建立通訊狀態警示。(此範例使用 I-7055D、I-7018Z)

f. 如下圖，於圖庫區 (Libraries)，選取欲使用的圖形介面 (GUI)。

g. 於工作區 (Workspace)，分別點選 “I_7055_1_ERROR” 與 “I_7018Z_2_ERROR”

並拖曳至頁面設計區中。

(若 TouchPAD 與 I/O 模組的通訊有問題，即會亮燈)

步驟 7: 建立換頁按鈕。

a. 選單欄點選 “Layout” > “New Frame” 並選取 “SoftPLC” 新增一個 LD 頁面。

b. 於工具箱- Widget (Ctrl+2)，點選 “BitButton” 並於設計區中拖曳出一個方形。

c. 如下圖，於屬性檢視區 (Inspector)，點選 “Reference” 欄位並選取 “Frame2”

a.

b.

a.

b.



，點選 “Text” 並輸入欲顯示的文字。

步驟 8: 建立 Text (文字框)。

您可為 HMI 頁面上的元件，建立說明文字。

a. 於工具箱- Drawing (Ctrl+1) 點選 “Text” 後，再將滑鼠點擊在設計區，重複相

同方式依序將 “Text” 放置在欲說明的位置。

b. 於屬性檢視區 (Inspector)，點選 “Text” 欄位依序輸入說明文字。

c. 將 “TextAsImage” 屬性改為 “True”，以啟用顯示本地語言 (例如：中文)。

小技巧與警告

注意: 若將 “Text” 元件的 “TextAsImage” 屬性改為 “True”，則

TouchPAD 即可依 MS Windows 顯示本地語言 (例如: 繁體中

c.



文)。而 “Text” 與 “BitButton” 皆是以文字轉圖像的方式顯示，因

此會占用較多的記憶體空間。

如何對齊多個元件?

您可框選 HMI 上的元件或按住

鍵盤 “Shift” 鍵選取多個元件，

並於選單欄點選 “Layout” 來選

擇對齊方式。

步驟 9: 建立背景圖。

首先，請將頁面切換至 “Frame2”。

a. 於工具箱 - Drawing (Ctrl+1)，點選 “Picture” 並於設計區中拖曳出一個方形。

b. 於屬性檢視區 (Inspector)，點選 “Height”、“Width” 修改圖片大小，點選

“Left”、“Top” 修改的對齊位置。

c. 點選 “Picture” 或滑鼠

雙擊方框，於 “Select

picture” 視窗點選

“Load” 載入圖片。

a.

b.

c.



小技巧與警告

a. 您可將 “HiColor” 屬性改為 True 來提高圖片解析度，但檔案

大小也會因此增加。

b. 您也可於 “小畫家” 中，以全選 (Ctrl+A)、複製 (Ctrl+C) 並將

圖片貼上 (Ctrl+V) HMI 頁面中。

步驟 10: 建立控制按鈕。

a. 首先，請於工作區建立一個虛擬標籤 (變數)。滑鼠右鍵點選 “Virtual” > “New

Virtual Tag” 並於 “Edit variable” 視窗輸入變數名稱 (例如: V1)。

b. 如步驟 7-b，建立一個 “BitButton”。於屬性檢視區，點選 “Font” 修改字型，

點選 “Text” 修改顯示文字並將 “TagName” 指定為 “V1” (請參考步驟 5-d)。



步驟 11: 建立顯示燈號。

如同步驟 4，建立兩個燈號並將 “TagName” 屬性對應至 I_7055_1_DO0、

I_7055_1_DO1。

步驟 12: 建立換頁按鈕。

如同步驟 7，建立一個換頁按鈕。您也可使用複製並貼上的方式並修改

“Reference” 屬性為 “Frame1”，點選 “Text” 並輸入欲顯示的文字。

至此，您已完成了頁面設計的部分，下ㄧ章節將說明如何使用 “Ladder Designer”

來編寫 LD 程式。



3.3.2 使用 “Ladder Designer” 編寫 LD 程式

此範例中，我們希望點選 “控制燈號” (V1) 按鈕後，能同時控制兩個燈號

(I-7055D 之 DO0、DO1)。

步驟 1: 開啟 Ladder Designer (階梯圖設計家)。

a. 於設計區，滑鼠點選 “控制燈號” 按鈕。

b. 於選單欄，點選 “HMI” > “Ladder Designer” 或按鍵盤快捷鍵 “F4” 開啟階梯

圖設計家。

步驟 2: 開始編寫 LD 程式。

a. 首先，點選 “F2” 插入一個開關 (Contact、Switch)。



b. 滑鼠點選 “線圈 (Coil)” 再點選功能鍵 F5，在其下方新增一個線圈 (Coil)。

步驟 3: 指定變數。滑鼠雙擊常開開關，於選擇變數視窗指定變數名稱

(V1)。並依相同方式指定線圈的變數名稱 (I_7055_1_DO0/DO1)。

步驟 4: 變更開關與線圈類型。

a. 滑鼠點選常開開關並按功能鍵 “Space[T]” (或鍵盤 “空白鍵”、“P”)，切換類型

為 “正向開關 (P)”。

b. 依相同方式 (鍵盤 “S”)，將線圈切換為 “設定型線圈 (S)”。

常開開關線圈



步驟 5: 依上述步驟，建立一樣的程式並修改類型為 “負向開關 (N)” 與

“復位型線圈 (R)”。

說明:

當 V1 開關被觸發時 (OFF ON)，I-7055D 的 DO0、DO1 設定為 ON。

當 V1 開關被觸發時 (ON OFF)，I-7055D 的 DO0、DO1 設定為 OFF。

步驟 6: 您已完成 LD 程式，於選單欄點選 “File” > “Save & Close” 存檔並

離開此視窗。

正向開關設定型線圈




請參考章節 3.2.2，點選選單欄 “Run” > “Setup Device (TouchPAD)” 設置欲使用

的下載介面。

小技巧與警告

您可在電腦中的 “裝置管理員” 中查看所使用的通訊介面

3.3.4 下載程式

將 TPD-280 背後的旋轉開關調至 1 (更新模式) 並重新啟動，再執行 “Run” >

“Run” 將程式編譯並下載至 TouchPAD，完成後再將旋轉開關調至 0 (運行模式)

並重新啟動。(可參考章節 3.2.3)

小技巧與警告

如何加快元件的反應時間?

a. 選單欄中點選 “HMI” > “Refresh Time (I/O Scan)”

b. 修改更新時間 (Refresh Time)



3.4 範例三

(多機 HMI 搭配 ISaGRAF PAC: 燈

號、溫度、通訊狀態)

在上一章節的範例二中，您已經熟悉了各個元件的建立方式與階梯圖設計家的使

用方式。因此，後續我們將採取較簡略的方式來說明範例三。

範例三中，我們採用兩台 TPD-283 連接至一台運行有 ISaGRAF 程式的 ISaGRAF

PAC (µPAC-7186EG，用來當作 Modbus TCP Server)，並依據 ISaGRAF 程式中所規

劃之 Modbus Tag 的位址來讀取/寫入 I/O 模組。

頁面一: 顯示/控制燈號 (M-7055D-DI/DO) x 8

溫度顯示 (M-7018Z ch0) x 1

通訊狀態顯示 (µPAC-7186EG) x 1

控制按鈕 x 2。

小技巧與警告

注意：TouchPAD 的 RS-485 Port 採用 Modbus RTU 協議連接

M-7018Z 時，需使用 DCON Utility 將 M-7018Z 規劃為

"Engineering" 格式 (Modbus RTU)。

注意：若您使用較新版本 - HMIWorks v2.02 以上，請將格式設定

為 2 的補數。

請參考附錄 A、附錄 B 取得關於 I-7561 驅動程式下載與 I/O 模組硬體設定。

請參考附錄 D 取得關於 ISaGRAF PAC (µPAC-7186EG) 與程式的相關資訊。

使用設備：



範例三使用了 TPD-283 x 2 (網路型)﹑µPAC-7186EG﹑M-7055D﹑M-7018Z。

(請參考下圖的硬體連接方式)。



注意：「乙太網路」與「乙太網路供電 (PoE)」皆使用一般的

網路線，PoE 指網路線除了傳輸資料，還傳送電力。

電源供應器 (KA-52F-48, 48V)

Modbus TCP Server (µPAC-7186EG)

Baud Rate: 19200 bps Checksum: Disabled

乙太網路供電交換器

(NS-205PSE-24V) 電腦

電源乙太網路

乙太網路供電

RS-485 (Data+)

RS-485 (Data-)

電源

電源

M-7055D

(8 DI, 8 DO 模組)

TPD-283

K-Type 線

IP: 192.168.1.204 Mask: 255.255.255.0 NET-ID: 1

NET-ID (Address): 1

乙太網路供電

NET-ID (Address): 2

M-7018Z-G/S (10 通道

高保護熱電偶入模組)



3.4.1 HMI 頁面設計

步驟 1: 新增一個使用 TPD-283 與 LD 語言的專案 (請參閱章節 2.2)。

步驟 2: 建立連線方式 (TCP/IP)。(請參閱章節 3.3.1 步驟 2)

IP 欄位請設定為 TouchPAD 所連接的設備 IP 位址 (此範例為 µPAC-7186EG)。

使用的設備

µPAC-7186EG 的 IP



步驟 3: 匯入 I/O 標籤。(設備為 µPAC-7186EG，請參閱章節 3.3.1 步驟 3)

a. 於工作區，滑鼠右鍵點選 “Device” > “New Device”。

b. 於 “Device Series” 選擇 “Modbus TCP”，“Connection” 選擇之前建立的

“ TCP_204” 再點選 “Edit” 按鈕。

c. 由於我們在 ISaGRAF 程式中規劃了 Modbus Tag 的位址 (D00 ~ 7 = 21 ~ 28 ;

DI0 ~ 7 = 01 ~ 08 ; AI0 ~ 9 = 101 ~ 110，詳情請見附錄 D)，請在 “Import” 視窗

中填入起始位址與使用個數，最後再填入設備名稱 (Device Name)。

步驟 4: 建立背景圖。

請依照範例二 (章節 3.3.1 步驟 9) 中相同的方式來建立背景圖。

* 圖片大小為: 320 (寬) x 240 (高)

b. c.



步驟 5: 建立顯示/控制燈號。

請依照範例二 (章節 3.3.1 步驟 4) 中相同的方式來建立 8 個 DI/DO 燈號。

步驟 6: 建立溫度顯示。(此範例使用 AI0)

請依照範例二 (章節 3.3.1 步驟 5) 中相同的方式，建立一個 Slider (因為 K-type

於 Modbus I/O 會顯示三位數，請設定最大值= 1000) 與 Label (“TagName”= AI0)

來當溫度顯示。



小技巧與警告

範例中使用 M-7018Z K-type 會取至小數一位數，因此 269 表示攝氏

26.9 度。若您需顯示小數點，請參考附錄 E。

步驟 7: 建立通訊狀態警示。

請依照範例二 (章節 3.3.1 步驟 6) 中相同的方式來建立通訊狀態警示。

步驟 8: 建立虛擬點 (V1、V2)。

請依照範例二 (章節 3.3.1 步驟 6) 中相同的方式來建立虛擬點 (Tag) 。

步驟 9: 建立核取方塊 (全開/全關按鈕: All ON/OFF)。

a. 如下圖，於工具箱- Widget (Ctrl+2)，點選 “CheckBox” 並於設計區中拖曳出一

個方形。



b. 於屬性檢視區 (Inspector)，點選 “TagName” 欄位並選取 “V1”。

(您也可視需要來修改顏色，我們將於下一章節說明 LD 程式)

步驟 10: 建立核取方塊 (省電模式按鈕: Saving Mode)。

請依照上一步驟，再建立一個 “CheckBox” 且 “TagName” 為 V2。



3.4.2 使用 “Ladder Designer” 編寫 LD 程式

上一章節中，我們建立了 “全開/全關” 與 “省電模式” 按鈕。此章節將說明如何

以 LD 程式來實現功能。

步驟 1: 開啟 Ladder Designer (階梯圖設計家)。

按鍵盤 “F4” 快速開啟視窗或於選單欄，點選 “HMI” > “Ladder Designer”。

步驟 2: 編寫 “全開/全關” 功能。

a. 點選 “F2” 插入一個開關，接著滑鼠點選線圈並按 “F5” 新增 7 個線圈。

b. 滑鼠雙擊開關來指定變數 “V1” 並陸續指定線圈所對應的變數 “DO0 ~ 7”。

c. 滑鼠點選在第一階，並按鍵盤 “Ctrl+D” 或於選單欄的 “Edit” > “Duplicate”，

複製並貼上相同的程式在其下方。

d. 滑鼠點選功能鍵 “Space [T]” 變更 “V1” 開關與所有線圈為 “正向開關 (P)”

與 “設定型線圈 (S)”。(可參考章節 3.3.2 步驟 4)

第一階

線圈



e. 設定第二階開關與所有線圈為 “負向開關 (N)” 與 “復位型線圈 (R)”。

步驟 3: 編寫 “省電模式” 功能。

說明: 當點選此按鈕時，DO5 ~ 7 亮而 DO0 ~ 4 暗，再按一次按鈕則全部關閉。

a. 如同步驟 2-a ~ c 的方式建立 “ V2” 開關與線圈。

b. 滑鼠點選功能鍵 “Space [T]” 變更 “V2” 開關為 “正向開關 (P)”、DO0 ~ 4 為

“復位型線圈 (R)” 與 DO5 ~ 7 為 “設定型線圈 (S)”。

c. 依照相同方式設定，設定第 4 階開關與所有線圈為 “負向開關 (N)” 與 “復位

型線圈 (R)”。

第二階

第一階




上一章節中我們已經完成了程式設計，接下來需把程式下載至 TouchPAD 中。此

範例我們使用了兩台網路型 TouchPAD (TPD-283)，在下載程式之前，您必須設定

/搜尋設備、選取設備並指定下載 IP。

您可在 TPD-283 的包裝貼紙上見到出廠的預設值，IP = 192.168.255.1、Gateway =

192.168.0.1、Mask = 255.255.0.0。當然，此設定值可能不符合您的需求，因此我

們需先搜尋網路上的 TPD-283 並設定其 IP，設定前請確認您的 TPD-283 已連

上網路 (硬體連接方式請參考章節 3.4 – 使用設備，請一次設定一台)。

步驟 1: 設定 TouchPAD 的 IP 位址

a. 點選 “Run” > “Setup Device (TouchPAD)” 進入 “Setup Ethernet Device” 畫面。

b. 點選 “Search TouchPAD…” 搜尋網路上的 TouchPAD，若您的電腦與 TPD-283

屬於不同的子網域或初次設定 IP，請將 TPD-283 背後的旋轉開關轉到 1 並

重新啟動，再試著搜尋一次 (約 40 秒)，此時預設 IP 會變為 0.0.0.0。

c. 滑鼠雙擊欲設定的設備。

a.

b.

c.



d. 每台 TouchPAD 的背後都有一個 MAC 位址，您可藉由此位址來識別所設定

的設備。如下圖，將針對部分欄位作說明：

“Host IP Address”: 您安裝 HMIWorks 的電腦 IP 位址。

“Device IP address” (中間): 為您的 TouchPAD 指定一個 IP 位址。

“Device IP address” (下方): 指定一個專用於下載的 IP 位址。

小技巧與警告

注意：若 TouchPAD 的 IP 設為 “DHCP”，則開機後需等待一些時

間讓 DHCP 分派 IP 給 TouchPAD。另外，IP 的設定值是包含在程

式裡，而不是儲存在 TouchPAD 的記憶體中，因此只有程式下載

成功後其 IP 才生效。

** 此步驟設定完成後，請先至下ㄧ章節執行下載程式。

HMIWorks 一次只能設定一台 TouchPAD，當更換下載設備 (網路

型 TouchPAD) 時，必須再次執行 "Setup Device (TouchPAD)" 搜尋

並重新選定正確的 TouchPAD。

電腦的 IP 位址

TPD-283 的 IP 位址

程式下載用 IP 位址

以下 IP 位址需在相同子網域



e. 請依照上述相同步驟，設定另一台 TPD-283。

“Device IP address” (中間): 設定為 “192.168.1.203” 並點選 “Static IP”，

“Device IP address” (下方): 設定為 “192.168.1.205”。

3.4.4 下載程式

由於上一章節 “裝置設置” (步驟 1-b) 已將旋轉開關轉到 1 並重新啟動，請執行

“Run” > “Run” 將程式編譯並下載至 TouchPAD。(可參考章節 3.2.3 步驟 2 ~ 3，

若為初次下載程式，下載畫面會停留約 20 秒才開始下載)

小技巧與警告

注意: TPD-283 只有初次使用設定 IP 時或無法正常下載程式時，

需將旋轉開關調至 1 的位置，其它請將旋轉開關調至 0 的位置

並重開機。於下載前執行 “設置裝置” 並點選 HMIWorks 選單欄

中的 “Run” > “Run” 即可編譯與下載程式，並自動重新啟動。



3.5 範例清單

在前面章節中，我們已介紹了 4 個範例 (下表前 4 項)，後續將針對客戶實際的

應用情形, 新增於下列清單中。

程式名稱說明

Demo_00 使用 TPD-280 與 LD 語言，建立按一下累加 1 並發出嗶聲

的按鈕，累加至 10 則歸零重新累加。

Demo_01 使用 TPD-280 與 C 語言，建立按一下累加 1 並發出嗶聲的

按鈕，再建立一個計時器，自動累加至 100 則歸零重新計數。

Demo_02_LD 使用 TPD-280 與 LD 語言，透過 RS-485 連接 I-7055D 與

I-7018Z 並實現燈號控制﹑溫度顯示﹑通訊狀態顯示的功能。

Demo_03_LD 使用 TPD-283 與 LD 語言，透過 TCP/IP 連接 µPAC-7186EG﹑

M-7055D﹑M-7018Z 並實現燈號控制﹑溫度顯示﹑通訊狀態顯

示的功能。

Demo_04_C 使用 TouchPAD (VPD-130) 並透過 RS-485 來讀取 ISaGRAF

PAC (μPAC-7186EG) 的系統日期與時間。(ISaGRAF FAQ-147)

Demo_05 在 TPD-430 上使用 C 語言與 LD 語言，在第一頁設計一個按鈕，

按下後會顯示”Hello World!”字串於文字顯示框上；而於第二

頁則透過 RS-485 連接控制 M-7055D 和 M-7018Z，實現 DI/DO

控制和溫度顯示。

ftp://ftp.icpdas.com/pub/cd/touchpad/demo/getting_started/chinese/




http://www.icpdas.com.tw/support/faq/software_tc.html

http://www.icpdas.com/faq/isagraf/147_c.htm




附錄 A. 下載資訊

本手冊僅簡單的介紹部分的功能，您可至下列網址取得更多關於 TouchPAD 系列

產品之詳細的內容。

使用手冊：

http://ftp.icpdas.com/pub/cd/touchpad/document/chinese/

產品網頁：

http://www.icpdas.com.tw/product/solutions/hmi_touch_monitor/touchpad/tpd-280_c.html


http://www.icpdas.com.tw/product/solutions/hmi_touch_monitor/touchpad/vpd-130_c.html

產品型錄：

http://ftp.icpdas.com/pub/cd/touchpad/document/chinese/data_sheet/tpd-280(u)_tpd-283(zh-tw).pdf

http://ftp.icpdas.com/pub/cd/touchpad/document/chinese/data_sheet/tpd-430_tpd-430-eu(zh-tw).pdf

http://ftp.icpdas.com/pub/cd/touchpad/document/chinese/data_sheet/vpd-130_vpd130n(zh-tw).pdf

I-7561 (USB 轉 RS-485 轉換器) 之驅動程式，下載位址：

ftp://ftp.icpdas.com/pub/cd/8000cd/napdos/7000/756x/

I-7000 I/O 模組 (支援 DCON 通訊協定)：

http://www.icpdas.com/products/Remote_IO/i-7000/i-7000_list.htm

M-7000 I/O 模組 (支援 Modbus RTU 與 DCON 通訊協定)：

http://www.icpdas.com/products/Remote_IO/m-7000/m-7000_list.htm

ISaGRAF 網頁：

http://www.icpdas.com/products/PAC/i-8000/isagraf.htm

http://ftp.icpdas.com/pub/cd/touchpad/document/chinese/



http://www.icpdas.com.tw/product/solutions/hmi_touch_monitor/touchpad/vpd-130_c.html







ftp://ftp.icpdas.com/pub/cd/8000cd/napdos/7000/756x/

http://www.icpdas.com/products/Remote_IO/i-7000/i-7000_list.htm

http://www.icpdas.com/products/Remote_IO/m-7000/m-7000_list.htm

http://www.icpdas.com/products/PAC/i-8000/isagraf.htm



附錄 B. 如何設定 I/O 模組?

此章節將說明如何使用 DCON Utility 來設定 I/O 模組的站號 (Address，Net ID)、

傳輸率 (Baudrate)、資料格式 (Dataformat)。

請先至以下位置，下載 DCON Utility 安裝程式和使用手冊：

ftp://ftp.icpdas.com/pub/cd/8000cd/napdos/driver/dcon_utility/

硬體接線方式

軟體安裝方式

滑鼠雙擊安裝程式並按 “Next” 完成安裝。


(I-7561)

Baud Rate: 19200 Checksum: Disabled

電源供應器 (DP-665, 24V) 電腦

USB

I-7018Z-G/S (10 通道

高保護熱電偶輸入模組) I-7055D

(8 DI, 8 DO 模組)

(+V, GND)

RS-485 (Data+, Data-)

RS-485 (Data+, Data-)

電源注意: 一次僅設定一個模組。

電源

NET-ID (Address): 1

NET-ID (Address): 2

ftp://ftp.icpdas.com/pub/cd/8000cd/napdos/driver/dcon_utility/



軟體設定方式

I-7055D:

a. 開始設定前，請將 I-7055D 背面的開關切換至 “Init” 並重新啟動，使其為初

始值的狀態。

b. 點選桌面上的捷徑圖示或 “開始” > “所有程式” > “ICPDAS” > “DCON_Utility”

> “DCON_Utility” 來開啟程式。

c. 首先點選 “COM Port” 來設定搜尋條件，再點選 “Start Search” 開始搜尋。

d. 此時，I-7055D 模組為初始狀態，滑鼠點選 “7055D” 進入設定畫面。

電腦的 COM Port

選擇傳輸率

選擇通訊協定



e. 如上圖，請設定 Address = 1、Baudrate=19200 並按 “Setting” 按鈕。此時，

將出現如下提示訊息，請先按 “確定”。

f. 請將 I-7055 背面的開關切換回 “Normal” 並重新啟動模組。接著，請再執行

一次掃描，確認設定值無誤。

M-7055D:

設定方式與 I-7055D 相同，但是 “Protocol” 為 “Modbus RTU”。

I-7018Z:

請依上述步驟，設定此模組。

(如下圖)

Configuration Setting :

Address = 2、Baudrate = 19200、Dataformat = Engineering

Channel Enable/Disable Setting :

由於範例中僅使用一個通道，請將 CH0 設定為 “T/C K-type”。



小技巧與警告

注意: “T/C ?-type” 有斷線偵測的功能，未使用的通道，請勿選用該

選項。下圖中，若黃色區域顯示 +9999.900 表示該通道空接

或 “Input Range” 設定錯誤。另外，所有通道皆須是勾選狀態。

M-7018Z:

設定方式與 I-7018Z 相同，但是 “Protocol” 為 “Modbus RTU”。

注意：TouchPAD 的 RS-485 Port 採用 Modbus RTU 協議連接 M-7018Z 時，需

將 M-7018Z 規劃為 "Engineering" 格式 (Modbus RTU)。

注意：若您使用較新版本 - HMIWorks v2.02 以上，請將格式設定為 2 的補數。



附錄 C. 如何自行建立圖形介面?

HMIWorks 的圖庫區 (Libraries) 中，提供許多內建的圖形介面，您也可以自行建

立自己所設計的圖形樣式。

a. 首先，於小畫家中開啟圖片並按鍵盤全選 (Ctrl+A)、複製 (Ctrl+C) 圖片。

b. 將圖片貼上 (Ctrl+V) HMI 頁面中。接著，於圖片上按滑鼠右鍵並點選 “Add to

library…”，再輸入圖片的名稱 (燈號圖示有兩種狀態，一般以 0 表示 OFF、

1 表示 ON)。

c. 依相同方式再建立另一個圖片 (L04_1)。



附錄 D. ISaGRAF PAC 設定 & 程式

於手冊中之範例三 (章節 3.4)，TouchPAD 搭配了一個運行有 ISaGRAF 程式的

ISaGRAF PAC，此處我們將簡略地介紹此 ISaGRAF 程式。

ISaGRAF PAC 設定:

下列為範例三中 µPAC-7186EG 所需的設定值:

COM2: Master Baud rate: 19200 IP: 192.168.1.204 Mask: 255.255.255.0

設定方式，請參考 µPAC-7186EG 快速上手手冊 (章節 3.7、3.8):

http://www.icpdas.com/products/PAC/i-8000/getting_started_manual.htm

ISaGRAF 的變數定義:

變數名稱位址 (16 進制 > 十進制) 說明

R7055_DO01 ~ 08 0015 ~ 001C 21 ~ 28 M-7055D - DO0 ~ 7

R7055_DI01 ~ 08 0001 ~ 0008 1 ~ 8 M-7055D - DOI ~ 7

R_7018Z01 ~ 10 0065 ~ 006E 101 ~ 110 M-7018Z - AI0 ~ 9

http://www.icpdas.com/products/PAC/i-8000/getting_started_manual.htm



ISaGRAF 程式說明:

從 Modbus 設備讀取 8 個布林值:

轉換 1 個 Word (Signed 16-bit) 值為 16 個布林值 :

讀取格式: bit

ID =1

Modbus 0

開始讀取

正確傳回: True

失敗傳回: False



寫入 8 個布林值至 Modbus 設備:

從 Modbus 設備讀取 10 個 Word (Signed 16-bit):

正確傳回: True

失敗傳回: False

ID =1

Modbus 0

開始讀取

ID =2

Modbus 0

開始讀取

讀取格式: Word

正確傳回: True

失敗傳回: False



附錄 E. 如何顯示小數點?

所有在 “Ladder Designer” (階梯圖設計家) 中的數字都是顯示整數，不接受小

數。但某些情況下，您可能需要計算或是顯示小數，以下我們將針對熱電偶模組

I-7018Z 模組 (DCON 通訊協定) 與 M-7018Z 模組 (Modbus 通訊協定) 說明如何

顯示小數位數。

I-7018Z 模組

由於 “Ladder Designer” 無法處理小數位數，因此只顯示接收值的整數 (例如:

26.500 顯示 26)，若您想顯示 26.5 則須修改該模組的 IO.hsf 檔案，檔案位於

安裝路徑 C:\ICPDAS\HMIWorks_Standard\bin\Modules\I-7000\I-7018Z 中，請修改

程式為:

接著，於 HMIWorks 中將 Label 的 “DecimalDigits” 屬性改為 1，即可顯示小數

一位數 (26.5)。此外，數據已由 26 變為 265，若您有使用 Slider 需將 “Max” 屬

性設定為 1000，再重新編譯並下載至 TouchPAD 中。

加入 v_ai[0] = v_ai[0] * 10;

此時 AI0 為 265



M-7018Z 模組

請參考各產品網頁來查詢輸入(溫度) 範圍與該手冊中的 “3.5 工程 (Engineering)

數據格式表” 來查詢可顯示範圍，以了解取用幾個接收值的小數位數。

於 Modbus 通訊協定是以 2 byte 表示數據，因此數據資料的表示範圍為 -32768

~ 32767。如下表，將溫度範圍放大 10n 來看，n 即表示取用接收值至小數 n 位

數，以 K-Type 來說接收值為 26.500 時，將會取用數值為 265。

因此，在 TouchPAD 上看到的 265 即是 26.5 度。您只需於 HMIWorks 中

將 Label 的 “DecimalDigits” 屬性改為 1，再重新編譯並下載至 TouchPAD，即可

顯示小數點。

輸入類型溫度範圍可顯示範圍取小數位

J -210 ~ +760 -2100 ~ +7600 1

K -270 ~ +1372 -2700 ~ +13720 1

T -270 ~ +400 -2700 ~ +4000 1

E -270 ~ +1000 -2700 ~ +10000 1

R 0 ~ +1768 0 ~ +17680 1

S 0 ~ +1768 0 ~ +17680 1

B 0 ~ +1820 0 ~ +18200 1

N -270 ~ +1300 -2700 ~ +13000 1

C 0 ~ 2320 0 ~ 23200 1

L -200 ~ +800 -2000 ~ +8000 2

M -200 ~ +100 -20000 ~ +10000 1

L (DIN43710) -200 ~ +900 -2000 ~ +9000 1



附錄 F. 如何由 USB 下載程式?

TPD-280U, TPD-430, TPD-430-EU, VPD-130, VPD-130N 皆擁有一個 USB Port。使用

者於 HMIWorks 完成專案後，不需於選單欄中執行 “Run > Setup Device” 即可

透過 USB 下載程式到 TouchPAD 中。

注意：若版本 2.03 以上(含)的 HMIWorks 已經安裝於電腦上，則 TouchPAD 的 USB

驅動程式也已經自動安裝完畢。但是若使用者有安裝之前版本的 HMIWorks，則

可能還需要更新 TouchPAD 的 USB 驅動程式才可正常工作。

安裝或更新 TouchPAD USB 的驅動程式

步驟 1: 將 TouchPAD 的旋轉開關調至 “9”。

首先，您於 TouchPAD 上可見到 “Waiting for connection..” 的畫面，請將

TouchPAD 的 USB 線連接至 PC 。

步驟 2: 於 “尋找新增硬體精靈” 視窗中，”Windows 是否可連線到

Windows Update 尋找軟體?” 選項下，選擇 “不，現在不要”。

MiniOS8 is running.

Waiting for connection…

VPD-130

Version 1.01 (May 11 2011)



小技巧與警告

注意: 不同作業系統的電腦，安裝方式可能有所不同。若您的電

腦並未跳出 “尋找新增硬體精靈” 視窗，請於您電腦的 “裝置管

理員” 中進行安裝。

Windows XP: Windows 7 (32 bit):

步驟 3: 選擇 “從清單或特定位置安裝 (進階)”。



步驟 4: 勾選 “搜尋時包括這個位置” 並點選 “瀏覽” 再選取以下安裝路徑

C:\ICPDAS\HMIWorks_Standard\Tools\USB_Drivers。



步驟 5: 安裝完成後，您可見到如下畫面。

由 USB 下載程式

如上述，完成 USB 驅動程式安裝後，請將 TouchPAD 重新啟動。啟動後，畫面

如下 (於此畫面才可下載程式):

於 HMIWorks 中的選單欄執行 “Run > Run” 將程式下載至 TouchPAD 中。

MiniOS8 is running.

Waiting for connection…

VPD-130

Version 1.01 (May 11 2011)



下載完成後，於 TouchPAD 上即可見到程式畫面，此時，您可將旋轉開關調至 0

並重新啟動，將 TouchPAD 設定為運行模式。

Documents

TouchPADftp.icpdas.com.tw/.../programming_guide/touchpad_programming_guide_zh-tw_ver1.0.5.pdf此章節中，我們將分別採用c 語言 與 ld 語言來編寫幾個簡單的範例程式，開

TouchPADftp.icpdas.com.tw/.../programming_guide/touchpad_programming_guide_zh-tw_ver1.0.5.pdf此章節中，我們將分別採用c 語言與 ld 語言來編寫幾個簡單的範例程式，開