Dialog Schaltfläche

Mit diesem Widget können Sie eine Benutzeroberfläche mit einem Dialogfenster erstellen. Dies ist besonders dann nützlich, wenn Sie einige Komponenten der Benutzeroberfläche in einem anderen Fenster anzeigen möchten. Sie müssen eine zusätzliche Ansicht hinzufügen, die den Inhalt des Fensters definiert, und das Widget „Dialog Schaltfläche“ so konfigurieren, dass die betreffende Ansicht im neuen Fenster angezeigt wird. Im Frontend kann das neue Fenster durch Klicken auf die Dialogschaltfläche geöffnet werden.

Ausführliche Informationen zum Konfigurieren des Widgets „Dialog Schaltfläche“ für eine derartige Benutzeroberfläche finden Sie im Kapitel Benutzeroberfläche mit einem Dialogfenster erstellen.

Style

X, Y:

Passen Sie die Position des Widgets an, indem Sie die gewünschten Koordinatenwerte in der oberen linken Ecke in das Eingabefeld eingeben.

Z-Reihenfolge:

Passen Sie die Z-Ordnung des Widgets an, indem Sie den gewünschten Wert in das Eingabefeld eingeben. Dadurch wird festgelegt, welches Widget im Vordergrund angezeigt wird, wenn sich mehrere Widgets an derselben Position befinden. Wenn dem Widget „A“ beispielsweise für „Z-Reihenfolge“ der Wert „0“ und dem Widget „B“ für „Z-Reihenfolge“ der Wert „1“ zugewiesen wurde, wird Widget „B“ vor Widget „A“ angezeigt.

Breite:

Passen Sie die Breite des Widgets an. Die Breite wird in Pixeln angegeben und ist standardmäßig auf 150 festgelegt. Geben Sie zum Ändern des Werts die neue Breite in das Eingabefeld ein. Der Wert muss mindestens 20 und darf nicht größer als 2147483647 sein.

Höhe:

Passen Sie die Höhe des Widgets an. Die Höhe wird in Pixeln angegeben und ist standardmäßig auf 50 festgelegt. Um den Wert zu ändern, geben Sie die neue Höhe in das Eingabefeld ein. Der Wert muss mindestens 20 und darf nicht größer als 2147483647 sein.

Eckenradius:

Passen Sie den Eckenradius der Schaltfläche an, indem Sie den gewünschten Wert in das Eingabefeld eingeben. Er wird in Pixeln angegeben und ist standardmäßig auf 5 festgelegt.

Text:

Legen Sie den Text fest, der in der Schaltfläche angezeigt werden soll, indem Sie den Text direkt in das Textfeld eingeben.

Schriftfamilie:

Wählen Sie die Schriftfamilie des angezeigten Textes im Dropdown-Menü dieser Eigenschaft aus.

Schriftgröße:

Passen Sie die Größe der angezeigten Schriftart an. Wählen Sie die Schriftgröße im Kombinationsfeld aus oder geben Sie den Wert direkt in das Eingabefeld ein.

Schriftfarbe (Normal):

Passen Sie die Schriftfarbe für den Fall an, dass die Schaltfläche aktiv ist und gedrückt werden kann. Klicken Sie in das Farbfeld, um die Farbe zu ändern, und wählen Sie im Dialogfeld zur Farbauswahl eine neue Farbe aus oder geben Sie den Farbcode manuell ein.

Schriftfarbe (Gedrückt):

Passen Sie die Schriftfarbe für den Fall an, dass die Schaltfläche gedrückt wurde. Klicken Sie in das Farbfeld, um die Farbe zu ändern, und wählen Sie im Dialogfeld zur Farbauswahl eine neue Farbe aus oder geben Sie den Farbcode manuell ein.

Schriftfarbe (Inaktiv):

Passen Sie die Schriftfarbe für den Fall an, dass die Schaltfläche inaktiv ist, d. h., die Schaltfläche auf eine Ansicht verweist, für die der Benutzer keine Zugriffsrechte besitzt. Klicken Sie in das Farbfeld, um die Farbe zu ändern, und wählen Sie im Dialogfeld zur Farbauswahl eine neue Farbe aus oder geben Sie den Farbcode manuell ein.

