視覚化要素：日付ピッカー

シンボル：

カテゴリー：日付/時刻の制御

要素は、現在の日付を表示するカレンダーです。ユーザーは日をクリックして日付を選択でき、それが変数に保存されます。さらに、カレンダーが表示する時間間隔をカスタマイズできます。カレンダーヘッダーをクリックすると、年が変更されます。カレンダーヘッダーの矢印をクリックすると、月が変わります。

要素の言語依存テキスト

要素には、で管理される言語依存のテキストが含まれています System テキストリスト。これは、完全に書き出された、または省略された月と曜日の名前を扱います。日付ピッカーがビジュアライゼーションに追加されると、POUビューの下にテキストリストが自動的に生成されます。 IDは標準テキストに対応しているため、英語の用語に対応しています。テキストリストを使用すると、これらのテキストを翻訳できます。

例 31. 例

System テキストリスト

ID	ディフォルト
`Apr`	`Apr`
`April`	`April`

要素のプロパティ

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

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

要素名	例： `DueDateCalendar` ヒント要素リスト内で要素がより早く見つかるよう、要素に個別の名前を割り当てます。
要素タイプ	日付ピッカー

位置

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

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

ヒント

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

変数

入力変数（DATE）。ユーザーがカレンダーで選択した日付が含まれます。

例： PLC_PRG.dtDueDate

デザイン

スタイルから：すべての設定は、スタイルに従って事前構成されています。
明示的：デザイン設定プロパティが利用可能です。ここでカレンダーをカスタマイズできます。

デザイン設定

要件：このプロパティは、デザインプロパティはに設定されています明示的。この設定により、カスタムの固定デザインを作成できます。

ヒント

デザインがスタイルでグローバルに定義されている場合、デザイン設定にはこれらのスタイル値が自動的に割り当てられます。

これらの値を明示的に変更し、スタイル選択リストから他の値を選択できます（）またはカラーピッカーを使用して（）要素がカスタムテーマで表示されるようにします。

プロパティ			説明
日付選択ヘッダー			ヘッダーのデザイン
	フォント
	フォントの色		例：日付選択見出しのフォントの色
	矢印
		ポインターの色	例：日付選択ポインタの色
		印刷された矢印の色	例：押された日付選択ポインタの色
	バックグラウンド
		背景を描く	スタイルから：スタイルでグローバルに定義された背景表示はい：背景は色で塗りつぶされています塗りつぶしの色財産。番号：背景が色で塗りつぶされていません。
		塗りつぶしの色	要件：選択した場合に使用されますはいの背景を描く。例：日付選択見出しの背景色

メインディスプレイエリア			メインディスプレイエリアのデザイン
	今日		今日のデザイン
		フォント
		フォントの色	例：日付選択当日のフォントの色
		背景を描く	スタイルから：スタイルでグローバルに定義された背景表示はい：背景は色で塗りつぶされています背景色財産。番号：背景が色で塗りつぶされていません。
		背景色	要件：選択した場合に使用されますはいの背景を描く。例：日付選択当月の背景色
		フレームを表示	スタイルから：フレームは、スタイルでグローバルに定義されます。はい：フレームは次のプロパティで表示されます（フレームカラー、長方形タイプ、線幅）。番号：フレームは表示されません。
		フレームカラー長方形タイプ線幅	要件：次の場合に使用されますはいで選択されていますフレームを表示。例：グレー例：角丸長方形例：1

選択した日		選択した日のデザイン
	フォント
	フォントの色	例：グレー
	背景を描く	スタイルから：スタイルでグローバルに定義された背景表示はい：背景は色で塗りつぶされています背景色財産。番号：背景が色で塗りつぶされていません。
	背景色	要件：選択した場合に使用されますはいの背景を描く。
	フレームを表示	スタイルから：フレームは、スタイルでグローバルに定義されます。はい：フレームは次のプロパティで表示されます（フレームカラー、長方形タイプ、線幅）。番号：フレームは表示されません。
	フレームカラー長方形タイプ線幅	要件：次の場合に使用されますはいで選択されていますフレームを表示。

今月		選択した月のデザイン
	フォント
	フォントの色	例：グレー
	背景を描く	スタイルから：スタイルでグローバルに定義された背景表示はい：背景は色で塗りつぶされています背景色財産。番号：背景が色で塗りつぶされていません。
	背景色	要件：選択した場合に使用されますはいの背景を描く。
	フレームを表示	スタイルから：フレームは、スタイルでグローバルに定義されます。はい：フレームは次のプロパティで表示されます（フレームカラー、長方形タイプ、線幅）。番号：フレームは表示されません。
	フレームカラー長方形タイプ線幅	要件：次の場合に使用されますはいで選択されていますフレームを表示。

