開発環境とプロジェクトの準備 デフォルトの設定 以下に、視覚化に使用できるデフォルト設定を示します。 範囲 設定場所 設定 全体を通して CODESYS オプション: 視覚化 視覚化スタイル 視覚化エディタ：表示、処理 基本的なテキストファイルと画像ファイルのパス 視覚化スタイル ダイアログ：カスタマイズ–メニュー 視覚化メニューの適応 プロジェクト全体を通して 視覚化 視覚化プロファイル 視覚化

要素を使用した設計 視覚化エディターは、ユーザーインターフェイスを設計するための視覚化要素を提供します。 視覚化ツールボックス 見る。 目的の要素をエディタービューにドラッグし、 プロパティ ビュー：純粋に視覚的なデザイン、ラベル付け、データの表示、ユーザー入力への反応、値を入力する可能性など。 プロパティの静的または動的構成が可能です。これは、固定値の割り当てまたはアプリケーション変数の割り当て

要素を選択 The 視覚化ツールボックス ビューは、選択のために次の要素を提供します。 セットの視覚化プロファイルが定義するすべての視覚化要素。 統合ライブラリまたはシンボルライブラリからのプロジェクトのすべての画像の画像要素。 プロジェクトのすべての視覚化または統合ライブラリからのフレーム要素。 ヒント 見る ダイアログ：プロジェクト設定–視覚化 現在設定されている視覚化プロファイルと現在使用さ

位置とサイズを最適に調整する コンテナ要素での用途に応じて、ビジュアライゼーション内のコンテンツの位置とサイズを設計できます ( フレーム また タブ ）。これを行うには、自動的に生成された Container 変数は、コンテナーのサイズを下位または参照先の視覚化に渡すために使用されます。その結果、ビジュアライゼーションは、オフラインと実行時の両方で、上位の要素とオブジェクトのサイズにアクセスでき

色の割り当て 視覚化要素の色は、次の方法で静的に構成します。 色 プロパティ、またはを使用してアプリケーション変数を割り当てることにより動的に 色変数 財産。要素によっては、他のプロパティでも色の割り当てを利用できます。たとえば、フォントの色の場合、これは 文章 ラベル付けされた要素のプロパティ。 色の値を静的に割り当てる場合は、プロパティエディタのカラーダイアログをいつでも使用できます。このダイ

変数値の表示 実行中のアプリケーションからのデータを表示するための単純なものから非常に特殊な視覚化要素があります。 例： 変数値の単純な出力： たとえば、次の厳密なフォーマット仕様を構成できます。 矩形 の要素 文章 プロパティと、その値がの要素に表示される変数 テキスト変数 財産。 構造化変数値（構造体、配列、および関数ブロック）の表示： あなたは テーブル 要素を作成し、その構成で配列変数を指

ビジュアライゼーションの変数値を変更する コントローラからの値の表示に加えて、ユーザーインターフェイスを使用して値を入力および変更することもできます。 一般に、各要素のユーザー入力を構成できます。 入力構成 プロパティ。さらに、要素は特に特定の入力用に開発されました。 例： A ボタン 要素（または 矩形 要素など）をクリックすると、値を簡単に指定するための事前定義されたダイアログの視覚化が開きま

デバイス画像を使用した背景のデザイン ビジュアライゼーションの背景を構成するには、次の2つのユースケースがあります。 ビジュアライゼーションには、背景色または背景画像を提供する必要があります。これを行うには、 視覚化→背景 コマンドを実行し、色または画像ファイルを構成します。このように設計された背景は、ビジュアライゼーションを使用したときに表示されます（TargetVisuまたはWebVisuでも

ユーザー入力の構成 ビジュアライゼーションを操作するために、ビジュアライゼーションのユーザー入力が構成されます。 この目的のために、フォローアップアクションがトリガーされる視覚化要素に入力イベントを構成します。ユーザー入力とフォローアップアクションの組み合わせは、 入力構成 要素の。たとえば、入力イベントとして要素をマウスクリックし、入力アクションとしてダイアログを開くことを選択できます。 イベン

視覚化要素のユーザー入力の構成 すべての基本要素といくつかの一般的なコントロールには、 入力構成 財産。ここで、要素のユーザー入力を構成できます。この目的のために、入力イベントと入力アクションを選択します。 ユーザー入力の構成 要件：視覚化されたプロジェクトが開いています。 ビジュアライゼーションを開き、 ボタン エレメント。 The プロパティ 新しいボタンのビューが開きます。 を構成します 文