Komponenten

Components sind interaktive Widgets, die es Benutzern ermöglichen, Parameter zu konfigurieren oder Ergebnisse von Ihrem benutzerdefinierten Widget zu sehen.

circle-info

Komponenten werden durch Schlüsselwortargumente erstellt.

Generische Argumente

Generische Argumente gelten für alle benutzerdefinierten Komponenten. Sie können sie als Schlüsselwortargumente an Konstruktoren übergeben.

tooltip: str = ''

Text Input

Erlaubt es Benutzern, Text/Zahl über eine einzelne Zeile einzugeben.

Konstruktor:

TextInput

Schlüsselwortargumente:

text: str = '5' : Standardwert des Text Eingabe

place_holder: str = '' : Text, der angezeigt wird, wenn das Text Input leer ist.

Attribute-Methoden

text -> str : Empfängt den aktuellen Text, der im Text Input geschrieben ist.

Beispiel:

Dropdown-Listen ermöglichen es Benutzern, eine Option aus einer bereitgestellten Liste von Texten auszuwählen.

Konstruktor:

DropDown

Schlüsselwortargumente:

items: list[str, ...] = ['item1', 'item2', 'item3']: Liste der Texte, die in der Dropdown-Liste angezeigt werden.

Attribute-Methoden:

selected_item -> str: Gibt den Text des ausgewählten Items zurück. Gibt '' zurück, wenn kein Text verfügbar ist.

selected_index -> int: Gibt das ausgewählte Item als Integer zurück. Gibt 0 zurück, wenn kein Item verfügbar ist.

Beispiel:

Label

Labels sind einfache, textbasierte Komponenten, die statisch oder dynamisch Text auf Ihrem benutzerdefinierten Block anzeigen.

Sie werden auch verwendet, um Informationen über interaktive Komponenten bereitzustellen:

Konstruktor:

Label

Schlüsselwortargumente:

text: str = '': Text, der auf der Dropdown-Liste angezeigt wird.

Attribute-Methoden:

set_text(text: str): Setzt den Text des Labels.

Beispiel:

Slider

Beschränkt die Benutzereingabe auf einen Zahlenbereich.

Konstruktor:

Slider

Schlüsselwortargumente:

min: int = -5: Mindestwert, der auf dem Schieberegler angezeigt wird.

max: int = 5: Höchstwert.

val: int = 3: Standardwert.

Attribute-Methoden:

value -> int: Aktueller Wert des Schiebereglers.

Beispiel:

Slider Labeled

Das Gleiche wie Slider, aber mit einem Label, das automatisch anzeigt, welcher Wert in der Komponente angezeigt wird.

Konstruktor:

SliderLabeled

Schlüsselwortargumente:

min: int = -5: Mindestwert, der auf dem Schieberegler angezeigt wird.

max: int = 5: Höchstwert.

val: int = 3: Standardwert.

label: str ="Wert": Labeltext, der angezeigt werden soll.

multiplier: float | int = 1: Multipliziert den angezeigten Wert vor der Addition. Wenn Sie dies mit add verwenden, können Sie ungerade Zahlen anzeigen, wenn Sie möchten.

add: float | int = 0: Hinzugefügter Wert nach der Multiplikation.

Attribute-Methoden:

value -> int: Aktueller Rohwert des Schiebereglers.

modifiedValue -> int | float: Aktueller modifizierter Wert des Schiebereglers.

Beispiel:

CheckBox

Erlaubt die Eingabe des logischen Zustands.

Konstruktor:

CheckBox

Schlüsselwortargumente:

text: str = '': Text, der neben der Kontrollkästchen angezeigt wird.

Attribute-Methoden:

is_checked -> str: Setzt den Text des Labels.

Beispiel:

Button

Löst ein Ereignis in Ihrem Skript bei einem Mausklick aus. Diese Komponente ist auch sehr nützlich für das Ressourcenmanagement für benutzerdefinierte Blöcke in Ihrem Szenario.

Konstruktor:

Button

Schlüsselwortargumente:

text: str = '': Text, der neben der Schaltfläche angezeigt wird.

Attribute-Methoden:

set_clicked_callback(callback: Callable): Setzt die Rückruffunktion, die jedes Mal ausgelöst wird, wenn die Schaltfläche angeklickt wird.

circle-info

Die Verwendung von set_clicked_callback wird immer im init-Teil Ihres benutzerdefinierten Blockskripts verwendet.

Beispiel:

Das obige Beispiel nutzt Rückrufe mit register_resource und get_resource.

Image

Konstruktor:

Image

Schlüsselwortargumente:

fixed_width: int = 80: Bildhöhe, am besten verwendet mit Block.width

fixed_height: int = 80: Bildbreite, am besten verwendet mit Block.height

Attribute-Methoden:

update(img: npt.NDArray[np.uint8]): Aktualisiert das angezeigte Bild mit drei oder einer Dimension.

Beispiel:

Table

Erlaubt die Auswahl mehrerer Elemente/modi gleichzeitig.

Konstruktor:

Table

Schlüsselwortargumente:

items: list[str, ...] = ['item1', 'item2', 'item3']: Liste der Texte, die in der Tabellenliste angezeigt werden.

Attribute-Methoden:

items -> list[str, ...]: Gibt die Liste aller Elemente zurück.

selected_items -> list[str, ...]: Gibt die Liste der ausgewählten Elemente zurück.

set_items(items: list[str, ...]): Setzt die Elementliste.

Beispiel:

Zuletzt aktualisiert