Please ensure Javascript is enabled for purposes of website accessibility
Powered by Zoomin Software. For more details please contactZoomin

AVEVA™ InTouch HMI

HTML5 ウィジェットのインポート

  • Last UpdatedAug 27, 2025
  • 1 minute read

スタンドアロン アプリケーションおよびマネージド アプリケーションのウィジェットをインポートできます。ファイル形式は、HTML5、CSS、および Javascript ファイルを含むカスタム ウィジェット パッケージ(.cwp)です。

HTML ウィジェットのインポート

  1. WindowMaker を起動します。

  2. [ファイル]メニューで[インポート]を選択し、[視覚化]を強調表示してから[HTML5 ウィジェット]を選択します。

    [HTML5 ウィジェットのインポート]ダイアログ ボックスが表示されます。

  3. インポートするウィンドウを含むアプリケーションのフォルダを選択します。

  4. [OK] を選択します。

    ツールボックスにウィジェットが表示されます。

ウィジェットをインポートした後、以下の操作を行います。

  1. グラフィックを作成します。

  2. グラフィックを編集してウィジェットを埋め込みます。

  3. [ウィジェットのプロパティ]セクションでプロパティを設定します。それぞれのウィジェットには、独自のプロパティがあります。

  4. ウィジェットをウィンドウに挿入します。

    ウィジェットが WindowViewer および任意の Web ブラウザで表示できるようになります。デザイン時のプロパティ設定に応じて、ウィジェットをランタイム時に操作できます。[ウィジェットのプロパティ]の下にあるカスタム プロパティを使用してウィジェットを変更するスクリプトはサポートされていません。