Visual HMI動的描画:連続レジスタ描画コマンド、LUA set_array、閉じたパディング

freeFree Technical Resource

This content is free to read, suitable for basic learning and search traffic.

動的描画コントロールはHMI 上で動作します。グラフィック要素の作成と修正(点、線、円、長方形、閉じた図形、画像の切り抜き)、図面ボードのように。コアメカニズム:パラグラフの採択シーケンシャルレジスタ図面に書き込むコマンド-PLCまたはLUAのどちらでも描画できます。

1.プロパティの紹介

プロパティ説明書は
データ·アドレス図面コマンド書き込みアドレス
線の太さ線分幅ピクセル1~4
コマンド·モードSingle(1回に1つのコマンドを書き込む)/Multiple(複数のコマンドを同時に書き込む)
図面モード再描画新しいCommandで古い図を先に更新/オーバーレイ画面上で追加を続ける
キャンバスの色RGBカラー
完了通知のお知らせ描画完了後、Commandクリアと通知

Visual HMI動的描画:連続レジスタ描画コマンド、LUA set_array、閉じたパディングFigure

連続レジスタフォーマット

LWさん     CMDは         図面タイプの描画
LW+1   Draw_Cnt    パケット数1長方形=1パケット
LW+2より   データは        Nバイトのデータ·セグメント
LW+1+N終了         終了フィールド、固定0 x FF 00

Visual HMI動的描画:連続レジスタ描画コマンド、LUA set_array、閉じたパディングFigure1

2.図面コマンドの一覧

コマンドコマンドデータ·セグメント·フォーマット例:例
描画点0x0001X、Y、カラー X、Y、カラーAA55 00 0F F 1 2000 0 001 0 1 F 4 00 F 0 F 800 FF00 CC CC(レッドドット500、24 0)
の接続Quantity、ポイントX、Y連続線、カラーリスト#カンジョウサンショウノノキサン#、カラーリスト#AA55 00 1D F1 2000 0002 0003 FFFF 012C 012C 01F4 012C 01F4 0064 02BC 0064 FF00 CCCC
長方形0x0003左上X、Y、右下X、Y、色ごとAA55 0 0 1 F F 1 2000 0 0 03 0 0 02 0 1 1 E 00AA 01AA 010A 471A 025 8 0 0 6 4 0 2 BC 012C 2 C 4 A FF00 CCCC(2つの長方形)
長方形の塗り潰し0x0004同上、同じAA55 00 1F F1 2000 0004 0002 ... FF00 CCCC
円形0x0005中心点X、Y、半径、色AA55 00 13 F1 2000 0005 0001 01F4 00FA 0096 FEA0 FF00 CCCC
丸塗り潰しコマンドコードは同じ0x0005、ソーステキストはフラグを区別しません同上、同じAA55 00 13 F1 2000 0005 0001 0200 0100 0085 FEAA FF00 CCCC
画像0 x 0007PIC ID、クリップ左上X、Y、右下X、Y、ターゲットX、YAA55 00 19 F1 2000 0007 0001 0000 0021 0027 00A3 0040 0168 0168 FF00 CCCC
閉じた領域の塗りつぶし0x0008X、Y、カラー X、Y、カラーAA 55 00 11 F1 1001 0008 0001 01A4 00F6 F800 FF00 CCCC
スペクトル(0 x 00 09)Quantity、色、Xn、YnのペアAA 55 00 33 F 1 2000 009 0005 F 800 01 68 0 0 64... FF00 CCCC(縦5本)
セグメント0x000AQuantity、色、XnS、YnS、XnE、YnEAA55 00 33 F1 2000 000A 0004 ... FF00 CCCC
長方形の反転0x000D左上、右下、カラー逆色=0xFFFF-カラーAA55 00 15 F1 2000 000D 0001 0168 00E6 0190 010E 49F1 FF00 CCCC

Visual HMI動的描画:連続レジスタ描画コマンド、LUA set_array、閉じたパディングFigure2

PIC IDの表示:コンパイル後privateリソースバンドルにimage.binがあります。PIC IDはプロジェクトディレクトリ内のbuild/image.xml(id=0は画面0の背景図に対応)を参照します。

Visual HMI動的描画:連続レジスタ描画コマンド、LUA set_array、閉じたパディングFigure3

閉じた領域で埋められたピット2つのダイナミックドローイングコントロールを行うには- 閉じた図形(例:0 x 2000)、塗りつぶし色(例:0 x 1001,CMD= 0 x 0 0 08)、塗りつぶし色を設定するコントロールが必要です。閉じたグラフィックを描くコントロールの上に重ね合わせて背景は単色でなければ、正しく塗りつぶされません。

3. LUA図面set_

LUAで使用set_array()連続レジスタの書き込み図面実装。on_updateトリガの例を取る(ワード設定ボタンは0 xF 000の値を1~13切り替えグラフに書き込みます):

bGraphC = {
  opint=0x0001、Connection=0x0002、rect=0x0003、rectFill=0x0004、
  circle=0x0005、PIC=0x0006、ICON=0x0007、fill= 0x008、
  Spectrum= 0 x 0009、line= 0 x 000 A、rectFillor= 0 x 000 D}
--点を描くコマンド、点、X、Y、色、終了[--点を描くこまんど、ぽいんと、X、Y、いろ、しゅうりょう]
local data = {bGraphC.opint 0x0003
  0x01F4 0x00F0 0xF800 0x01F5 0x00F1 0xF800 0x01F6 0x00F3 0xF800
  0 xFF 00)
set_array VT_LW、0x2000、data   単一パターンアドレス0 x 2000

マルチモードは、複数のグラフィックコマンドを一度に1つの配列(アドレス0 x 300 0)に順番に配置します。オーバーレイモードは、画面が直接追加されます(アドレス0 x 4000)。

Visual HMI動的描画:連続レジスタ描画コマンド、LUA set_array、閉じたパディングFigure4

Visual HMI動的描画:連続レジスタ描画コマンド、LUA set_array、閉じたパディングFigure5

Visual HMI動的描画:連続レジスタ描画コマンド、LUA set_array、閉じたパディングFigure6

3つのモデルの選択:シングル=一度に1つの図形を描く(再描画)、複数=一度に複数の図形を描く(再描画)、重ね合わせ=不明瞭な画面連続描画。トレンド/スペクトラムのようなダイナミックリフレッシュを行い、フローダイアグラムのような累積表示を重ね合わせます。

Guangzhou Dai Technology Visual HMI開発ドキュメント(hmi-doc.gz-dc.com)構成制御チュートリアル“動的描画”、著作権はDai Dai Technologyに帰属します。

Put this resource to use in a real project?

Go to the Tool Center for message parsing, CRC verification and device debugging, or submit your requirements for selection and integration advice.

Engineer Membership

Turn this article into actionable debugging resources

After activation, you can use advanced message parsing, resource pack downloads, code examples, engineering cases and priority technical support, suitable for real project delivery.

Unlimited Advanced Tools
Resource & Code Packs
Complete Engineering Case Library
Priority Technical Support

Leave a Reply

Your email address will not be published. Required fields are marked *.