InTouch タグと産業用グラフィックの接続の例
- Last UpdatedSep 26, 2024
- 2 minute read
この例では、産業用グラフィック エディタで作成された垂直塗りつぶしパーセント アニメーションを持つタンク シンボルを InTouch タグに接続する方法を示します。
これを行うには、以下の 3 つの主な手順を実行します。
-
産業用グラフィックとしてサンプル タンクを作成します。
-
InTouch アプリケーションを作成します。
-
WindowViewer でサンプル タンクを派生させて表示します。
産業用グラフィックとしてサンプル タンクを作成します。
-
IDE で、"Tank" という名前の新しいシンボルを作成し、産業用グラフィック エディタで開きます。
-
キャンバスに長方形を貼り付けます。必要に応じて、外観を変更します。
-
タンク レベルを示すためのタンクの切り抜きを表す色付きの多角形要素を作成します。
-
キャンバスを選択します。
-
［プロパティ］メニューの［グラフィック］グループで［編集］を選択します。
または、グラフィック オブジェクトをダブルクリックします。
［カスタム プロパティの編集］ダイアログ ボックスが表示されます。
-
Level という名前のカスタム プロパティを追加します。
-
プロパティの詳細を設定します。以下の手順を実行します。
-
［Data Type］リストで、［Float］を選択します。
-
［デフォルト値］ボックスに 0 と入力します。
-
-
[OK] を選択します。
-
タンク レベルを表す多角形要素をダブルクリックします。
［アニメーションの編集］ダイアログ ボックスが表示されます。
-
［垂直塗りつぶしパーセント］アニメーションを追加します。
-
右ペインにある［アナログ］ボックスに、カスタム プロパティの名前を入力します。この例では、これは Level です。
-
［OK］を選択し、［Edit Animations］ダイアログ ボックスを閉じます。
-
［保存して閉じる］を選択し、産業用グラフィック エディタを閉じます。
InTouch アプリケーションを作成します。
-
System Platform IDE で、新しいマネージド InTouch アプリケーションを作成します。詳細については、「マネージド InTouch アプリケーションの作成」を参照してください。
-
マネージド InTouch アプリケーションを WindowMaker で開きます。
-
TankDisplay という名前の新しいウィンドウを作成します。
-
タグ名ディクショナリを開き、TankLevel という名前の新しい実数型の InTouch タグを作成します。
-
［産業用グラフィックの埋め込み］アイコンを選択します。
［Galaxy ブラウザ］ダイアログ ボックスが表示されます。
-
タンク シンボルを選択し、［OK］を選択します。
-
ウィンドウ内のシンボルを埋め込む新しい位置で選択します。
ウィンドウにタンク シンボルが埋め込まれます。
-
埋め込まれた産業用グラフィックを右クリックし、［産業用グラフィック "Tank"］をポイントし、次に［シンボル プロパティの編集］を選択します。
［シンボル プロパティの編集］ダイアログ ボックスが表示されます。
-
カスタム プロパティ レベルを選択します。
-
［デフォルト値］ボックスに TankLevel と入力します。また、参照ボタンを選択し、［タグ変数を選択してください］ダイアログ ボックスを使用して TankLevel を参照することもできます。
-
[OK] を選択します。
-
ウィンドウにスライダを貼り付け、ローカル InTouch タグである TankLevel を使用して設定します。
-
変更を保存し、WindowMaker を終了します。
マネージド InTouch アプリケーションは自動的にチェック インされます。
サンプル タンクを派生させ、テストするには
-
System Platform IDE で、マネージド InTouch アプリケーションのインスタンスを派生させ、WinPlatform インスタンスおよび ViewEngine インスタンスと共に配置します。
-
InTouch アプリケーション マネージャを開き、WindowViewer のリストに表示されているアプリケーションを起動します。
タンクおよびスライダが WindowViewer のウィンドウに表示されます。
-
スライダを移動するとタンク レベルを変更できます。
