Skip to main content

ビジュアライゼーションでのダイアログの呼び出し

ビジュアライゼーションのユーザー入力を構成して、ビジュアライゼーションをダイアログとして開くことができます。たとえば、ユーザーがボタンをクリックすると、ダイアログが開き、値の入力を求められます。ダイアログはユーザー入力を取得するために使用され、(モーダルの場合)ダイアログ外の入力をブロックできます。

の視覚化のみ ダイアログ 視覚化タイプはダイアログとして開くことができます。で視覚化タイプを構成します プロパティ 視覚化オブジェクトのダイアログ。

手順. 主な手順

要件:メインの視覚化とダイアログがプロジェクトに存在します。

  1. を使用して、メインの視覚化のユーザー入力を構成します。 OpenDialog ダイアログのアクション。

    ダイアログオープニングが設定されます。

  2. ダイアログの要素のユーザー入力を構成します。 CloseDialog アクション。

    ヒント:非モーダルダイアログの場合、ダイアログの外側で閉じるようにユーザー入力を構成することもできます。

    ダイアログを閉じるように設定されています。

ヒント

独自のダイアログを作成する代わりに、ライブラリのダイアログを使用できます。たとえば、 VisuDialogs ライブラリはプロジェクトに統合されており、含まれているダイアログを使用できます VisuDialogs.Login また VisuDialogs.FileOpenSave

  1. の中に デバイス 表示し、オブジェクトを選択し、コンテキストメニューを開いて、をクリックします プロパティ

  2. クリック 視覚化 タブ。

  3. を選択 ダイアログ オプションをクリックしてクリックします わかった ダイアログを閉じます。

    視覚化には ダイアログ 視覚化タイプであり、そのように呼び出すことができます。

ダイアログ呼び出しの場合、ユーザーは通常、ダイアログを開いて入力を求めるボタンをクリックします。

次の例では、ダイアログがカレンダーとして表示され、日付を入力できます。

要件:プロジェクトには視覚化が含まれています visMaindlgCalender

  1. から視覚化タイプを設定します dlgCalender ダイアログに。

  2. 長方形をビジュアライゼーションにドラッグします visMain

  3. を構成します テキスト→テキスト テキスト付きのプロパティ Due date: %t[yyyy-MM-dd]

    を構成します テキスト変数→テキスト変数 とのプロパティ PLC_PRG.dateDue

  4. ボタンをビジュアライゼーションにドラッグします。

  5. を構成します テキスト→テキスト テキスト付きのプロパティ Open dialog

    を構成します 入力設定→OnMouseClick のプロパティ ダイアログを開く とのアクション dlgCalender

    ダイアログを開くためのユーザー入力が構成されます。

  6. ダブルクリック dlgCalender ダイアログ。

  7. ドラッグ 日付ピッカー 視覚化エディタへの要素。

  8. を構成します テキスト→テキスト とのプロパティ Due date: %t[yyyy-MM-dd]

    を構成します 変数 とのプロパティ PLC_PRG.dateCalender

    要素が構成されます。

  9. ボタンを視覚化エディタにドラッグします。

  10. を構成します テキスト→テキスト とのプロパティ OK

  11. を構成します 入力設定→OnMouseClick のプロパティ ダイアログを閉じる とのアクション dlgCalender, Result: OK

  12. 別の構成 入力設定→OnMouseClick のプロパティ STコードを実行する とのアクション PLC_PRG.dateDue := PLC_PRG.dateCalendar;

    ダイアログを閉じるためのユーザー入力が構成されます。

  13. 別のボタンを視覚化エディタにドラッグします。

  14. を構成します テキスト→テキスト とのプロパティ Cancel

  15. を構成します 入力設定→OnMouseClick のプロパティ ダイアログを閉じる とのアクション dlgCalender, Result: Cancel

    ダイアログをキャンセルするためのユーザー入力が構成されます。

  16. アプリケーションをコンパイル、ダウンロード、および起動します。

    _visu_img_dlg_calendar.png

変数宣言

PROGRAM PLC_PRG
VAR
    dateDue : DATE := DATE#2000-01-01;
    dateCalendar : DATE;
END_VAR                    

アプリケーションコードまたはアプリケーションからダイアログを開くことができます。簡単にアクセスするには、 VisuUtils 図書館。開いたとき VisuUtils ライブラリマネージャーでは、ライブラリの内容をスキャンして、ライブラリのドキュメントにアクセスできます。

機能ブロックを使用してダイアログを開閉することができます FbOpenDialogFbOpenDialogExtended、 と FbCloseDialog 図書館から VisuUtils。ダイアログが開いているか閉じている場合 グローバルに、次にパラメータ itfClientFilter := VU.Globals.AllClients 機能ブロックが呼び出されたときに設定する必要があります。次に、ビジュアライゼーションマネージャの下に設定されているすべての表示バリアントでダイアログが同時に表示または非表示になります。

ヒント

CODESYS V3.5 SP10以前では、内部ダイアログマネージャの機能を使用することによってのみ、ダイアログへのプログラムによるアクセスを実装できました。 V3.5 SP11以降では、 VisuUtils 図書館。

このサンプルプロジェクトでは、「」のインターフェイスを介してプログラムでダイアログにアクセスします。Visu Utils」ライブラリ。ここでは、ダイアログを開いたり、ダイアログにパラメーターを渡したりする方法がどのように実装されているかを確認できます