Skip to main content

例: マルチタッチ処理

製品: CODESYS Visualization

この例では、マルチタッチ ディスプレイでタッチ イベントを評価する方法と、それらを処理する方法を示します。

マルチタッチ ディスプレイで視覚化を実行できる場合は、追加の操作コンセプトを利用できます。次に、通常のマウスおよびキーボード イベントに加えて、ジェスチャおよびタッチ イベントも評価および処理できます。

サポートされているジェスチャー:

  • パン:

    指を使って押したり、ドラッグしたり、離したりすることで、ウィンドウまたはタブの内容を移動します。

  • フリック:

    指をすばやく動かすと、選択した領域でさまざまな視覚化イメージが切り替わります。

  • マルチタッチ イベント:

    複数の指で同時に操作する場合

これには、ビジュアライゼーションで、ユーザーが複数の指で同時に複数の要素を操作できるという効果があります。

その結果、アプリケーション エンジニアは、複数のスライダーを同時に操作できる両手コントロールまたは仮想ミキサーを実装できます。

説明

IGestureEventHandler からのインターフェース VisuElems.VisuElemBase ライブラリは、ジェスチャに応答するために IEC 61131-3 コードの実装を可能にします。ジェスチャ イベントをキャプチャして、フォローアップ アクションを実装できます。

次のクライアントは、マルチタッチ デバイスで視覚化を実行できます。

  • CODESYS TargetVisu Windows オペレーティング システムを搭載したデバイスで

  • CODESYS TargetVisu Linux オペレーティング システムを搭載したデバイス上

追加情報

MultiTouchExample.project プロジェクトは、の使用方法を示しています IGestureEventHandler2 インターフェース。

GesturesHandler  機能ブロックは、 IGestureEventHandler2 インターフェース。まず、イベント ハンドラをイベント マネージャに登録する必要があります。これは、 FB_Init の方法 GestenHandler 機能ブロック。

HandleFlickGestureHandlePanGesture、 と HandleTouchEvent メソッドは、対応するイベントが発生したときに呼び出されます。

  • スクロール:

    _example_img_visu_multitouch.png

    フレームまたはタブ要素内で、オペレーターは次の視覚化にスクロールできます。

  • 複数のエントリ:

    _example_img_visu_multitouch_multiple_fingers.png

    入力要素は同時に操作できます。

  • 両手操作:

    _example_img_visu_multitouch_two_hand_mode.png

    この例では、両手での入力処理を示しています。

  • IEC 61131-3 のタッチ イベント:

    この例は、画面上の現在のタッチ ポイントを示しています。

  • フリック検出:

    水平方向および垂直方向のフリック イベントがカウントされます。

システム要件と制限事項

プログラミングシステム

CODESYS Development System (バージョン 3.5.14.0 以降)

ランタイム システム

CODESYS Control Win (バージョン 3.5.14.0)

アドオン コンポーネント

-

注記

_example_icon.png ダウンロード 計画