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