今天給大家介紹一下云組態(tài)畫面的使用
首先登陸物通博聯(lián)云平臺(tái)
點(diǎn)擊我的設(shè)備 找到我們要繪制組態(tài)的設(shè)備
點(diǎn)擊進(jìn)入編輯模式
點(diǎn)擊修改機(jī)型
點(diǎn)擊組態(tài)定義,進(jìn)入組態(tài)編輯界面
左邊是工具欄,右邊定義控件屬性
首先輸入畫布名稱,設(shè)置為主畫布,點(diǎn)擊畫布設(shè)置畫布大小。
畫布分為兩種,背景顏色和背景圖片。建議導(dǎo)入背景圖片
在背景圖片上添加控件,點(diǎn)擊上傳圖片,選擇畫布背景圖片,點(diǎn)擊上傳,這樣我們的背景圖就有了
這里我們主要講解每個(gè)控件的功能,所以選擇顏色,然后點(diǎn)擊保存畫布,畫布調(diào)整好后,就可以從工具欄選取控件,拖動(dòng)到畫布。
首先是靜態(tài)標(biāo)簽,這個(gè)控件可以定義文本,在組態(tài)里顯示,在這里輸入文本,這里可以對字體大小、顏色進(jìn)行設(shè)置。
接下來是數(shù)據(jù)監(jiān)測,可以在組態(tài)中顯示實(shí)時(shí)數(shù)據(jù),在這里綁定變量,選擇要綁定的變量,這里可以對控件的顏色、字體的顏色大小進(jìn)行設(shè)
置
然后我們點(diǎn)擊保存畫布,到我的設(shè)備畫面監(jiān)控查看效果,可以看到數(shù)據(jù)已經(jīng)在組態(tài)畫面中顯示啦
我們返回組態(tài)定義頁面。
接下來教大家如何對齊控件。
首先我們選擇其中一個(gè)控件,然后框選要對齊的控件,要Y軸對齊的話,就在Y軸輸入Y軸坐標(biāo),然后點(diǎn)擊畫布空白處,這樣控件就對齊了
。
接下來我們看一下,點(diǎn)觸按鈕
點(diǎn)觸按鈕,開關(guān)按鈕和指示燈都是針對開關(guān)量的控件
選擇要綁定的開關(guān)量,點(diǎn)擊保存畫布
到我的設(shè)備畫面監(jiān)控查看效果
點(diǎn)擊畫面監(jiān)控 刷新組態(tài)畫面,長按點(diǎn)觸按鈕可以切換設(shè)備的開關(guān)狀態(tài),松開后會(huì)復(fù)位
點(diǎn)擊開關(guān)按鈕,選擇開關(guān)置0會(huì)關(guān)閉設(shè)備,選擇開關(guān)置1會(huì)開啟設(shè)備,返回組他的頁面。
接下來是多值狀態(tài),這個(gè)控件可以顯示不同值的不同狀態(tài),首先綁定變量,這里設(shè)置變量值為1的時(shí)候顯示狀態(tài)1,變量值為2的時(shí)候顯示
狀態(tài)2。
然后我們使用控制按鈕改變設(shè)備的變量值,綁定變量,這里可以設(shè)置控件與文本,數(shù)據(jù)或者圖片形式展示,點(diǎn)擊保存畫布,點(diǎn)擊畫面監(jiān)控
刷新組態(tài)畫面,可以看到此時(shí)變量數(shù)值為2,多值狀態(tài)控件顯示狀態(tài)2。然后我們點(diǎn)擊控制按鈕改變變量值,可以看到多值狀態(tài)控件變成了
狀態(tài)1,返回組態(tài)的頁面。
接下來是儀表盤,儀表盤和刻度表都是以圖形界面展示實(shí)時(shí)數(shù)據(jù)的,綁定變量,這里可以設(shè)置設(shè)置量程、報(bào)警、上下限等屬性,點(diǎn)擊保存
畫布,點(diǎn)擊刷新,使用控制按鈕改變變量值,可以看到儀表盤和刻度表會(huì)隨著變量值變化,返回組態(tài)的頁面。
接下來是歷史曲線,可以通過曲線圖展示實(shí)時(shí)數(shù)據(jù)趨勢。這里可以選擇多個(gè)變量
圖片組件,可以在組態(tài)畫面中展示圖片,自帶豐富圖片庫,也可自己上傳圖片、GIF圖。
進(jìn)度控件,以進(jìn)度條圖形方式展示數(shù)據(jù),可以設(shè)置為橫向和縱向,不顯示單位
綁定變量,點(diǎn)擊保存畫布,點(diǎn)擊刷新,點(diǎn)擊控制按鈕改變變量值,可以看到進(jìn)度條圖形也隨之變化了
返回組態(tài)定義頁面,首先我們新建一個(gè)畫布,輸入畫布名稱,點(diǎn)擊保存
返回主畫布,添加頁面跳轉(zhuǎn),可以跳轉(zhuǎn)到指定的組態(tài)頁面,選擇目標(biāo)頁面,可以圖片、文本、數(shù)據(jù)的形式展示
彈窗控件,彈窗顯示指定的組態(tài)頁面,可設(shè)置為圖片或者文本樣式。選擇目標(biāo)頁面,點(diǎn)擊保存,點(diǎn)擊刷新,點(diǎn)擊頁面跳轉(zhuǎn),跳轉(zhuǎn)到我們剛
剛設(shè)置的頁面;點(diǎn)擊彈窗控件,以彈窗的方式展示目標(biāo)頁面。返回組態(tài)定義頁面。
接下來是內(nèi)嵌視頻,可以展示設(shè)備綁定的單個(gè)攝像頭視頻,目前支持接入海康威視、螢石云系列攝像頭以及大華樂橙攝像頭。序列號(hào)和通
道號(hào)需要到官網(wǎng)上查看,這里我們螢石云攝像頭為例子。
首先打開螢石云官網(wǎng),點(diǎn)擊開放平臺(tái),點(diǎn)擊登錄
點(diǎn)擊控制臺(tái),點(diǎn)擊我的資源-設(shè)備列表,這里可以查看攝像頭的序列號(hào)的通道號(hào)。如果是第一次登陸,需要先添加設(shè)備,我們把序列號(hào)和
通道號(hào)復(fù)制到控件屬性,然后點(diǎn)擊系統(tǒng)管理-系統(tǒng)配置,這邊的視頻接入?yún)?shù)也是要到螢石云官網(wǎng)獲取的
點(diǎn)擊我的賬號(hào)-應(yīng)用信息,在這里查看接入?yún)?shù),我們把參數(shù)復(fù)制過去,點(diǎn)擊保存,回到組態(tài)定義頁面,點(diǎn)擊播放測試,這樣就可以看到
攝像頭畫面啦
彈窗視頻,可以彈窗展示設(shè)備綁定了多個(gè)攝像頭視頻,這里可以添加多個(gè)攝像頭。
接下來是表格控件,這里可以選擇展示歷史數(shù)據(jù),實(shí)時(shí)數(shù)據(jù)或者報(bào)警數(shù)據(jù)。綁定變量,點(diǎn)擊保存,點(diǎn)擊刷新,可以看到表格上展示了綁定
變量的歷史數(shù)據(jù),返回組態(tài)定義頁面。
接下來是系統(tǒng)時(shí)間,可以展示系統(tǒng)當(dāng)前時(shí)間,基本圖形可以繪制直線,矩形,圓形,三角等基本圖形。
超級(jí)鏈接,可以跳轉(zhuǎn)到指定網(wǎng)頁,在這里輸入要跳轉(zhuǎn)的網(wǎng)址,點(diǎn)擊保存,點(diǎn)擊刷新查看效果,點(diǎn)擊超級(jí)鏈接控件,可以跳轉(zhuǎn)到指定的網(wǎng)頁
。
好啦,這期的視頻就分享到這里啦,再見。
電話:400-9600-775