Skip to main content

視覚化要素: アナログ時計

シンボル:

_visu_icon_clock.png

カテゴリ:日付/時刻コントロール

この要素は現在時刻を表示する時計です。また、ランダムな時刻を表示することもできます。

要素のプロパティ

すべての要素プロパティが利用可能ですか?

すべてのプロパティは、を選択しないと使用できません [詳細] オプションまたは すべてのカテゴリ フィルターイン プロパティ

要素名

例: GenElemInst_1

ヒント

要素に個別の名前を付けて、要素リストでより早く見つけられるようにします。

要素タイプ

アナログ時計

位置

位置は、視覚化ウィンドウ内の要素の位置とサイズを定義します。これはデカルト座標系に基づいています。原点はウィンドウの左上隅にあります。正の水平 X 軸は右方向に伸びます。正の垂直 Y 軸は下向きです。

X

要素の左上隅の X 座標 (ピクセル単位)

例: 10

Y

要素の左上隅の Y 座標 (ピクセル単位)

例: 10

ピクセル単位で指定

例: 150

身長

ピクセル単位で指定

例: 30

ヒント

ボックスをドラッグして値を変更することもできます _visu_icon_position_element.png シンボルをエディタ内の他の位置に移動します。

時間表示

システム時刻を使用する

standard icon:PLCのシステム時刻(ローカルタイムゾーン)が表示されます。

注記

変数が VisuElems.Visu_DateTime.DisplayUTC に設定されています TRUE、協定世界時(UTC)が表示されます。

ヒント

ヒント:ビジュアライゼーションのユーザー入力としてUTC変数の設定を実装します。

変数

要件: システム時刻を使用する プロパティはアクティブ化されていません。

変数 (TODTIME_OF_DAY)システム時間ではない時間

例: PLC_PRG.todTimeTokio

ヒント

プログラムで、システム時刻のローカルタイムゾーンを協定世界時(UTC)に切り替えることができます。

変数が VisuElems.Visu_DateTime.DisplayUTC に設定されています TRUE、システム時刻は協定世界時(UTC)として表示されます。デフォルトでは、変数 VisuElems.Visu_DateTime.DisplayUTC に設定されています FALSE システム時刻がローカルタイムゾーンで表示されるようにします。

日付と時刻の値を表示するために、それぞれのフォーマット文字列をタイムゾーンコードで拡張できます。 Z。ローカルシステム時間での出力の場合、オフセットは協定世界時(UTC)で表示されます。例えば、 dd:MM:yyyy HH:mm:ss:ms:Z 出力 01.08.2021 12:00:00:001:+02:00。協定世界時(UTC)が表示されると、UTCコードも表示されます。 01.08.2021 10:00:00:001:Z

デザイン

デザイン

  • スタイルから:すべての設定は、スタイルに従って事前構成されています。

  • 明示的設定 プロパティが利用可能です。ここでは、アナログ時計をカスタマイズできます。

設定

要件: 財産明示的。その時だけです 時計の設定 カテゴリが表示されます。

16. バックグラウンド

画像の色

. デフォルトの背景画像のカラーバリエーション
  • 青い

自分の背景

特定の背景表示 画像。デフォルトの背景画像を置き換えます。

画像

画像プールまたはライブラリからの画像

例: myImagepool.myImage

透明色

画像表現の透明色。

例: 。画像の白い部分が透明であることを意味します

背景色を使用する

standard icon:画像の背景は、で定義された色を使用して表示されます 背景色 財産。

要件:画像の参照が指定されていません 画像 財産。

背景色

スタイルの色または色

要件: 背景色を使用する 有効になっています。



17. 矢印

矢印タイプ

例: 細いポインタ

時針の色

分針の色

中古の色

スタイルの色または手の色



18.

線種

. 文字盤の卒業
  • なし

  • ライン:時間ごとの卒業ライン

  • 時間と分:線による時分除算

  • ドット:時間ごとの卒業ドット

文字盤の目盛りの色

線幅

文字盤目盛りの線の太さ

3Dで拡大縮小

standard icon:3D効果のある文字盤の表現



19. 数値

数値のスタイル

. 文字盤の数字
  • なし

  • クォーター

  • 全て

フォント

数字を表示するためのフォント

フォントの色

数字を表示するためのフォント



20. 中点

時計の中心の色



21. ポジショニング

の使用法

  • デフォルトのスタイル値:スタイル値のデフォルト設定

  • ユーザー定義の設定:部下のユーザー定義設定 ポジショニング 財産。