Hintergrundfarbe (Normal):

Passen Sie die Hintergrundfarbe der Schaltfläche für den Fall an, dass die Schaltfläche aktiv ist und gedrückt werden kann. Klicken Sie in das Farbfeld, um die Farbe zu ändern, und wählen Sie im Dialogfeld zur Farbauswahl eine neue Farbe aus oder geben Sie den Farbcode manuell ein.

Hintergrundfarbe (Gedrückt):

Passen Sie die Hintergrundfarbe der Schaltfläche für den Fall an, dass die Schaltfläche gedrückt wurde. Klicken Sie in das Farbfeld, um die Farbe zu ändern, und wählen Sie im Dialogfeld zur Farbauswahl eine neue Farbe aus oder geben Sie den Farbcode manuell ein.

Hintergrundfarbe (Inaktiv):

Passen Sie die Hintergrundfarbe der Schaltfläche für den Fall an, dass die Schaltfläche inaktiv ist, d. h., die Schaltfläche auf eine Ansicht verweist, für die der Benutzer keine Zugriffsrechte besitzt. Klicken Sie in das Farbfeld, um die Farbe zu ändern, und wählen Sie im Dialogfeld zur Farbauswahl eine neue Farbe aus oder geben Sie den Farbcode manuell ein.

Randfarbe (Normal):

Passen Sie die Randfarbe der Schaltfläche für den Fall an, dass die Schaltfläche aktiv ist und gedrückt werden kann. Klicken Sie in das Farbfeld, um die Farbe zu ändern, und wählen Sie im Dialogfeld zur Farbauswahl eine neue Farbe aus oder geben Sie den Farbcode manuell ein.

Randfarbe (Gedrückt):

Passen Sie die Randfarbe der Schaltfläche für den Fall an, dass die Schaltfläche gedrückt wurde. Klicken Sie in das Farbfeld, um die Farbe zu ändern, und wählen Sie im Dialogfeld zur Farbauswahl eine neue Farbe aus oder geben Sie den Farbcode manuell ein.

Randfarbe (Inaktiv):

Passen Sie die Randfarbe der Schaltfläche für den Fall an, dass die Schaltfläche inaktiv ist, d. h., die Schaltfläche auf eine Ansicht verweist, für die der Benutzer keine Zugriffsrechte besitzt. Klicken Sie in das Farbfeld, um die Farbe zu ändern, und wählen Sie im Dialogfeld zur Farbauswahl eine neue Farbe aus oder geben Sie den Farbcode manuell ein.

Randbreite:

Passen Sie die Randbreite der Schaltfläche an, indem Sie den gewünschten Wert in das Eingabefeld eingeben. Der Standardwert ist 2.

Aktion:

Wählen Sie die Aktion aus, die beim Drücken der Schaltfläche durchgeführt werden soll. Sie können die Aktion in der Dropdown-Liste auswählen. Die Liste umfasst folgende Aktionen:

  • Schließen des aktuellen modalen Fensters, in dem die Dialogschaltfläche verwendet wird.
  • Öffnen einer der derzeit verfügbaren Ansichten in einem neuen Fenster.

Wenn Sie weitere Ansichten zu Ihrem Design hinzufügen, werden diese ebenfalls zur Dropdown-Liste dieser Eigenschaft hinzugefügt.

Modal:

Geben Sie an, ob die ausgewählte Ansicht in einem modalen Fenster geöffnet wird. Das bedeutet, dass das übergeordnete Fenster so lang inaktiv ist, wie das modale Fenster geöffnet ist. Die Standardeinstellung ist „true“, d. h., das Fenster wird als modales Fenster geöffnet. Wenn Sie das Dialogfenster als nicht-modales Fenster öffnen möchten, wählen Sie „false“ in der Dropdown-Liste aus.

Anwendungsbeispiel

Dieses Widget wird in den folgenden MERLIC-Vision-App-Beispielen verwendet:

  • check_pen_parts.mvapp
  • measure_distance_segment_circle_calibrated.mvapp
  • measure_distance_to_center_led.mvapp