他の月		前月と後月のデザイン
	フォント
	フォントの色	例：グレー
	他の月を表示する	スタイルから：前後の月は、スタイルで定義されているとおりに表示されます。はい：以下のプロパティがディスプレイに適用されます。番号：表示なし
	背景を描く	スタイルから：スタイルでグローバルに定義された背景表示はい：背景は色で塗りつぶされています背景色財産。番号：背景が色で塗りつぶされていません。
	背景色	要件：選択した場合に使用されますはいの背景を描く。
	フレームを表示	スタイルから：フレームは、スタイルでグローバルに定義されます。はい：フレームは次のプロパティで表示されます（フレームカラー、長方形タイプ、線幅）。番号：フレームは表示されません。
	フレームカラー長方形タイプ線幅	要件：次の場合に使用されますはいで選択されていますフレームを表示。

曜日の見出し		曜日を含む見出しのデザイン
	フォント
	フォントの色	例：グレー
	背景を描く	スタイルから：スタイルでグローバルに定義された背景表示はい：背景は色で塗りつぶされています背景色財産。番号：背景が色で塗りつぶされていません。
	背景色	要件：選択した場合に使用されますはいの背景を描く。
	フレームを表示	スタイルから：フレームは、スタイルでグローバルに定義されます。はい：フレームは次のプロパティで表示されます（フレームカラー、長方形タイプ、線幅）。番号：フレームは表示されません。
	フレームカラー長方形タイプ線幅	要件：次の場合に使用されますはいで選択されていますフレームを表示。
	区切り線を表示する	スタイルから：区切り線は、スタイルでグローバルに定義されます。はい：以下のプロパティで表示します。番号：区切り線は表示されません。
	区切り線の色セパレータラインの幅	次の場合に使用されますはいで選択されています区切り線を表示する。

バックグラウンド		暦日のデザイン
	背景を描く	スタイルから：スタイルでグローバルに定義された背景表示はい：背景は色で塗りつぶされています塗りつぶしの色プロパティとフレームでフレームカラー。番号：背景が色で塗りつぶされていません。
	塗りつぶしの色
	フレームカラー	例：グレー

画面タイプ

線	行ごとの月間カレンダーの数（プリセット： `1`）。
列	列ごとの月間カレンダーの数（プリセット： `1`）。

状態変数

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

見えない

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

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

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

入力を無効にする

変数（BOOL）要素の操作性を切り替えるため

TRUE：ユーザー入力は、実行時にそれ以上効果がありません。要素は非アクティブとして表示されます。

ヒント

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

中心

	プロパティには回転点の座標の固定値が含まれています。回転点はエディタ上で次のように表示されます。シンボルであり、回転と拡大縮小の中心として使用されます。ヒントドラッグして値を変更することもできますシンボルをエディター内の別の位置に移動します。
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、はい、回転、そして内部回転プロパティは「クライアントアニメーション」機能によってサポートされます。

アニメーション

ヒント

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

アニメーションの長さ

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

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

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

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

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

フォアグラウンドに移動

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

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

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

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

入力構成

プロパティには、マウスまたはキーボードを使用するときのユーザー入力の構成が含まれています。ユーザー入力は、イベントと、イベントが発生したときに実行される1つ以上のアクションを定義します。

ヒント The 構成、設定ボタンを開くと入力構成ダイアログ。そこで、ユーザー入力を作成または編集できます。構成されたユーザー入力は、イベントの下に一覧表示されます。それぞれに、トリガーされるアクションと短い形式の設定が含まれています。例： STコードを実行する： `PLC_PRG.i_x := 0;`
OnDialogClosed	入力イベント：ユーザーはダイアログを閉じます。
OnMouseClick	入力イベント：ユーザーが要素領域でマウスボタンを完全にクリックします。マウスボタンをクリックして離します。
OnMouseDown	入力イベント：ユーザーがマウスボタンをクリックします。
OnMouseEnter	入力イベント：ユーザーはマウスポインタを要素にドラッグします。
OnMouseLeave	入力イベント：ユーザーがマウスポインタを要素からドラッグします。
OnMouseMove	入力イベント：ユーザーはマウスポインタを要素領域上に移動します。
OnMouseUp	. 入力イベント：ユーザーは、要素領域内でマウスボタンを離します。ユーザーが以前に要素領域の内側または外側でマウスボタンを押したことがあるかどうかは関係ありません。ユーザーは、要素領域内でマウスボタンを押し、要素領域を離れてから、マウスボタンを離します。注記これ CODESYS-特定のトリガー動作により、主要な要素のアクションが確実に完了します。キー要素は、のアクションを開始します OnMouseDown のアクションを終了します OnMouseUp。例：ビジュアライゼーションユーザーは、キー要素の要素領域内でマウスボタンを押してから、要素領域の外側にカーソル位置を移動します。とにかくアクションは終了します OnMouseUp トリガーされます。
OnValueChanged	値の変化によりフォローアップアクションをトリガーするイベントどのフォローアップアクションがトリガーされるかは、入力構成ダイアログ。定義されたフォローアップアクションと対応する構成は、要素プロパティの下に表示されます。 The OnValueChanged イベントはによって無効にすることができます VISU_NO_VALUECHANGED コンパイラは、アプリケーションのプロパティダイアログで定義します。