ポジショニング

要件:次の場合に表示されます 使用法または プロパティはに設定されています 個別設定

数値の動き

桁をシフトするための値(ピクセル単位)

例: 80

ラインの動き

時間ラインをシフトするための値(ピクセル単位)

例: 100

手のスケーリング

時針の長さをスケーリングするための係数

背景画像に対する時針の正確な位置をカスタマイズできます。

例: 100



スケーリングタイプ

スケーリングタイプ

要素の高さと幅のスケーリングを定義します

  • 異方性

    背景画像は要素のサイズに合わせて拡大縮小されます高さと幅は互いに独立して拡大縮小されます。

  • 等方性

    背景画像は要素のサイズに合わせて拡大縮小され、その比率は維持されます。高さと幅の比率は固定されています。

中心

プロパティには、回転点の座標の固定値が含まれています。回転点はエディタに次のように表示されます _visu_icon_center_point.png シンボルであり、回転とスケーリングの中心として使用されます。

ヒント

をドラッグして値を変更することもできます _visu_icon_center_point.png エディター内の別の位置へのシンボル。

X

回転点のX座標

Y

回転点のY座標

絶対的な動き

プロパティには、要素の位置を動的に制御するためのIEC変数が含まれています。基準点は要素の左上隅です。実行時に、要素全体が移動されます。

動き

X

  • X位置の変数(数値データ型)(ピクセル単位)

    例: PLC_PRG.iPos_X

実行時にこの値を増やすと、要素が右に移動します。

Y

  • Y位置の変数(数値データ型)(ピクセル単位)

    例: PLC_PRG.iPos_Y

  • コンテナ変数: Container.Height

    詳細については、次を参照してください。 位置とサイズを最適に調整する

実行時にこの値を増やすと、要素が下に移動します。

回転

回転角(度単位)の変数(数値データ型)

例: PLC_PRG.iAngle1

要素の中点はで回転します 中心 点。この回転点は、 _visu_icon_center_point.png シンボル。

実行時、要素の配置は、ビジュアライゼーションの座標系に関して同じままです。値を大きくすると、要素が右に回転します。

_visu_img_prp_rotation.png

内部回転

回転角(度単位)の変数(数値データ型)

例: PLC_PRG.iAngle2

実行時に、要素はで指定された回転点を中心に回転します 中心 変数の値に応じて。さらに、要素の配置は、視覚化の座標系に従って回転します。コードの値を大きくすると、時計回りに回転します。

回転点は次のように表示されます _visu_icon_center_point.png シンボル。

注記

静的回転角がで指定されている場合 位置→角度 プロパティの場合、視覚化の実行時に静的回転角が可変回転角(オフセット)に追加されます。

_visu_img_prp_inner_rotation.png

ヒント

変数を組み合わせて 単位変換

ヒント

The バツY回転、 と 内部回転 プロパティは、「クライアントアニメーション」機能によってサポートされています。

状態変数

変数は要素の動作を動的に制御します。

見えない

変数 (BOOL)要素の可視性を切り替えるため

TRUE:要素は実行時に表示されません。

ヒント

The 見えない プロパティは、「クライアントアニメーション」機能によってサポートされています。

アニメーション

ヒント

これらのプロパティは、を選択した場合にのみ使用できます。 クライアントアニメーションとネイティブ要素のオーバーレイをサポートする のオプション Visualization Manager

アニメーションの長さ

要素がアニメーションを実行する期間(ミリ秒単位)の変数

  • 変数(整数値)

    例: Menu.tContentVAR tContent : INT := 500; END_VAR

  • 整数リテラル

    例: 500

. アニメート可能なプロパティ
  • 絶対的な動き動きバツY

  • 絶対的な動き回転

  • 絶対的な動き内部回転

  • 絶対的な動き外旋

アニメーション化された動きは、アニメーション化可能なプロパティの少なくとも1つの値が変更されたときに実行されます。その後実行される動きはぎくしゃくしていませんが、指定されたアニメーション時間内でスムーズです。視覚化要素は、動的に回転しながら指定された位置に移動します。移行はスムーズです。

フォアグラウンドに移動

変数 (BOOL)前景に要素を設定するため

TRUE:実行時に、視覚化要素がフォアグラウンドに表示されます。

FALSE:実行時に、視覚化要素は、視覚化エディターで挿入されたレイヤーに表示されます。

例: bIsInForegroundVAR bIsInForeground : BOOL := FALSE; END_VAR