Skip to main content

タブ:設定

関数 : タブには、アプリケーション全体のすべての視覚化の設定が含まれます。

シンボル:_visu_icon.png

注記

統合型ではすべての設定が利用できるわけではありませんCODESYS視覚化。

グループ: 一般設定

Unicode文字列を使用する

standard icon : 視覚化では文字列を Unicode でエンコードします。

CurrentVisu変数を使用する

standard icon : アプリケーションはグローバル変数を認識して使用しますVisuElems.CurrentVisuタイプのSTRING

アプリケーション実行時にアクティブな視覚化の名前が含まれます。

アプリケーションコードでは、アクティブなビジュアライゼーションの名前を保持するために変数を読み取ることができます。また、ビジュアライゼーションの切り替えを呼び出すために変数に書き込むこともできます。切り替えはすべてのディスプレイデバイスで同時に実行されます。

例: TargetVisu 表示バリアントと複数の WebVisu 表示バリアントがアクティブです。CurrentVisu 変数に書き込みが行われると、すべての表示バリアントがこのビジュアライゼーションに切り替わります。

要件: アプリケーションには、他の視覚化を呼び出す視覚化が含まれています。

例:

  • 変数の割り当て: VisuElems.CurrentVisu := strVisuName;

  • 視覚化名の割り当て: VisuElems.CurrentVisu := 'visu1';

クライアントアニメーションとネイティブ要素のオーバーレイをサポート

standard icon : 視覚化要素はクライアントによってアニメーション化できます。

この機能は、CODESYS WebVisuそして、CODESYS TargetVisu。 しかし、CODESYS TargetVisuこの機能をサポートする必要があります。サポートすると、視覚化要素に追加のプロパティが表示されます。

さらに、視覚化に統合されているネイティブ要素(たとえば、Webブラウザ)は、ネイティブ要素でオーバーレイできます。CODESYS要素。これは不可能ですCODESYS 3.5.16.0 より前のバージョン。

注記

現在、次の制限が適用されます。

ネストされたフレームとスケーリングが組み合わされている場合、要素を若干異なる方法で配置できます。

グループ: スタイル設定

ヒント

使用することができます視覚化スタイルエディター新しいスタイルを作成し、確認し、視覚化スタイル リポジトリにインストールします。

選択したスタイル

  • アプリケーションのすべての視覚化で使用される視覚化スタイル リポジトリからのスタイル

    例:フラットスタイル

  • <なし> : 視覚化では、定義されたスタイルなしで、または内部のデフォルトに従って要素が表示されます。そしてフォント要素のプロパティでは、リスト ボックスの代わりに選択用の既定のダイアログが開きます。

_cds_icon_drop_down_list.png

視覚化スタイルリポジトリにインストールされているスタイルのリストボックスを開きます

すべてのバージョンを表示(専門家のみ)

_cds_icon_option_deactivated.pngリストボックスには、選択したスタイルの最新バージョンとその他のすべてのスタイルのみが表示されます。選択したスタイルの新しいバージョンがインストールされている場合は、それも表示されます。

standard icon : リスト ボックスには、インストールされているすべてのスタイルのすべてのバージョンが含まれます。

ボタン:_visu_icon_activate_style_editor_cmds.png

使用するためのコマンドを含むリストボックスを開きます視覚化スタイルエディター

スタイルエディタを開く

その視覚化スタイルエディター開きます。

派生スタイルの作成と編集

その視覚化スタイルエディターで始まります新しい視覚化スタイルを作成するダイアログ。このダイアログには、最初の構成手順の設定が含まれています。

要件: 選択したスタイル、基本スタイルが選択されます。

注記

派生スタイルは、いくつかのスタイル プロパティのみを適応または拡張する場合に適しています。

スタイルのコピーと編集

その視覚化スタイルエディターで始まります既存のスタイルをコピーとして開くダイアログ。このダイアログには、最初の構成手順の設定が含まれています。

要件: スタイルが選択されている選択したスタイル

プレビュー

表示される要素は、選択したスタイル

グループ: 言語設定

選択した言語

