ioBroker VIS-Inventwo Widgets – Teil 4 – Background

In dieser Artikelserie zeige ich Dir die ioBroker VIS-Inventwo Widgets. Im Artikel schauen wir uns das Background-Widget genauer an.

Mit dem Background-Widget können wir ein Widget zur Visualisierung hinzufügen, in dem wir z.B. Informationen (Tür- und Fensterkontakte, Sensorwerte, etc. …) darstellen. Das Widget kann selber nur lesen und keinen Aktor steuern. Ich verwende das Widget für zwei Anwendungsfälle.

  • Visualisierung von Tür- und Fensterkontakten
  • Gestaltungsmittel

In der ersten Form verwende ich das Widget zur Darstellung von Tür- und Fensterkontakten.

Verwendung als Tür- und Fensterkontakt Widget

Im ersten Schritt ziehen wir uns nun das Widget auf die Visualisierung. Auch das Background-Widget gibt es wieder in einer großen und kleinen Variante, bei dem sich nur die Darstellung in der Visualisierung unterscheidet.

In den Eigenschaften des Widgets habe ich nun zunächst die zu lesende Objekt ID gewählt. In meinem Fall nutze ich wieder ein fiktiver Datenpunkt, der den Status des Haustür darstellen soll. Der Datenpunkt wird in Form eines booleschen Wertes gespeichert. Der Wert false steht für eine geschlossene Haustür, der Wert true für eine geöffnete. Zudem habe ich ein Icon für den Wert false und true hinzugefügt, mit dem der Zustand sofort auch grafisch ersichtlich ist.

Verwendung als Gestaltungsmittel

Im zweiten Anwendungsfall nutze ich das Widget als Hintergrund-Widget, auf dem z.B. String oder Number Widgets abgelegt werden können. Somit können z.B. Sensordaten in der Visualisierung im selben Stil wie die Buttons dargestellt werden. Im folgenden Screenshot habe ich zwei Widgets über das Background Widget gelegt, mit dem ein Sensor visualisiert wird.

In der Visualisierung wird das Widget dann wie folgt dargestellt.

Ich hoffe Dir gefällt der Artikel. Ich freue mich über Deinen Kommentar oder Fragen zum Thema 🙂

Matthias Korte

Hauptberuflich Software-Entwickler und seit einigen Jahren Smart-Home Fan. Angefangen hat alles mit einem RaspberryMatic und einer schaltbaren Steckdose. Mittlerweile habe ich einige Steckdosen, Sensoren, und Thermostate sowie ioBroker zur Visualisierung im Einsatz.

3 Gedanken zu „ioBroker VIS-Inventwo Widgets – Teil 4 – Background

  • 9. Juli 2020 um 20:22
    Permalink

    kannst du bitte näher erklären, wie ich z.B. den Wert der Temperatur mit dem Widget darstellen kann.
    Danke Gruß Thomas

    Antwort
  • 9. November 2020 um 22:02
    Permalink

    Hallo, ich möchte gerne das Background-Widget als Hintergrund für Luftfeuchtigkeit verwenden. Hierbei würde ich gerne die Farbe ändern, wenn die Luftfeuchtigkeit z.b. über 60% steigt. Wie bekomme ich das hin?
    (mir ist bewusst, das es dafür ein eigenes Widget gäbe, damit bekomme ich aber nicht mein erwünschtes Design in)

    Und ja, ich bin leider ein blutiger Anfänger =(

    Beste Grüße
    Mikel

    Antwort

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.