ボタンのアニメーション

ボタンは、視覚化要素で通常行われているように、実行時に外観を変更できます。このようにして、要素は制御された方法で移動したり、色を変更したり、さまざまな画像を表示したりできます。これは、要素のプロパティでアニメーション化します。動きはで制御されます絶対的な動きと相対的な動きプロパティ。色はで制御されます色変数財産。画像の切り替えは、ビットマップID変数財産。

さらに、ボタンは「押された」および「押されていない」状態を採用し、スイッチまたは押しボタンのように機能することができます。スイッチは、押されているか押されていないかを切り替えます。対照的に、ボタンまたは押しボタンは、「押された」状態に短時間だけ変化し、その後再び「押されていない」状態になります。 The ボタンの状態変数プロパティは、ボタンの状態の表示方法を制御します。プロパティは、デフォルトでユーザー入力と結合されています。

ボタンの状態をアニメーション化する

下の入力イベント（マウスクリックイベント）を選択して、ボタンが応答する入力イベントを定義します。入力構成財産。そこで、トリガーされるアクションを構成します。

ユーザー入力に従ってボタンの動作を定義します。に変数を割り当てるとき入力構成、トグルプロパティでは、スイッチのように動作するボタンを構成します。に変数を割り当てるとき入力構成、タッププロパティでは、プッシュボタンのように動作するボタンを構成します。

The ボタンの状態変数プロパティは、ボタンの表示が押されているかどうかを制御します。ビジュアライゼーションにボタンを挿入すると、プロパティにプレースホルダーが割り当てられます <トグル/タップ変数>。これには、ボタンの表示がユーザー入力に自動的に反応するという効果があります。プレースホルダーの代わりに変数を指定すると、ボタンの表示を自分でプログラムできます。このように、プロパティで指定された変数をコードで適宜設定することにより、ボタンがいつどのように表示されるかを定義します。

例 12. 例

ビジュアライゼーションは、「プッシュボタン」とボタンイベントの数を表示するテキストフィールドで構成されます。

「プッシュボタン」が実行時にマウスクリックを検出すると、色が変わり、ボタンが押された状態で表示されます。カウンター変数もインクリメントされます。マウスをクリックすると、ボタンは再び青色になり、押されません。さらに、現在の変数値がテキストフィールドに永続的に表示されます。テキストフィールドをクリックすると、カウンタ変数がゼロに設定されます。

手順. テキスト出力を使用したプッシュボタンの構成

ドラッグボタンエディターへの要素。
The ボタンの状態変数プロパティには、 <トグル/タップ変数> プレースホルダー。これで、ボタンの表現がユーザー入力と結合されます。
の中にテキスト文章プロパティ、指定 Push Button

ユーザー入力用のプログラム変数とフォローアップアクション用のカウンター変数を宣言します。

                                        PROGRAM PLC_PRG
                                        VAR
                                        xTap: BOOL := FALSE;
                                        iCntTaps : INT := 0;
                                        END_VAR

の中に入力構成、タップ、変数プロパティには、入力変数を指定します。
PLC_PRG.xTap
ボタンにはユーザー入力があり、タップとして構成されています。
の中に入力構成OnMouseClick プロパティをクリックします構成、設定。
The 入力構成ダイアログが開きます。
選択する STコードを実行するフォローアップアクションのリストからクリックします。
次のコードをエディターに入力します。
```
PLC_PRG.iCntTaps :=  PLC_PRG.iCntTaps + 1;
```
ボタンにはフォローアップアクションがあります。カウンターが実装されています。
の中に色変数、色を切り替えるプロパティ、指定 <トグル/タップ変数> プレースホルダー。
プロパティは、プレースホルダーを介したユーザー入力と結合されます。ユーザー入力が検出されるとすぐに、したがって PLC_PRG.xTap は TRUE、ボタンの色が変わります。
ボタンは次のように構成されています。
ドラッグテキストフィールドエディターへの要素。
の中にテキスト文章プロパティ、指定 Number of taps: %i。
出力テキストには、整数変数のプレースホルダーが含まれています。
の中にテキスト変数テキスト変数プロパティ、指定 PLC_PRG.iCntTaps。
実行時にプレースホルダーが設定され、代わりに変数値が表示されます。
の中に入力構成OnMouseClick プロパティをクリックします構成、設定。
The 入力構成ダイアログが開きます。
選択する STコードを実行するフォローアップアクションのリストからクリックします。
次のコードを入力します。
```
PLC_PRG.iCntTaps := 0;
```
カウンタのリセットは、フォローアップアクションとして実装されます。
テキストフィールドが設定されます。

このセクションの内容:

ボタンのアニメーション

ボタンの状態をアニメーション化する

検索結果