Der XdevNativeButton ist ein Button, der per HTML-Tag <button> vom Web-Browser selbst erzeugt wird und deshalb ein anderes, Browser-spezifisches Aussehen besitzt. Der XdevNativeButton wird i.d.R. benutzt, wenn ein Button ein systemspezifisches Aussehen und Verhalten (Mouse-Over Effekt) besitzen soll. Anders als beim XdevButton, lässt sich beim XdevNativeButton die Höhe ohne Style definieren.
- Fügen Sie einen XdevNativeButton in eine leere View ein.
- Klicken Sie den XdevNativeButton mit Doppelklick an und ändern Sie die Beschriftung, z.B. in Save.
- Klicken Sie in den Properties > Icon auf ..., klicken Sie im folgenden Dialog auf FontAwesome, wählen Sie ein Icon aus, z.B. COG, und klicken Sie auf OK.
Ergebnis:
- Im GUI-Builder
Wichtige Properies:
DisableOnClick - Lässt nur einmalig einen Einfachklick zu und deaktiviert den XdevNativeButton anschließend.
Examples:
XdevNativeButton deaktivieren - Der XdevNativeButton wird deaktiviert. Im deaktivierten Zustand können keine Events registriert und somit keine Button-Aktionen ausgeführt werden.
nativeButton.setEnabled(false);
XdevNativeButton aktivieren - Der XdevNativeButton wird aktiviert. Nur im aktivierten Zustand können Events registriert und Button-Aktionen ausgeführt werden.
nativeButton.setEnabled(true);
XdevNativeButton ausblenden - Der XdevNativeButton wird ausgeblendet. Befindet sich der XdevNativeButton in einem Layout, werden die UI-Komponenten im Layout ggf. neu angeordnet.
nativeButton.setVisible(false);
XdevNativeButton einblenden - Der XdevNativeButton wird ausgeblendet. Befindet sich der XdevNativeButton in einem Layout, werden die UI-Komponenten im Layout ggf. neu angeordnet.
nativeButton.setVisible(true);