タップ	マウスクリックイベントが発生すると、で定義された変数変数アプリケーションに記載されています。コーディングは FALSEをタップしますとキャプチャされた場合はEnterをタップしますオプション。
変数	要件： FALSEをタップしますオプションはアクティブ化されていません。変数（`BOOL`）マウスクリックイベントの場合 `TRUE`：マウスクリックイベントが存在します。ユーザーが要素の上でマウスボタンを押す限り、それは続きます。ボタンを離すと終了します。 `FALSE`：マウスクリックイベントは存在しません。例： `PLC_PRG.bIsTapped`
FALSEをタップします	：マウスクリックイベントは、の補完的な値につながります変数。 `TRUE`：マウスクリックイベントは存在しません。 `FALSE`：マウスクリックイベントが存在する間。
キャプチャされた場合はEnterをタップします	：ユーザー入力時に、マウスボタンが押されている間にマウスポインタが要素領域内でドラッグされているかどうかも考慮されます。 `TRUE`：マウスクリックイベントが存在し、マウスポインタが要素領域上に移動している間。 `FALSE`：マウスクリックイベントは存在しません。または、マウスボタンが押されている間に、ユーザーがマウスポインタを要素領域の外に移動します。値は `TRUE` ユーザーがポインターを要素領域に戻すとすぐに再び。次に、マウスがキャプチャされます。

切り替える

マウスクリックイベントが開始されると、変数が設定されます。マウスクリックイベントが完了すると、変数がリセットされます。

変数

変数（BOOL）マウスクリックイベントの終了時に切り替える場合

これは、マウスポインタが要素領域上にあるときにユーザーがマウスボタンを離したときです。マウスポインタが要素領域の外にあるときにユーザーがマウスボタンを離した場合、マウスクリックイベントは終了せず、値は切り替えられません。

ヒント

ユーザーは、マウスポインターを要素領域の外にドラッグすることにより、開始されたトグル入力をキャンセルできます。

キャプチャされた場合は上に切り替えます

standard icon ：マウスボタンを離したときにマウスポインタがどこにあるかに関係なく、値が切り替わります。次に、マウスがキャプチャされます。

ホットキー	特定の入力アクションをトリガーするための要素のショートカットホットキーイベントが発生すると、イベントプロパティがトリガーされます。このように、この入力アクションにつながるのは入力アクション自体ではなく、マウス入力アクションです。
鍵	入力アクションのために押されたキー。例： T キーを選択すると、次のプロパティが表示されます。
イベント	なしマウスダウン：キーを押すと、で設定されている入力アクションがトリガーされます。 OnMouseDown 財産。マウスアップ：キーを離すと、で設定されている入力アクションがトリガーされます OnMouseUp 財産。マウスダウン/アップ：キーを押して放すと、で設定されている入力アクションがトリガーされます。 OnMouseDown プロパティと OnMouseUp 財産。
切り替える	：「Shift」キーとの組み合わせ例：シフト+T。
コントロール	：「Ctrl」キーとの組み合わせ例： Ctrl+T。
Alt	：「Alt」キーとの組み合わせ例： Alt+T。

ヒント

ビジュアライゼーションで構成されているすべてのキーボードショートカットとそのアクションは、キーボード構成タブ。

権限

注記

視覚化のためにユーザー管理が設定されている場合にのみ使用できます。

アクセス権ボタン

開くアクセス権ダイアログが表示されます。ここで、要素のアクセス権限を編集できます。

. ステータスメッセージ:

設定されていません。完全な権限があります。 : すべてのユーザーグループのアクセス権: 操作可能
権利が設定されています: 制限付き権利 : 少なくとも 1 つのグループへのアクセスが制限されています。

このセクションの内容:

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` 実行時に、要素は指定された回転点を中心に回転します。中心変数の値に応じて、要素の配置が視覚化の座標系に応じて回転します。コード内の値を増やすと、時計回りに回転します。回転点は次のように表示されます。シンボル。注記静的回転角度が位置 → 角度プロパティを設定すると、視覚化の実行時に静的回転角度が可変回転角度 (オフセット) に追加されます。