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

シンボル：

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

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

注記

0_Sample_Project サンプルプロジェクト：「アナログ時計」

要素のプロパティ

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

すべてのプロパティは、高度なオプションまたはすべてのカテゴリーフィルターインプロパティ。

要素名	例： `GenElemInst_1` ヒント要素リスト内で要素がより早く見つかるよう、要素に個別の名前を割り当てます。
要素タイプ	アナログ時計

位置

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

X	要素の左上隅のX座標（ピクセル単位）例：`10`
Y	要素の左上隅のY座標（ピクセル単位）例：`10`
幅	ピクセル単位で指定例：`150`
身長	ピクセル単位で指定例：`30`

ヒント

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

時間表示

システム時刻を使用する

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

注記

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

ヒント

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

変数

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

変数（TOD、 TIME_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`
透明色	画像表現の透明色。例：白。画像の白い部分が透明であることを意味します
背景色を使用する	：画像の背景は、で定義された色を使用して表示されます背景色財産。要件：画像の参照が指定されていません画像財産。
背景色	スタイルの色または色要件：背景色を使用する有効になっています。

表 17. 矢印

矢印タイプ

例：細いポインタ

時針の色

分針の色

中古の色

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

表 18. 線

線種	. 文字盤の卒業なしライン：時間ごとの卒業ライン時間と分：線による時分除算ドット：時間ごとの卒業ドット
色	文字盤の目盛りの色
線幅	文字盤目盛りの線の太さ
3Dで拡大縮小	：3D効果のある文字盤の表現

表 19. 数値

数値のスタイル	. 文字盤の数字なしクォーター全て
フォント	数字を表示するためのフォント
フォントの色	数字を表示するためのフォント

表 20. 中点

色

時計の中心の色

表 21. ポジショニング

の使用法	デフォルトのスタイル値：スタイル値のデフォルト設定ユーザー定義の設定：部下のユーザー定義設定ポジショニング財産。
ポジショニング	要件：次の場合に表示されます使用法またはプロパティはに設定されています個別設定。
数値の動き	桁をシフトするための値（ピクセル単位）例： `80`
ラインの動き	時間ラインをシフトするための値（ピクセル単位）例： `100`
手のスケーリング	時針の長さをスケーリングするための係数背景画像に対する時針の正確な位置をカスタマイズできます。例： `100`

スケーリングタイプ

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

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

中心

	プロパティには回転点の座標の固定値が含まれています。回転点はエディタ上で次のように表示されます。シンボルであり、回転と拡大縮小の中心として使用されます。ヒントドラッグして値を変更することもできますシンボルをエディター内の別の位置に移動します。
X	回転点のX座標
Y	回転点のY座標

絶対的な動き

プロパティをIEC変数に割り当てることで、要素の位置を動的に制御できます。基準点は要素の左上隅です。実行時には、要素全体が移動します。

動き
X	X位置（ピクセル単位）の変数（数値データ型）例：`PLC_PRG.iPos_X` コンテナ変数: `Container.Width` 詳細については、以下を参照してください。位置とサイズを最適に調整する実行時にこの値を増やすと、要素が右に移動します。
Y	Y位置（ピクセル単位）の変数（数値データ型）例：`PLC_PRG.iPos_Y` コンテナ変数: `Container.Height` 詳細については、以下を参照してください。位置とサイズを最適に調整する実行時にこの値を増やすと、要素が下に移動します。
回転	回転角度（度）を表す変数（数値データ型）例：`PLC_PRG.iAngle1` 要素の中心点は、中心この回転点はシンボル。実行時には、要素の配置は視覚化の座標系に対して同じままです。値を増やすと、要素は右に回転します。
内部回転	回転角度（度）を表す変数（数値データ型）例：`PLC_PRG.iAngle2` 実行時に、要素は指定された回転点を中心に回転します。中心変数の値に応じて、要素の配置が視覚化の座標系に応じて回転します。コード内の値を増やすと、時計回りに回転します。回転点は次のように表示されます。シンボル。注記静的回転角度が位置 → 角度プロパティを設定すると、視覚化の実行時に静的回転角度が可変回転角度 (オフセット) に追加されます。

ヒント

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

ヒント

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

状態変数

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

見えない	変数（`BOOL`）要素の表示/非表示を切り替える `TRUE` : 要素は実行時には表示されません。

ヒント

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

アニメーション

ヒント

これらのプロパティは、クライアントアニメーションとネイティブ要素のオーバーレイをサポートオプションのVisualization Manager。

アニメーションの長さ

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

変数（整数値）
例：Menu.tContentとVAR tContent : INT := 500; END_VAR
整数リテラル
例：500

. アニメーション可能なプロパティ

絶対的な動き、動き、 X、はい
絶対的な動き、回転
絶対的な動き、内部回転
絶対的な動き、外側回転

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

フォアグラウンドに移動

変数（BOOL）要素をフォアグラウンドに設定する

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

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

例：bIsInForegroundとVAR bIsInForeground : BOOL := FALSE; END_VAR

このセクションの内容:

X	要素の左上隅のX座標（ピクセル単位）例：`10`
Y	要素の左上隅のY座標（ピクセル単位）例：`10`
幅	ピクセル単位で指定例：`150`
身長	ピクセル単位で指定例：`30`

動き
X	X位置（ピクセル単位）の変数（数値データ型）例：`PLC_PRG.iPos_X` コンテナ変数: `Container.Width` 詳細については、以下を参照してください。位置とサイズを最適に調整する実行時にこの値を増やすと、要素が右に移動します。
Y	Y位置（ピクセル単位）の変数（数値データ型）例：`PLC_PRG.iPos_Y` コンテナ変数: `Container.Height` 詳細については、以下を参照してください。位置とサイズを最適に調整する実行時にこの値を増やすと、要素が下に移動します。
回転	回転角度（度）を表す変数（数値データ型）例：`PLC_PRG.iAngle1` 要素の中心点は、中心この回転点はシンボル。実行時には、要素の配置は視覚化の座標系に対して同じままです。値を増やすと、要素は右に回転します。
内部回転	回転角度（度）を表す変数（数値データ型）例：`PLC_PRG.iAngle2` 実行時に、要素は指定された回転点を中心に回転します。中心変数の値に応じて、要素の配置が視覚化の座標系に応じて回転します。コード内の値を増やすと、時計回りに回転します。回転点は次のように表示されます。シンボル。注記静的回転角度が位置 → 角度プロパティを設定すると、視覚化の実行時に静的回転角度が可変回転角度 (オフセット) に追加されます。