第3章動畫設(shè)計.ppt

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