Skip to main content

ダイアログを移動する

プログラムされたユーザーインターフェイスにダイアログが含まれている場合は、実行時にこれらを取得してバックグラウンド領域に移動できます。視覚化ユーザーは、マウス(または他のポインティングデバイス)を使用して、ダイアログを任意の位置に移動できます。その結果、最初に開いたときに非表示になっていた領域が表示されるようになりました。これは、たとえば、開いているダイアログがユーザーインターフェイスの情報を覆い隠している場合に役立ちます。システムは、次のオープニングの新しい位置を記憶しています。

移動するとき、視覚化ユーザーは通常、マウスを使用してタイトルバーのダイアログを取得します。したがって、標準のダイアログの場合、タイトルバーはそのポインタ領域として構成されます。

独自のダイアログでは、このために背景領域が設定されます。ただし、他のまたは追加のポインタ範囲をプログラムすることもできます。これを行うには、領域を 目に見えない入力 要素とその有効化 ポインタ領域として使用 財産。要素は入力構成であってはなりません。これは、ダイアログの背景領域がかなり小さいためにつかむのが難しい場合、またはタイトル領域が背景領域の一部ではない場合に役立ちます。

. 要件
  • The クライアントアニメーションとネイティブ要素のオーバーレイをサポートする プロパティは、視覚化マネージャーで有効になっています。

    注:ダイアログの移動は、オーバーレイ機能が有効になっている場合にのみ可能です。ただし、これは統合ビジュアライゼーションではサポートされていません。その結果、このバリアントでは移動ダイアログ項目を表示することができません。

  • メインの視覚化に加えて、 ダイアログ タイプの視覚化はユーザーインターフェイスの一部です

  • ビジュアライゼーションは、実行時にWebVisuまたはTargetVisuバリアントのいずれかで表示されます。

    注:統合ビジュアライゼーションでは、ダイアログを移動することはできません。

独自のダイアログで入力領域をプログラミングする

サンプルプロジェクト C:\Program Files\CODESYS 3.5.17.0\CODESYS\Projects\Visu\ExamplesVisuDemoOverlay 標準インストールで提供されるものには、広範なユーザーインターフェイスが含まれています。そこにあなたは見つけるでしょう Dlg_Desktop_ControlsDetails ダイアログ。次の手順は、このダイアログをプログラムして、視覚化ユーザーがタイトルバーでダイアログを移動できるようにする方法を示しています。

  1. サンプルプロジェクトを開いて抽出し、デバイスを更新します。

  2. を開きます プロジェクト環境 ダイアログ、および 視覚化プロファイル タブで、プロファイルをに設定します CODESYS Visualization 4.1.0.0

    バージョン4.1.0.0以降では、可動ダイアログの使用が可能です。

  3. の中に デバイス 表示するには、をクリックします Visualization Manager 物体。

    設定 タブ、 クライアントアニメーションとネイティブ要素のオーバーレイをサポートする オプションが有効になり、オーバーレイ機能が有効になります。

  4. 視覚化エディタで、 Dlg_Desktop_ControlsDetails ダイアログ。

  5. の中に 視覚化ツールボックス ビュー、検索 目に見えない入力 要素を作成し、エディターにドラッグします。

  6. 要素の境界線をタイトルバーの上にドラッグします。クローズメニューをカバーしないでください。

  7. 要素リストで新しい要素を選択してから、 プロパティ 見る。

    ヒント:すべてのプロパティがビューに表示されていることを確認してください。必要に応じて、 高度 オプション。

  8. を有効にする ポインタ領域として使用 選択した要素のプロパティ。

    ダイアログに独自のポインタ領域があり、そこをつかんで移動できます。

    _visu_img_example_demo_overlay_invisable_input.png
  9. アプリケーションをコンパイルし、WebVisuとしてアプリケーションを起動します(http://localhost:8080/webvisu.htm)。

    アプリケーションが実行されます。下のダッシュボードで Control、感嘆符をクリックして開くことができます Control Details ダイアログ。これで、ポインタ領域のダイアログをつかんで移動できます。