Skip to main content

エディターでの視覚化スタイルの編集

スタイルは、ファイル拡張子が付いたXMLファイルです。 *.visustyle.xml。これには、一貫性が自動的にチェックされる特定のスタイルプロパティのセットが含まれています。

新しいスタイルを作成することも、既存のスタイルをカスタマイズすることもできます。 Visualization Style Editorは、この目的のために提供されています。

スタイルをカスタマイズすると、新しいスタイルがスタイルの階層として作成されます。階層は、相互に基づく少なくとも2つのスタイルで構成されます。入れ子の深さは制限されていません。階層は、その最上位の派生スタイルで簡単に識別されます。異なるスタイルプロパティによってスタイルを拡張することにより、1つの基本スタイルから複数の異なるスタイルを派生させることができます。これはメモリを節約するので、 推奨される方法

基本スタイルは、それ自体で一貫している必要はありません。代わりに、不完全なスタイルとして識別する必要があります。トップ派生スタイルのみが一貫している必要があります。

詳細については、次を参照してください。 視覚化スタイルのエントリ

スタイル階層の例

37. スタイル Petrostyle

部分的なスタイルでは、一貫性を気にすることなく、任意のスタイルプロパティを組み合わせて効率的な階層を形成できます。たとえば、すべての画像参照を1つの部分的なスタイルに収集できます。次に、スタイルを派生させ、色のスタイルプロパティをさらに定義します。このスタイルも不完全です。スタイルを再度派生させ、そのフォントに対してより多くのスタイルプロパティを定義します。トップスタイルが完全になりました。

_visu_img_partial_style.png
  1. CompanyImg 画像参照を定義する部分的なスタイルです。

  2. CompanyColor に基づく部分的な派生スタイルです CompanyImg また、色を定義します。

  3. PetrolStyle に基づいた完全な派生スタイルです CompanyColor また、特別な色を定義します。

  4. スタイルの階層は次のとおりです。 PetrolStyleCompanyColor、 と CompanyImg



Visualization Style Editorでは、スタイルを開き、そのスタイルプロパティを定義し、その名前をローカライズできます。スタイルに一貫性がある場合は、視覚化スタイルリポジトリにインストールできます。エディターはに統合されていません CODESYS Development System

スタイルプロパティの名前

スタイルプロパティは、特定の色、特定のフォント、または特定の画像参照のエントリです。

この名前にダッシュが含まれている場合、視覚化スタイルエディタは、ダッシュの前にある接頭辞付きの用語でスタイルプロパティを並べ替えて、階層に表示できます。それ以外の場合、名前はアルファベット順、順番順、または順番に並べ替えることができます(XMLファイルに保存されているとおり)。 CODESYS スタイルのXMLファイルに実際に保存されている名前の順序でスタイルプロパティを表示します。

例: Element-Alarm-Fill-Color

でエディタを起動する CODESYS Development System

  1. ダブルクリック Visualization Manager 物体。

    エディターが開きます。

  2. 設定 タブ、 スタイル設定 グループをクリックし、 _visu_icon_activate_style_editor_cmds.png シンボル。

  3. クリック スタイルエディタを開く リストボックスから。

    The 視覚化スタイルエディタ 開きます。

独立してエディタを起動する CODESYS

  • 選ぶ 視覚化スタイルエディタ [スタート]メニューのCODESYSインストールフォルダから。標準インストールの場合、このリンクはインストールフォルダにあります。 CODESYS

    Visualization StyleEditorが開きます。

視覚化スタイルの導出

ヒント

これは、既存のスタイルプロパティと新しいスタイルプロパティを組み合わせたスタイルを作成するための推奨される方法です。

手順. でエディタを起動する CODESYS と派生スタイル

要件: CODESYS 視覚化を含むプロジェクトで開いています。

  1. ダブルクリック Visualization Manager デバイスツリー内のオブジェクト。

    エディターが開きます。

  2. 設定 タブ、 スタイル設定 グループをクリックし、 _visu_icon_activate_style_editor_cmds.png シンボル。

    コマンドのリストが開きます。

  3. クリック 派生スタイルの作成と編集

    Visualization Style Editorが開き、 新しい視覚化スタイルを作成する ダイアログが開きます。

  4. 名前を指定します。

  5. ディレクトリを選択します。

  6. 基本スタイルを選択します。デフォルトのスタイルはで設定されています CODESYS。リポジトリからスタイルを選択することもできます。

    新しいスタイルが視覚化スタイルエディタに表示されます。基本スタイルのスタイルプロパティは黄色で表示されます。

  7. 新しいスタイルプロパティを追加するか、既存の値を変更します。

  8. スタイルのバージョンを入力して、をクリックします ファイル→保存してインストール

    スタイルはリポジトリにインストールされます。手順7で追加したスタイルプロパティのみが保存されるため、メモリ要件は低くなります。

