Skip to main content

クライアントアニメーション

そのクライアントアニメーションこの機能を使用すると、視覚化を迅速かつ簡単にアニメーション化できます。アニメーションは、視覚化タスクのタスクサイクルとは独立して実行されます。VISU_TASKアニメーションに必要な計算ワークロードはクライアント内で直接実行されます。

動き

たとえば、視覚化要素はターゲット位置に近づいたり、動的に回転したり、スムーズな遷移で表示したりできます。

アニメーション可能なプロパティ

動き

絶対的な動き動き Xはい

指定された目標位置に近づきます。

絶対的な動き内部回転

絶対的な動き外側回転

回転は前の角度から新しい角度までアニメーション化されます。

グループ、フレーム、ネイティブ コントロールも回転できます。

かぶせる

視覚化要素とネイティブ コントロールは、要素またはダイアログ要素によってオーバーレイまたは重ね合わせることができます。

_cds_img_element_overlay.png

時間アニメーション

. 時間アニメーション
  • ダイアログはスムーズに遷移しながら表示および非表示になります。

  • 要素の表示と非表示はスムーズに切り替わります。状態変数見えない視覚化要素の可視性に対するプロパティ。

  • メニューもスムーズに表示されます。

  • フレームの視覚化はシームレスに変化し、スムーズな遷移で画面内と画面外を移動します。

画像アニメーション

GIF グラフィック形式または SVG ベクター グラフィックの画像はアニメーションとして解釈され、実行時に動いて表示されます。

クライアントアニメーションの有効化

要件: CODESYSプロジェクトには視覚化を備えたアプリケーションが含まれています。

  1. の中でデバイスビューを表示するには、Visualization Manager を開きます。

  2. 選択してくださいクライアントアニメーションとネイティブ要素のオーバーレイをサポートオプション。

    注記

    このオプションは、CODESYS WebVisuクライアントまたはCODESYS TargetVisu Visualization Managerの下にクライアントが挿入されました。ただし、CODESYS TargetVisuクライアントはこの機能をサポートする必要があります。

    視覚化要素は、アニメーションの長さそして前面に出すプロパティ。これでクライアントアニメーションが有効になりました。

視覚化要素の設定

実行時に少なくとも1つのアニメーション化可能なプロパティの値が変更されると、視覚化要素は自動的にアニメーション化されます。この場合、アニメーションの継続時間は0ではなく、アニメーションの長さプロパティ。アニメーションはクライアントによって処理されます。

要件: クライアントアニメーションが有効になっています。

  1. 視覚化要素を選択します。

  2. それぞれのプロパティビューでは、アニメーションの長さ入力フィールドで値を指定500

    これでアニメーションの持続時間は 500 ミリ秒になりました。

  3. たとえば、視覚化のインターフェース エディターで位置変数を宣言します。

    インターフェースエディター

    VAR
        iXPosition : INT;
        iYPosition : INT;
    END_VAR                                
  4. 選択してください絶対的な動き動き Xプロパティと変数を割り当てるiXPosition

  5. 選択してください絶対的な動き動きはいプロパティと変数を割り当てるiYPosition

  6. たとえば、位置の変更を制御するための入力構成をプログラムします。

    入力設定マウスクリック時財産: STコードを実行する

    STコードを実行する

    iXPosition := 100;
    iYPosition := 100;                                
  7. アプリケーションをビルド、起動、ダウンロードします。

    視覚化機能を備えたアプリケーションが実行中です。ユーザーが視覚化要素をクリックすると、要素は設定された位置に動的に移動します。