TML頁面功能的使用(Webserver):
通過SIMATIC HMI 面板集成的HTML頁面功能將HMI設備組態為HTTP服務器,實現PC端與精智面板之間的文件傳遞等功能。
1. 功能組態
需注意:HTML頁面功能僅支持精智面板(Comfort Panel)和二代移動面板(2nd Mobile Panel)。
在觸摸屏項目"運行系統設置"的“服務”中激活HTML頁面功能:
2. 功能設置
把要監控的數據在 觸摸屏變量表里找到屬性勾選優良生產規范;
下載項目至實際硬件后,在觸摸屏控制面板的“WinCC Internet Settings”中會增加"Web Server"選項; win+c 可以進入觸摸屏設置;
在"Tag authenticate"組中確定訪問服務器操作設備變量的驗證方式,“No authentication”為無需驗證,“Authentication required”為訪問需要密碼。
在“Tag acces”組中確定訪問服務器操作設備變量的方式,“Read/write”為讀取訪問和寫訪問,“Read Only”為讀取訪問。
點擊“User Administration”按鈕進入“UserDatabase-Edit”界面,如下圖所示。自行設置默認用戶“Administrator”的密碼和確認密碼,密碼和確認密碼必須保持一致。如果需要登錄新的用戶,可以點擊"New"按鈕新建用戶,同時輸入用戶名和密碼后,點擊“Apply”確認設置。
3. 功能使用
在PC端使用瀏覽器進行訪問,在瀏覽器地址欄中輸入https://觸摸屏的IP地址,例如:https://192.168.101.120。輸入設置的用戶名和密碼。需注意:用戶名是區分大小寫的。如果需要瀏覽外部存儲介質的文件,例如下載或者上傳文件,點擊“File Browser”就可以看到存儲介質。
網頁中常見的多媒體文件包括音頻文件和視頻文件,對于在線音頻和視頻,我們往往都是使用embed標簽來插入。embed語法:
1 <embed src="”視頻地址”" type="”audio/x-pn-realaudio-plugin”"
2 console="”Clip1〃" controls="”ControlPanel,StatusBar”" height="”330〃"
3 width="”450〃" autostart="”true”" title="undefined">
<embed src="要播放的文件網址" ;="" autostart="true" loop="true" width="400"
height="350">
html中網頁中如何插入音頻和視頻?
舉例1:插入音頻文件
1 <title>插入音頻文件</title>
2
3
4 <embed src="media/西班牙舞曲.mp3" width="400px" height="80px">
在瀏覽器預覽效果如下:
說明:
我們可以看到,使用embed標簽插入音頻文件還會有一個播放界面,界面上有幾個簡單的功能按鈕。
舉例2:插入視頻文件
1 <title>插入音頻文件</title>
2
3
4 <embed src="media/小蘋果.wmv" width="400px" height="80px">
在瀏覽器預覽效果如下:
注意:
由于音頻和視頻文件比較大,所以在這里我們就不提供大家在線測試的功能。不過大家可以在自己計算機上面測試一下代碼。
使用embed標簽插入視頻,在瀏覽器我們也可以看到,瀏覽器提供了一個簡單的操作界面。embed標簽支持的視頻格式很多,大部分主流格式都支持。
embed標簽能支持大部分格式的視頻文件,反正主流的如.mp4、.avi、.rmvb等都支持。如果你使用embed標簽不能播放視頻,那就可能是你視頻格式有問題或者編碼有問題。你可以用格式工廠轉換一下格式。
以上就是html中網頁中如何插入音頻和視頻?
要
TableLayoutPanel 在網格中排列內容,提供類似于 HTML <table> 元素的功能。 TableLayoutPanel 控件允許你將控件放在網格布局中,而無需精確指定每個控件的位置。 其單元格排列為行和列,并且這些行和列可具有不同的大小。 可以跨行和列合并單元格。 單元格可以包含窗體所能包含的任何內容,并且在大多數其他方面都可以作為容器使用。
TableLayoutPanel 控件還在運行時提供按比例調整大小的功能,因此你的布局可以在窗體調整大小時平滑地進行更改。 這使得 TableLayoutPanel 控件非常適合數據輸入窗體和本地化應用程序等用途。
正文
屬性
ColumnCount | 獲取或設置表中允許的最大列數。 |
ColumnStyles | 獲取 TableLayoutPanel 的列樣式的集合。 |
GrowStyle | 獲取或設置一個值,該值指示當現有的所有單元格都被占用時,TableLayoutPanel 控件是否應該擴展以容納新單元格。 |
RowCount | 獲取或設置表中允許的最大行數。 |
RowStyles | 獲取 TableLayoutPanel 的行樣式的集合。 |
CellBorderStyle | 獲取或設置單元格邊框的樣式。 |
方法
GetRow(Control) | 返回指定子控件的行位置。 |
GetRowHeights() | 返回一個數組,該數組表示 TableLayoutPanel 中的行的高度(以像素為單位)。 |
GetRowSpan(Control) | 返回指定子控件跨的行數。 |
GetColumn(Control) | 返回指定子控件的列位置。 |
GetColumnSpan(Control) | 返回指定子控件跨的列數。 |
GetColumnWidths() | 返回一個數組,該數組表示 TableLayoutPanel 中的列的寬度(以像素為單位)。 |
SetCellPosition(Control, TableLayoutPanelCellPosition) | 設置表示單元格的行號和列號的 TableLayoutPanelCellPosition。 |
SetColumn(Control, Int32) | 設置指定子控件的列位置。 |
SetColumnSpan(Control, Int32) | 設置子控件跨的列數。 |
SetRow(Control, Int32) | 設置指定子控件的行位置。 |
SetRowSpan(Control, Int32) | 設置子控件跨的行數。 |
設計界面
CellBorderStyle
Inset | 2 | 單線凹陷邊框。 |
InsetDouble | 3 | 雙線凹陷邊框。 |
None | 0 | 無邊框。 |
Outset | 4 | 單線凸起邊框。 |
OutsetDouble | 5 | 雙線凸起邊框。 |
OutsetPartial | 6 | 包含凸起部分的單線邊框。 |
Single | 1 | 單行邊框。 |
若要在Cell運行時設置、Column、Row、ColumnSpan和RowSpan屬性,請使用 SetCellPosition、SetColumn、、 SetRowSetColumnSpan和SetRowSpan方法。
若要在運行時讀取Cell、、ColumnSpan``Row、和RowSpan屬性,請使用 GetCellPosition、ColumnGetColumn、GetRow、 GetColumnSpan和GetRowSpan方法。
將按鈕控件添加到Table的1列2行
修改Table中控件的位置
private void btnSetPostion_Click(object sender, EventArgs e)
{
tableLayoutPanel1.Controls.Add(btnSetPostion, 1, 2);
}
private void btnModifyUser_Click(object sender, EventArgs e)
{
tableLayoutPanel1.SetCellPosition(txtUser, new TableLayoutPanelCellPosition()
{
Column = 1,
Row = 2,
});
}
設置跨列或行顯示ColumnSpan
*請認真填寫需求信息,我們會在24小時內與您取得聯系。