視覚化を開始するときに表示バリアントで使用される言語

グループ: 追加設定

マルチタッチ操作

このプロパティは、タッチイベントの処理方法を定義します。これは、ビジュアライゼーション側、またはWebVisuの場合はブラウザ側で実行されます。この設定により、様々なビジュアライゼーション要素に対してタッチジェスチャを実行できます。

standard icon : ビジュアライゼーションは、ジェスチャー、タッチ、マウスイベントを介してユーザー入力を処理します。WebVisuはこれらのイベントをブラウザに転送しません(スクロールはできません)。イベントの転送はWebVisuにのみ影響し、TargetVisuには影響しません。

_cds_icon_option_deactivated.png : 視覚化では入力イベントは明示的に処理されません。マウス、タッチ、ジェスチャーイベントはブラウザで通常どおり動作します。

影響を受ける要素

  • 入力構成を持つ要素

  • 要素タイプフレーム

  • 要素タイプタブ

  • テーブルアラームテーブルコンボボックス、整数コンボボックス、配列固定およびスクロール可能財産

    これらのスクロール要素は、ジェスチャー(タッチイベント)またはスクロールバー(マウスイベント)でスクロールできます。スクロールバーは明示的に設定する必要があります。そのため、スクロールバーで要素をスクロールする要素にスクロールバーを装備するかどうかを指定するプロパティ。

スクロールバーで要素をスクロールする

standard icon : スクロール要素はスクロールバーで表示されます。抜粋されたコンテンツは、この方法でのみマウスでスクロールできます。

_cds_icon_option_deactivated.png : パンによるスクロールが有効になります。

視覚化要素テーブルアラームテーブルコンボボックス、整数コンボボックス、配列、 そしてフレーム固定およびスクロール可能プロパティはこのオプションの影響を受けます。

半透明の絵

standard icon : 視覚化では、要素を半透明の色で描画します。

色を定義する際に、透明度のグラデーション値も指定できます。この値は透明性財産。

先頭バイトはカラー変数で評価されます。

デフォルト: 有効。

要件: 新しい視覚化を作成し、表示バリアントを半透明でペイントできるようになりました。

標準的なキーボード操作

デフォルトでは次のユーザー入力が提供されます。

  • タブ

    ヒント

    動作を設定するタブ順序の中で要素リスト

  • シフト + タブ

  • 入力

  • 上矢印

  • 下矢印

  • 右矢印

  • 左矢印

ペイントが無効になっている要素がグレー表示されています

standard icon : 無効な要素はすべて、色変数などの要素プロパティが設定されていないとグレー表示されます。

次の結果、要素が無効になります。

  • 割り当てられた変数は状態変数入力を非アクティブ化する要素プロパティは次のように設定されますTRUE

  • 視覚化ユーザー管理により、ユーザーはエントリを作成できません。ユーザーは見える範囲のみ許可。

ビジュアル初期化後に呼び出す

関数名。この関数は初期化後に呼び出されます。このタイミングで追加のイベントハンドラを登録してください。EventManager

例:VisuInit

の実装VisuInit

// This function is called after visu initialization (see Visualization Manager 'Call after visu initialization')
FUNCTION VisuInit : BOOL
VAR_INPUT
END_VAR
// Set the mouse event handler
VisuElems.VisuElemBase.g_VisuEventManager.SetMouseEventHandler(PLC_PRG.evHandler);

もう一つのユーザーケースは、ClientManagerListenerのためにClientManager

レスポンシブな視覚化サイズ

standard iconクライアントサイズが変更されると、ビジュアライゼーションのサイズも更新されます。最上位レベルのビジュアライゼーション内の要素は動的に配置できます。等方性または異方性のスケーリングが要件となります。

クライアントサイズは、Container.WidthそしてContainer.Height変数。

Container.Sizeすべてのトップレベルのビジュアライゼーションのクライアントサイズです。要素の位置を変更したビジュアライゼーションを正しく拡大縮小するには、Visu.Size再計算する必要があります。

例:

Container.Width - Visu.Width
Container.Width - Visu.Width - 50