開發(fā)者在畫面開發(fā)系統(tǒng)TouchMak中制作的畫面都是靜態(tài)的 那么它們?nèi)绾我詣?dòng)畫方式反映工業(yè)現(xiàn)場(chǎng)的狀況呢 這需要通過(guò)實(shí)時(shí)數(shù)據(jù)庫(kù) 因?yàn)橹挥袑?shí)時(shí)數(shù)據(jù)庫(kù)中建立的變量才與現(xiàn)場(chǎng)狀況同步變化的 數(shù)據(jù)庫(kù)變量的變化又如何導(dǎo)致畫面的動(dòng)畫效果呢 通過(guò) 動(dòng)畫連接 所謂 動(dòng)畫連接 就是建立畫面的圖素與數(shù)據(jù)庫(kù)變量的對(duì)應(yīng)關(guān)系 這樣 工業(yè)現(xiàn)場(chǎng)的數(shù)據(jù) 比如溫度 液面高度等 當(dāng)它們發(fā)生變化時(shí) 通過(guò)設(shè)備驅(qū)動(dòng)將引起實(shí)時(shí)數(shù)據(jù)庫(kù)中相關(guān)聯(lián)變量的變化 比如畫面上有一個(gè)指針圖素 您規(guī)定了它的偏轉(zhuǎn)角度與一個(gè)變量關(guān)聯(lián) 您就會(huì)看到指針隨工業(yè)現(xiàn)場(chǎng)數(shù)據(jù)的變化而同步偏轉(zhuǎn) 動(dòng)畫連接 的引入是設(shè)計(jì)人機(jī)界面的一次技術(shù)突破 它把程序員從繁重的圖形編程中解放出來(lái) 為程序員提供了標(biāo)準(zhǔn)的工業(yè)控制圖形界面 并且可以通過(guò)內(nèi)置的命令語(yǔ)言連接來(lái)增強(qiáng)圖形動(dòng)畫效果 第3章動(dòng)畫設(shè)計(jì) 3 1動(dòng)畫連接 對(duì)于已經(jīng)建立的 監(jiān)控中心 如果畫面上的原料油罐圖素能夠隨著變量 原料油液位 值的大小實(shí)時(shí)顯示液位的高低 那么對(duì)于操作者來(lái)說(shuō) 它就能夠看到一個(gè)反映工業(yè)現(xiàn)場(chǎng)的監(jiān)控畫面 3 1 1液位示值動(dòng)畫設(shè)置 l 在畫面上雙擊 原料油罐 圖形 彈出該對(duì)象的動(dòng)畫連接對(duì)話框 如圖3 1所示 對(duì)話框設(shè)置如下 變量名 模擬量 本站點(diǎn) 原料油液位 填充顏色 綠色 最小值 0 占據(jù)百分比 0最大值 100 占據(jù)百分比 100 2 單擊 確定 按鈕 完成原料油罐的動(dòng)畫連接 這樣建立連接后原料油罐液位的高度隨著變量 原料油液位 的值變化而變化 用同樣的方法設(shè)置催化劑罐和成品油罐的動(dòng)畫連接 連接變量分別為 本站點(diǎn) 催化劑液位 本站點(diǎn) 成品油液位 作為一個(gè)實(shí)際可用的監(jiān)控程序 操作者可能需要知道罐液面的準(zhǔn)確高度而不僅是形象的表示 這個(gè)功能由 模擬值動(dòng)畫連接 來(lái)實(shí)現(xiàn) 3 在工具箱中選擇T工具 在原料油罐旁邊輸入字符串 這個(gè)字符串是任意的 當(dāng)工程運(yùn)行時(shí) 字符串的內(nèi)容將被您需要輸出的模擬值所取代 4 雙擊文本對(duì)象 彈出動(dòng)畫連接對(duì)話框 在此對(duì)話框中選擇 模擬量輸出 選項(xiàng)彈出模擬量輸出動(dòng)畫連接對(duì)話框 如圖3 2所示 對(duì)話框設(shè)置如下 表達(dá)式 本站點(diǎn) 原料油液位 整數(shù)位數(shù) 2小數(shù)位數(shù) 0對(duì)齊方式 居左 5 單擊 確定 按鈕完成動(dòng)畫連接的設(shè)置 當(dāng)系統(tǒng)處于運(yùn)行狀態(tài)時(shí)在文本框 中將顯示原料油罐的實(shí)際液位值 用同樣方法設(shè)置催化劑罐和成品油罐的動(dòng)畫連接 連接變量分別為 本站點(diǎn) 催化劑液位 本站點(diǎn) 成品油液位 3 1 2閥門動(dòng)畫設(shè)置 1 在畫面上雙擊 原料油出料閥 圖形 彈出該對(duì)象的的動(dòng)畫連接對(duì)話框 如圖3 3所示 對(duì)話框設(shè)置如下 變量名 離散量 本站點(diǎn) 原料油出料閥 關(guān)閉時(shí)顏色 紅色 打開時(shí)顏色 綠色 2 單擊 確定 按鈕后原料油進(jìn)料閥動(dòng)畫設(shè)置完畢 當(dāng)系統(tǒng)進(jìn)入運(yùn)行環(huán)境時(shí)鼠標(biāo)單擊此閥門 其變成綠色 表示閥門已被打開 再次單擊關(guān)閉閥門 從而達(dá)到了控制閥門的目的 3 用同樣方法設(shè)置催化劑出料閥和成品油出料閥的動(dòng)畫連接 連接變量分別為 本站點(diǎn) 催化劑出料閥 本站點(diǎn) 成品油出料閥 3 1 3液體流動(dòng)動(dòng)畫設(shè)置 1 在數(shù)據(jù)詞典中定義一個(gè)內(nèi)存整型變量 變量名 控制水流 變量類型 內(nèi)存整型 初始值 0 最小值 0 最大值 100 2 選擇工具箱中的 矩形 工具 在原料油管道上畫一小方塊 寬度與管道相匹配 顏色最好區(qū)分于管道的顏色 然后利用 編輯 萊單中的 拷貝 粘貼 命令復(fù)制多個(gè)小方塊排成一行作為液體 如圖3 4所示 3 選擇所有小方塊 單擊鼠標(biāo)右鍵 在彈出的下拉萊單中執(zhí)行 組合拆分 合成組合圖素 命令將其組合成一個(gè)圖素 雙擊此圖素彈出動(dòng)畫連接對(duì)話框 在對(duì)話框中單擊 水平移動(dòng) 選項(xiàng) 彈出水平移動(dòng)設(shè)置對(duì)話框 如圖3 5所示 對(duì)話框設(shè)置如下 表達(dá)式 本站點(diǎn) 控制水流1 向左 0 向右 20 最左邊 0 最右邊 20 注意 向右水平移動(dòng)的距離 請(qǐng)根據(jù)具體情況設(shè)置 4 選擇所有小方塊 單擊鼠標(biāo)右鍵 在彈出的下拉菜單中執(zhí)行 組合拆分 合成組合圖素 命令將其組合成一個(gè)圖素 雙擊此圖素彈出動(dòng)畫連接對(duì)話框 在對(duì)話框中單擊 垂直移動(dòng) 選項(xiàng) 彈出垂直移動(dòng)設(shè)置對(duì)話框 如圖3 6所示 圖3 6垂直移動(dòng)設(shè)置對(duì)話框?qū)υ捒蛟O(shè)置如下 表達(dá)式 本站點(diǎn) 控制水流2向下 O向上 20最下邊 0最上邊 20 4 上述 表達(dá)式 中連接的 本站點(diǎn) 控制水流變量是一個(gè)內(nèi)存變量 在運(yùn)行狀態(tài)下如果不改變其值的話 它的值永遠(yuǎn)為初始值 即0 那么如何改變其值 使變量能夠?qū)崿F(xiàn)控制液體流動(dòng)的效果呢 在畫面的任一位置單擊鼠標(biāo)右鍵 在彈出的下拉菜單中選擇 畫面屬性 命令 在畫面屬性對(duì)話框中選擇 命令語(yǔ)言 選項(xiàng) 彈出命令語(yǔ)言對(duì)話框 如圖3 7所示 在對(duì)話框中輸入如下命令語(yǔ)言 if 本站點(diǎn) 原料油出料閥 1 本站點(diǎn) 控制水流1 本站點(diǎn) 控制水流1 5 if 本站點(diǎn) 控制水流1 20 本站點(diǎn) 控制水流1 0 if 本站點(diǎn) 成品油出料閥 1 本站點(diǎn) 控制水流2 本站點(diǎn) 控制水流2 5 if 本站點(diǎn) 控制水流2 20 本站點(diǎn) 控制水流2 1 5 單擊 確認(rèn) 按鈕關(guān)閉對(duì)話框 上述命令語(yǔ)言是當(dāng) 監(jiān)控畫面 存在時(shí)每隔55毫秒執(zhí)行一次 當(dāng) 本站點(diǎn) 原料油出料閥開啟時(shí)改變 本站點(diǎn) 控制水流變量的值 達(dá)到了控制液體流動(dòng)的目的 6 利用此方法設(shè)置催化劑液罐水平移動(dòng)設(shè)置和成品油液罐垂直移動(dòng)設(shè)置管道液體流動(dòng)的動(dòng)畫 7 單擊 文件 菜單中的 全部存 命令 保存您所作的設(shè)置 8 單擊 文件 菜單中的 切換到VIEW 命令 進(jìn)入運(yùn)行系統(tǒng) 在畫面中可看到液位的變化值并控制閥門的開關(guān) 從而達(dá)到了監(jiān)控現(xiàn)場(chǎng)的目的 如圖3 8所示 3 2命令語(yǔ)言 3 2 1命令語(yǔ)言概述組態(tài)王除了在定義動(dòng)畫連接時(shí)支持連接表達(dá)式 還允許用戶編寫命令語(yǔ)言來(lái)擴(kuò)展應(yīng)用程序的功能 極大地增強(qiáng)了應(yīng)用程序的可用性 命令語(yǔ)言的格式類似C語(yǔ)言的格式 工程人員可以利用其來(lái)增強(qiáng)應(yīng)用程序的靈活性 組態(tài)王的命令語(yǔ)言編輯環(huán)境已經(jīng)編好 用戶只要按規(guī)范編寫程序段即可 它包括應(yīng)用程序命令語(yǔ)言 熱鍵命令語(yǔ)言 事件命令語(yǔ)言 數(shù)據(jù)改變命令語(yǔ)言 自定義函數(shù)命令語(yǔ)言和畫面命令語(yǔ)言等 命令語(yǔ)言的句法和C語(yǔ)言非常類似 可以說(shuō)是C的一個(gè)簡(jiǎn)化子集 具有完備的詞法語(yǔ)法查錯(cuò)功能和豐富的運(yùn)算符 數(shù)學(xué)函數(shù) 字符串函數(shù) 控件函數(shù) SQL函數(shù)和系統(tǒng)函數(shù) 各種命令語(yǔ)言通過(guò) 命令語(yǔ)言編輯器 編輯輸入并進(jìn)行語(yǔ)法檢查 在運(yùn)行系統(tǒng)中進(jìn)行編譯執(zhí)行 命令語(yǔ)言有六種形式 其區(qū)別在子命令語(yǔ)言執(zhí)行的時(shí)機(jī)或條件不同 在本節(jié)將介紹命令語(yǔ)言特點(diǎn) 命令語(yǔ)言常用的函數(shù) 1 應(yīng)用程序命令語(yǔ)言可以在程序啟動(dòng)時(shí) 關(guān)閉時(shí)或在程序運(yùn)行期間周期執(zhí)行 如果希望周期執(zhí)行 還需要指定時(shí)間間隔 2 熱鍵命令語(yǔ)言被鏈接到設(shè)計(jì)者指定的熱鍵上 軟件運(yùn)行期間 操作者隨時(shí)按下熱鍵都可以啟動(dòng)這段命令語(yǔ)言程序 3 事件命令語(yǔ)言規(guī)定在事件發(fā)生 存在 消失時(shí)分別執(zhí)行的程序 離散變量名或表達(dá)式都可以作為事件 4 數(shù)據(jù)改交命令語(yǔ)言只鏈接到變量或變量的域 在變量或變量的域值變化到超出數(shù)據(jù)詞典中所定義的變化靈敏度時(shí) 它們就被觸發(fā)執(zhí)行一次 5 自定義函數(shù)命令語(yǔ)言提供用戶自定義函數(shù)功能 用戶可以根據(jù)組態(tài)王的基本語(yǔ)法及提供的函數(shù)自己定義各種功能更強(qiáng)的函數(shù) 通過(guò)這些函數(shù)能夠?qū)崿F(xiàn)工程特殊的需要 6 畫面命令語(yǔ)言可以在畫面顯示時(shí) 隱含時(shí)或在畫面存在期間定時(shí)執(zhí)行畫面命令語(yǔ)言 在定義畫面的各種圖素的動(dòng)畫連接時(shí) 可以進(jìn)行命令語(yǔ)言的連接 3 2 2實(shí)現(xiàn)畫面切換功能 利用系統(tǒng)提供的 菜單 工具和Showpicture 函數(shù)能夠?qū)崿F(xiàn)在主畫面中切換到其他任一畫面的功能 具體操作如下 1 選擇工具箱中的 菜單 工具 將鼠標(biāo)放到監(jiān)控畫面的任一位置并按住鼠標(biāo)左鍵畫一個(gè)按鈕大小的菜單對(duì)象 雙擊彈出菜單定義對(duì)話框 如圖3 9所示 對(duì)話框設(shè)置如下 萊單文本 畫面切換 菜單項(xiàng) 報(bào)警和事件畫面實(shí)時(shí)趨勢(shì)曲線畫面歷史趨勢(shì)曲線畫面XY控件畫面日歷控件畫面實(shí)時(shí)數(shù)據(jù)報(bào)表畫面實(shí)時(shí)數(shù)據(jù)報(bào)表查詢畫面歷史數(shù)據(jù)報(bào)表畫面l分鐘數(shù)據(jù)報(bào)表畫面數(shù)據(jù)庫(kù)操作畫面注意 菜單項(xiàng) 的輸入方法為 在 菜單項(xiàng) 編輯區(qū)單擊鼠標(biāo)右鍵 在彈出的下拉菜單中執(zhí)行 新建項(xiàng) 命令即可編輯萊單項(xiàng) 菜單項(xiàng)中的畫面是在工程后面建立的 2 菜單項(xiàng)輸入完畢后單擊 命令語(yǔ)言 按鈕 彈出命令語(yǔ)言編輯框 如圖3 10所示 在編輯框中輸入圖中的命令語(yǔ)言 3 單擊 確認(rèn) 按鈕關(guān)閉對(duì)話框 當(dāng)系統(tǒng)進(jìn)入運(yùn)行狀態(tài)時(shí)單擊菜單中的每一項(xiàng) 進(jìn)入相應(yīng)的畫面中 3 2 3如何退出系統(tǒng) 如何退出組態(tài)王運(yùn)行系統(tǒng) 返回到Windows呢 可以通過(guò)Exit 函數(shù)來(lái)實(shí)現(xiàn) 1 選擇工具箱中的 按鈕 工具 在畫面上畫一個(gè)按鈕 選中按鈕并單擊鼠標(biāo)右鍵 在彈出的下拉菜單中執(zhí)行 字符串替換 命令 設(shè)置按鈕文本為 系統(tǒng)退出 2 雙擊按鈕 彈出動(dòng)畫連接對(duì)話框 在此對(duì)話框中選擇 彈起時(shí) 選項(xiàng)彈出命令語(yǔ)言編輯框 在編輯框中輸入如下命令語(yǔ)言 Exit 0 3 單擊 確認(rèn) 按鈕關(guān)閉對(duì)話框 當(dāng)系統(tǒng)進(jìn)入運(yùn)行狀態(tài)時(shí)單擊此按鈕系統(tǒng)將退出組態(tài)王運(yùn)行環(huán)境 3 2 4定義熱鍵 在實(shí)際的工業(yè)現(xiàn)場(chǎng) 為了操作的需要可能需要定義一些熱鍵 當(dāng)某鍵被按下時(shí)系統(tǒng)執(zhí)行相應(yīng)的控制命令 例如當(dāng)按下F1鍵時(shí) 原料油出料閥被開啟或關(guān)閉 這可以使用命令語(yǔ)言 熱鍵命令語(yǔ)言來(lái)實(shí)現(xiàn) l 在工程瀏覽器左側(cè)的 工程目錄顯示區(qū) 內(nèi)選擇 命令語(yǔ)言 下的 熱鍵命令語(yǔ)言 選項(xiàng) 雙擊 目錄內(nèi)容顯示區(qū) 的新建圖標(biāo)彈出 熱鍵命令語(yǔ)言 編輯對(duì)話框 如圖3 11所示 2 對(duì)話框中單擊 鍵 按鈕 在彈出的 選擇鍵 對(duì)話框中選擇 Fl 鍵后關(guān)閉對(duì)話框 3 在命令語(yǔ)言編輯區(qū)中輸入如下命令語(yǔ)言 if 本站點(diǎn) 原料油出料閥 1 本站點(diǎn) 原料油出料閥 0 else 本站點(diǎn) 原料油出料閥 l 4 單擊 確認(rèn) 按鈕關(guān)閉對(duì)話框 當(dāng)系統(tǒng)進(jìn)入運(yùn)行狀態(tài)時(shí) 按下 F1 鍵執(zhí)行上述命令語(yǔ)言 首先判斷原料油出料閥的當(dāng)前狀態(tài) 如果是開啟的則將其關(guān)閉 否則將其打開 從而實(shí)現(xiàn)了一個(gè)二位開關(guān)的切換功能 補(bǔ)充 1 創(chuàng)建動(dòng)畫連接的步驟 1 創(chuàng)建或選擇對(duì)象 線 填充圖形 文本 按鈕或符號(hào) 2 雙擊圖形對(duì)象 彈出 動(dòng)畫連接 對(duì)話框 3 選擇對(duì)象想要進(jìn)行的連接 4 為連接定義輸入詳細(xì)資料 當(dāng)用戶創(chuàng)建動(dòng)畫制作連接時(shí) 在連接生效之前 使用的標(biāo)記名必須在數(shù)據(jù)庫(kù)中定義 如果未被定義 當(dāng) 確定 按鈕按下時(shí) 將要求用戶立即定義它 2 動(dòng)畫連接的詳細(xì)介紹動(dòng)畫連接包括以下幾類 屬性變化連接 位置與大小變化連接 值輸出連接 用戶輸入連接 特殊動(dòng)畫連接 滑動(dòng)桿輸入連接 命令語(yǔ)言連接 1 屬性變化連接屬性變化共有三種連接 它們規(guī)定了圖形對(duì)象的顏色 線型 填充類型等屬性如何隨變量或連接表達(dá)式的值變化而變化 1 線屬性連接 2 填充屬性連接 3 文本色連接 2 位置與大小變化連接位置與大小變化連接包括5種連接 規(guī)定了圖形對(duì)象如何隨變量值的變化而改變位置或大小 1 水平移動(dòng)連接 使被連接對(duì)象在畫面中隨連接表達(dá)式值的改變而水平移動(dòng) 移動(dòng)距離以象素為單位 以被連接對(duì)象在畫面制作系統(tǒng)中的原始位置為參考基準(zhǔn)的 水平移動(dòng)連接常用來(lái)表示圖形對(duì)象實(shí)際的水平運(yùn)動(dòng) 2 垂直移動(dòng)連接 使被連接對(duì)象在畫面中隨連接表達(dá)式值的改變而垂直移動(dòng) 移動(dòng)距離以象素為單位 以被連接對(duì)象在畫面制作系統(tǒng)中的原始位置為參考基準(zhǔn)的 垂直移動(dòng)連接常用來(lái)表示圖形對(duì)象實(shí)際的垂直運(yùn)動(dòng) 3 縮放連接 使被連接對(duì)象的大小隨連接表達(dá)式的值而變化 4 旋轉(zhuǎn)連接 使對(duì)象在畫面中的位置隨連接表達(dá)式的值旋轉(zhuǎn) 5 填充連接 使被連接對(duì)象的填充物 顏色和填充類型 占整體的百分比隨連接表達(dá)式的值變化 3 值輸出連接值輸出連接用來(lái)在畫面上輸出文本圖形對(duì)象的連接表達(dá)式的值 運(yùn)行時(shí)文本字符串將被連接表達(dá)式的值所替換 輸出的字符串的大小 字體和文本對(duì)象相同 1 模擬值輸出連接 使文本對(duì)象的內(nèi)容在程序運(yùn)行時(shí)被連接表達(dá)式的值所取代 2 離散值輸出連接 使文本對(duì)象的內(nèi)容在程序運(yùn)行時(shí)被連接表達(dá)式的指定字符串所取代 3 字符串輸出連接 使畫面中文本對(duì)象的內(nèi)容在程序運(yùn)行時(shí)被某個(gè)字符串的值所取代 4 用戶輸入連接用戶輸入連接中 所有的圖形對(duì)象都可以定義為模擬值輸入連接 離散值輸入連接 字符串輸入連接三種用戶輸入連接中的一種 輸入連接使被連接對(duì)象在運(yùn)行時(shí)為觸敏對(duì)象 Touchview運(yùn)行時(shí) 當(dāng)鼠標(biāo)滑過(guò)該對(duì)象時(shí) 觸敏對(duì)象周圍出現(xiàn)反顯的矩形框 按Space鍵 Enter鍵或鼠標(biāo)左鍵 會(huì)彈出 輸入 對(duì)話框 可以用鼠標(biāo)或鍵盤輸入數(shù)據(jù)以改變數(shù)據(jù)庫(kù)中變量的值 1 模擬值輸入連接 用以改變數(shù)據(jù)庫(kù)中某個(gè)模擬型變量的值 如果在Touchmake中選中了 數(shù)據(jù)庫(kù) 運(yùn)行時(shí)使用模擬鍵盤 菜單 將同時(shí)顯示模擬鍵盤窗口 在模擬鍵盤上單擊按鈕的效果與鍵盤輸入相同 2 離散值輸入連接 用以改變數(shù)據(jù)庫(kù)中某個(gè)離散類型變量的值 3 字符串輸入連接 用以改變某個(gè)字符串類型變量的值 5 特殊動(dòng)畫連接所有的圖形對(duì)象都可以定義兩種特殊動(dòng)畫連接 這是規(guī)定圖形對(duì)象可見性的連接 1 閃爍連接 使被連接對(duì)象在條件表達(dá)式的值為真時(shí)閃爍 閃爍效果易于引起注意 故常用于出現(xiàn)非正常狀態(tài)時(shí)的報(bào)警 2 隱含連接 使被連接對(duì)象根據(jù)條件表達(dá)式的值而顯示或隱含 6 滑動(dòng)桿輸入連接滑動(dòng)桿輸入連接有水平和垂直滑動(dòng)桿輸入連接兩種 滑動(dòng)桿輸入連接使被連接對(duì)象在運(yùn)行時(shí)為觸敏對(duì)象 當(dāng)Touchview運(yùn)行時(shí) 觸敏對(duì)象周圍出現(xiàn)反顯的矩形框 鼠標(biāo)左鍵拖動(dòng)有滑動(dòng)桿輸入連接的圖形對(duì)象可以改變數(shù)據(jù)庫(kù)中變量的值 滑動(dòng)桿輸入連接和用戶輸入連接是運(yùn)行中改變變量