Beliebige Infos aus Home Assistant in einem Android-Widget darstellen

Wenn du ein Android Handy und Home Assistant nutzt, dรผrfte dieser Beitrag fรผr dich interessant sein: Ich zeige dir, wie du beliebige Infos aus Home Assistant mit einem Android-Widget darstellen kannst und gebe noch ein paar Tipps, wie du diese optisch ein klein wenig aufwerten kannst.

Die sogenannte Companion App fรผr Home Assistant gibt es fรผr Android als auch iOS. Der Funktionsumfang dieser App unterscheidet sich jedoch je nachdem welches Handy-Betriebssystem man hat. Gefรผhlt scheint unter Android etwas mehr mรถglich zu sein. Da ich selbst im Besitz eines Google Pixel bin, interessieren mich natรผrlich die Android-Mรถglichkeiten am meisten. Entsprechend berichte ich in diesem Beitrag auch nur รผber die Mรถglichkeiten mit der Companion App auf Android.

Stand Mรคrz 2023 gibt es von/fรผr Home Assistant 5 Widgets, die du auf dem Homescreen deines Android-Handys platzieren kannst:

  • Dienst-Schaltflรคche, wobei es es sich um einen virtuellen Button fรผr einen beliebigen Dienst handelt
  • Entitรคtsstatus, also die Anzeige des Zustandes einer Entitรคt (bspw. eine aktuelle Temperatur)
  • Kamera-Widget, welches ein Standbild von einer in Home Assistant integrierten Kamera ermรถglicht
  • Mediaplayer-Widget, welches das direkte Steuern von Mediengerรคten ermรถglicht
  • Vorlagen-Widget, welches es dir erlaubt beliebige Inhalte in Textform auszugeben

In diesem Beitrag liegt der Fokus auf den Mรถglichkeiten, die das Vorlagen-Widget bietet und was hierbei zu beachten ist.

Du magst Home Assistant? Dann abonniere kostenlos meine Beitrรคge mit Tipps, Tricks und Anleitungen rund um Home Assistant:

Follow Home Assistant
( 447 Followers )
X

Follow Home Assistant

E-mail : *
* Ich stimme der Datenschutzerklรคrung zu!

Garantiert kein Spam, keine Werbung und immer mit Abmelde-Link, solltest du es dir anders รผberlegen!

Widgets der Home Assistant Companion App

Wie du ein Widget unter Android hinzufรผgst, beschreibt Google auf dieser Seite und hierauf mรถchte ich nicht weiter eingehen. Hast du das Vorlagen-Widget zu deinem Homescreen hinzugefรผgt, sollte sich automatisch ein Dialog รถffnen, in welchem du die anzuzeigenden Text-Inhalte als Freitext definieren kannst. Dieser Dialog sollte wie folgt aussehen:

Home Assistant Companion App Widget bearbeiten

Dort wo „Vorlage hier eingeben“ steht, kannst du den anzuzeigenden Inhalt eingeben. Direkt darunter erhรคltst du dann „live“ eine Vorschau deiner Eingabe, was insbesondere am Anfang sehr praktisch ist.

Formatierungsmรถglichkeiten des Home Assistant HTML-Widgets

Leider sind die Mรถglichkeiten der Formatierung stark eingeschrรคnkt, so dass es noch nicht einmal mรถglich ist die Ausgabe linksbรผndig zu platzieren. Die Ausgabe wird automatisch zentriert und es scheint keine Mรถglichkeit zu geben, dies zu รคndern.

Im Wesentlichen kann man mittels HTML-Angaben die Farbe und SchriftgrรถรŸe der Textausgabe รคndern, sowie Zeilenumbrรผche und/oder Listen ergรคnzen (Auflistung der mรถglichen Formatierungen).

Mit <p>Text</p> kann man beispielsweise einen Paragraphen definieren oder per <br /> einen Zeilenumbruch erzeugen. Mit <b>Text</b> (auch mehrfach wiederholbar) kann man Text fetter machen. Listen kann man รผber <ul><li>Eintrag 1</li><li>Eintrag 2</li></ul> (oder <ol><li>Eintrag 1</li><li>Eintrag 2</li></ol> fรผr einer nummerierte Liste) erzeugen.

Beispiel-Code fรผr das HTML-Widget von Home Assistant

Um auf Werte aus Home Assistant zugreifen zu kรถnnen, muss man folgende Syntax verwenden, die wir schon von meinem Beitrag รผber das Auslesen/Nutzen von Entitรคts-Attributen kennen:

{{ states('sensor.rct_power_storage_battery_state_of_charge') }}

Fรผr den Status einer Entitรคt ist es also nichts weiter auรŸer den geschweiften Klammern und einem „states(‚DEINE-ENTITร„T‘)“.

Ein konkretes Beispiel kรถnnte dann wie folgt aussehen:

<p>Akku: {{ states('sensor.rct_power_storage_battery_state_of_charge') }} %</p><p>
PV: {{ states('sensor.rct_power_storage_all_generators_power') }} Wh</p>

Da ich weiterhin sehr viel Freude an unserer PV-Anlage habe, lasse ich mir aktuell den Akkustand als auch die aktuelle Leistung der PV-Anlage auf meinem Startbildschirm meines Handys anzeigen:

Unspektakulรคr, aber hilfreich, um das Code-Beispiel besser zu verstehen, denke ich ๐Ÿ˜‰

Widget-Inhalt nachtrรคglich bearbeiten

Um den Inhalt eines solchen Widgets nachtrรคglich zu bearbeiten, hรคltst du das Widget gedrรผckt, so als wรผrdest du es auf dem Bildschirm verschieben wollen. Wenn du dann das Widget wieder loslรคsst, sollte das Widget umrandet sein und ein zusรคtzlicher Stift auf dem Widget angezeigt werden:

Home Assistant Companion App HTML-Widget nachtrรคglich bearbeiten

Wenn du auf diesen Stift klickst, รถffnet sich der dir schon bekannte Dialog, รผber welchen du den Text-Inhalt bearbeiten kannst!

Dieser Beitrag ist Teil einer kleinen Beitrags-Serie rund um das Smarthome mit Home Assistant.