視覚化スタイルのコピー

要件: CODESYS 視覚化を含むプロジェクトで開いています。

  1. ダブルクリック Visualization Manager デバイスツリー内のオブジェクト。

    エディターが開きます。

  2. 設定 タブ、 スタイル設定 グループをクリックし、 _visu_icon_activate_style_editor_cmds.png シンボル。

    コマンドのリストが開きます。

  3. クリック スタイルのコピーと編集

    Visualization StyleEditorが開きます。 既存のスタイルをコピーとして開く ダイアログ。

  4. コピーするスタイルを選択します(スタイル)。

  5. 「宛先」にディレクトリを入力して、 わかった

    新しいスタイルが視覚化スタイルエディタに表示されます。すべてのスタイルプロパティは、コピーされたスタイルのプロパティと同じです。

  6. 名前を指定します。

  7. 新しいスタイルプロパティを追加するか、既存のスタイルプロパティの値を変更します。

  8. スタイルのバージョンを入力して、をクリックします ファイル→保存してインストール

    スタイルはリポジトリにインストールされ、スタイルプロパティは、手順8で追加されたスタイルプロパティを除いて、追加されたスタイルプロパティと同じです。共通のスタイルプロパティが両方のスタイルで定義されているため、メモリ要件が高くなります。

新しい視覚化スタイルの作成

要件: CODESYS 視覚化を含むプロジェクトで開いています。

  1. ダブルクリック Visualization Manager デバイスツリー内のオブジェクト。

    エディターが開きます。

  2. 設定 タブ、 スタイル設定 グループをクリックします _visu_icon_activate_style_editor_cmds.png シンボル。

    コマンドのリストが開きます。

  3. クリック スタイルエディタを開く

    Visualization StyleEditorが開きます。

  4. クリック ファイル→新しいスタイル

    The 新しい視覚化スタイルを作成する ダイアログが開きます。

  5. 名前を指定します。基本スタイルを指定します。

  6. ディレクトリを指定して、をクリックします わかった ダイアログを閉じます。

    新しいスタイルが視覚化スタイルエディタに表示されます。

  7. 新しいスタイルプロパティを追加します。

  8. スタイルのバージョンを入力して、をクリックします ファイル→保存してインストール

    スタイルは、バージョン番号とともにVisualizationStylesリポジトリにインストールされます。

スタイルプロパティの追加

Visualization Style Editorを使用すると、スタイルを編集して、新しいバージョンとして保存およびインストールできます。

要件:視覚化スタイルエディタがスタイルで開いている。

  1. スタイルのプロパティ タブで、スタイルプロパティを選択し、をクリックします スタイル→新しいスタイル(その後)

    新しいスタイルプロパティが追加されました。

  2. 全般的 タブで、新しいバージョン番号を入力します バージョン 設定。

  3. クリック ファイル→保存してインストール

    変更が保存され、スタイルが新しいバージョンとしてリポジトリにインストールされます。

スタイルプロパティのローカライズ

言語に依存する名前をスタイルプロパティに割り当てることができます。 CODESYS の言語設定に応じて、ローカライズされた名前でスタイルプロパティを表示します ツール→オプション の中に 国際設定 カテゴリー。

要件:視覚化スタイルエディタがスタイルで開いている。

  1. スタイルプロパティの名前をローカライズされた言語に翻訳します ローカリゼーション タブ。

  2. 上のファイルのバージョンを提供します 全般的 タブ。

  3. クリック 保存してインストール

    編集されたスタイルは、現在選択されているリポジトリにインストールされます CODESYS

  4. スタイルを更新します。

  5. で言語設定を設定します CODESYS ローカライズされた言語に。

  6. ビジュアライゼーションを開き、要素を選択します。プロパティのスタイル設定は、ローカライズされた言語で表示されます。