一、適合范圍

適合全系列大彩協(xié)議串口屏產(chǎn)品。

二、教程實現(xiàn)

2.1 準備UI素材

準備好相應(yīng)的美工UI，如圖2-1所示。

圖2-1 美工UI圖

2.2 建立工程

根據(jù)串口屏的實際型號，在VisualHMI軟件工程管理區(qū)域選擇“新建工程” ，選擇對應(yīng)的系列和型號，如圖2-2所示。

圖2-2 新建工程

本例程使用大彩M型7寸電容串口屏HMI80480M070為驗證開發(fā)平臺。

2.3 SysKBMax/SysKBMin

用于數(shù)字鍵盤顯示范圍限制的最大值、最小值

若數(shù)值控件配置了范圍限制，如0~100，彈出數(shù)值鍵盤將顯示限定的值，如下所示：

圖2-3 數(shù)值控件配置圖

添加2個文字控件、 2個數(shù)值控件， 如下圖2-4所示：

圖2-4 系統(tǒng)數(shù)字鍵盤配置

數(shù)值控件，用來顯示范圍限定的最大值、最小值，配置如下所示：

1.讀取地址：最小值，關(guān)聯(lián)$SysKBMin,最大值，關(guān)聯(lián)$SysKBMin

2.權(quán)限控制：?

3.條件地址：$SysKBStatus.1,1-表示數(shù)值控件配置了范圍限定

·比較：==

·值：1

·無權(quán)限時：隱藏控件

文字控件，用來靜態(tài)文本顯示，配置如下所示：

1.權(quán)限控制：?

2.條件地址：$SysKBStatus.1,1-表示數(shù)值控件是否配置了范圍限定

·比較：==

·值：1

·無權(quán)限時：隱藏控件

2.4 SysKBSelect

鍵盤選擇，用于英文大小寫、數(shù)字符號、全鍵盤，切換。通過設(shè)置 SysKBSelect 值，0-英文，1-數(shù)字符號，2-中文，來切換“虛擬按鍵”不同的鍵值。SysKBSelect=0，英文模式(a~z、A~Z);SysKBSelect=1,字符模式(!?#123);SysKBSelect=2,中文模式。

鍵盤界面上，添加2個字設(shè)置按鈕遞增遞減，用于SysKBSelect值的修改，3個多狀態(tài)指示燈，用于SysKBSelect值的顯示，如下圖2-5所示；

圖2-5 鍵盤選擇配置圖

2個字設(shè)置按鈕，控件配置如下所示：

（1）寫入地址：$SysKBSelect

（2）操作模式：遞增、遞減

· 步長：1

· 最小值：0

· 最大值：2

· 循環(huán)調(diào)節(jié)：?

3 個多狀態(tài)指示燈，控件配置如下所示：

（1）讀取地址：$SysKBSelect

（2）文字狀態(tài)：?

· 第一個：S0~S2，依次為 abc，123，中

· 第二個：S0~S2，依次為中，abc，123

· 第三個：S0~S2，依次為 123，中，abc

圖2-6 多狀態(tài)指示燈控件配置圖

2.5 SysKBPinyin/SysKBHanzi

用于顯示中文輸入的拼音、 預(yù)選漢字的顯示。

2.5.1 配置

鍵盤界面，添加兩個文本控件，分別關(guān)聯(lián)SysPinying、SysKBHan，配置如下所示：

圖2-7 拼音輸入、預(yù)選漢字配置圖

2.5.2 預(yù)覽

圖2-8 拼音輸入、預(yù)選漢字預(yù)覽

2.6 SysKBText

用于顯示鍵盤錄入的數(shù)據(jù)

2.6.1 配置

鍵盤界面，添加1個文本控件，關(guān)聯(lián) SysKBText，配置下所示：

圖2-9 syskbtext 配置圖

2.6.2 預(yù)覽

彈出鍵盤，輸入“123abcABC 大彩”，如下所示：

圖2-10 syskbtext預(yù)覽圖

三、虛擬按鍵

四、彈出鍵盤應(yīng)用