Skip to main content

カラーディスプレイのアニメーション

要素の色は、 色 要素のプロパティのプロパティ。ここで、リストボックスから事前定義されたスタイルの色を選択するか、カラーダイアログで色を選択できます。

The 色変数 elementプロパティは、要素のカラーアニメーションに使用されます。プロパティに変数を渡すと、アプリケーションコードで色の変更をプログラムしたり、色の変更をもたらすユーザー入力を構成したりできます。コード内の色定数または色変数のデータ型は DWORD RGB色空間またはRGBA拡張に従ってエンコードされます。

RGBA色空間での色の定義

重要

The 半透明の描画をアクティブにします オプションはで提供されます Visualization Manager。このオプションはデフォルトで有効になっているため、 透明性 プロパティは、すべての色の定義で使用できます。プログラムによる色の定義では、先頭のバイトはアルファチャネルとして解釈されるため、色の透明度の値として使用されます。オプションをクリアすると、 透明性 プロパティは使用できず、先頭のバイトはカラーリテラルでは無視されます。

コード内の色情報は次のように指定されます DWORD リテラル。値はRGBA色空間にあり、通常は16進数で表示されます。値は、赤、緑、青の加算部分でコード化されます。色の透明度を決定するアルファチャネルが追加されます。

カラーリテラルのバイトオーダー

16#<TT><RR><GG><BB>

<TT> : 00 - FF      // Transparency in 256 levels
<RR> : 00 - FF      // Red in 256 levels
<GG> : 00 - FF      // Green in 256 levels
<BB> : 00 - FF      // Blue in 256 levels

透明度の目盛り値は 16#FF 不透明および 16#00 透明のために。色の部分ごとに、1バイトが256色の目盛り用に予約されています 16#FF に 16#00。 16#FF 100％カラー部分を意味し、 16#00 0％の色の部分を意味します。

<TT>

の透過的な卒業のためのバイト 00-FF

<RR>

の赤い部分のバイト 00-FF

<GG>

の緑色の部分のバイト 00-FF

<BB>

の青い部分のバイト 00-FF

例 10. 例
表 2. カラーリテラル

16#FF0000FF

青、不透明

16#FF00FF00

緑、不透明

16#FFFFFF00

黄。不透明

16#88888888

灰色、半透明

16#88000000

黒、半透明

16#FFFF0000

赤、不透明





例 11. 例

色定数のグローバル宣言



視覚化要素をカラーでアニメーション化する

  1. で標準プロジェクトを作成する CODESYS。

  2. POUツリーでグローバルカラー定数を宣言します。

    {attribute 'qualified_only'}
VAR_GLOBAL CONSTANT
    gc_dwRed : DWORD := 16#FFFF0000;
    gc_dwGreen: DWORD := 16#FF00FF00;
    gc_dwYellow: DWORD := 16#FFFFFF00;
    gc_dwBlue: DWORD := 16#FF0000FF;        // Highly opaque
    gc_dwBlack : DWORD := 16#88000000;      // Semitransparent
END_VAR

  3. デバイスツリーで、ローカルカラー変数をで宣言します PLC_PRG。

    VAR
    dwFillColor: DWORD := GVL.gc_dwGreen;
    dwFrameColor : DWORD := GVL.gc_dwBlack;
    dwAlarmColor : DWORD := GVL.gc_dwRed;
END_VAR

  4. 制御変数を宣言します。

    bChangeColor : BOOL;

  5. で入力変数を宣言します PLC_PRG。

    bInput : BOOL;

  6. 視覚化エディタを有効にします。

  7. ドラッグ 矩形 視覚化エディタへの要素。

    The プロパティ 要素のビューが開きます。

  8. 長方形のプロパティを次のように構成します。

    • 色変数、 通常の状態、 塗りつぶしの色 財産： PLC_PRG.dwFillColor

    • 色変数、 通常の状態、 フレームカラー 財産： PLC_PRG.dwFrameColor

    • 色変数、 アラーム状態、 塗りつぶしの色 財産： PLC_PRG.dwAlarmColor

    • 色変数、 色を切り替える 財産： <toggle/tap variable>

    • 入力構成、 トグル、 変数 財産： PLC_PRG.bInput

  9. 次のように変数をプログラムします。

    PROGRAM PLC_PRG
VAR
    dwFillColor: DWORD := GVL.gc_dwGreen;
    dwFrameColor : DWORD := GVL.gc_dwBlack;
    dwAlarmColor : DWORD := GVL.gc_dwRed;

    bChangeColor : BOOL;
    bInput : BOOL;
END_VAR

IF bChangeColor = TRUE THEN
    dwFillColor := GVL.gc_dwYellow;
    dwFrameColor := GVL.gc_dwBlue;
ELSE
    dwFillColor:= GVL.gc_dwGreen;
    dwFrameColor := GVL.gc_dwBlack;
END_IF

    色は実行時に初期化されます。変数の場合 bChangeColor その後、強制されます TRUE、長方形のカラー表示が変わります。ビジュアライゼーションで長方形をクリックすると、長方形がアラームカラーで表示されます。

このセクションの内容: