- Drucken
Segmentierte Schaltfläche Custom Widget
::: (info) () Um die App herunterzuladen, besuchen Sie: Bibliothek:::Rationalisierung von Benutzeraktionen mithilfe eines benutzerdefinierten Widgets mit segmentierten Schaltflächen mit drei Optionen
Zweck
Dieses benutzerdefinierte Widget enthält eine segmentierte Schaltfläche mit drei wählbaren Optionen. Dies kann für eine Anwendung mit drei verschiedenen Einstellungen für einen bestimmten Zweck von großem Nutzen sein.
Einrichtung
Benutzerdefinierte Widget-Plugins interagieren mit Ihrer Anwendung durch die Verwendung von Eigenschaften und Ereignissen. Eigenschaften sind die gemeinsamen Daten, die zwischen Ihrer Anwendung und dem Widget bestehen, während Ereignisse Signale sind, die Ihr Widget an Ihre Anwendung senden kann. In Ihrem App-Editor können Sie Auslöser erstellen, die auf diesen Ereignissen basieren. Ereignisse können auch dazu verwendet werden, Daten an Ihre Anwendung zu senden.
Das benutzerdefinierte Widget "Segmentierte Schaltfläche" verwendet drei Eigenschaften und ein Ereignis. Die Eigenschaften, die in diesem Widget verwendet werden, sind: - Schriftgröße: Die Schriftgröße des auf den Schaltflächen angezeigten Textes in Pixeln - Option 1 Text: Der Text für die erste Option - Option 2 Text: Der Text für die zweite Option - Option 3 Text: Der Text für die dritte Option
Dieses benutzerdefinierte Widget verwendet ein Ereignis namens Button Selected. Der Rückgabewert ist eine ganze Zahl [1, 2, 3], die der gedrückten Schaltfläche von links nach rechts entspricht.
So funktioniert es
Wenn der Benutzer eine Option auswählt, wird die Schaltfläche grün und löst ein Ereignis in Tulip aus. Wenn der Benutzer eine andere Schaltfläche auswählt, wird diese grün und die zuvor gedrückte Schaltfläche wird deaktiviert. Ein Anwendungsbeispiel ist die Erstellung eines Triggers, der eine Aktion ausführt, wenn das vom Widget ausgelöste Ereignis 1, 2 oder 3 ist, je nachdem, welche Schaltfläche der Benutzer gedrückt hat.
Weitere Lektüre
Wenn Sie mehr über benutzerdefinierte Widgets erfahren möchten, besuchen Sie bitte die folgende Website: