Bedienen
Objekte, die etwas schalten oder einstellen. Sie brauchen ein Gerät mit Touch.
Allen gemeinsam ist: Was du antippst, geht als Befehl an ein Topic, und angezeigt wird, was die Anlage zurückmeldet. Ein Schalter springt also erst ganz auf «an», wenn das Licht wirklich an ist. So stimmt die Anzeige immer mit dem Van überein, auch wenn jemand am anderen Ende des Vans schaltet. Mehr dazu unter MQTT-Topics.
Slider
Ein Balken, den der Finger einstellt: Dimmer, Lüfter, Solltemperatur. Ein Baustein aus einer angekündigten Zahl setzt einen Slider und darüber einen Text mit ihrem Namen. Er hat dieselben Eigenschaften wie der Bar, dazu unter Data:
- Write topic: wohin der eingestellte Wert geht. Immer das ganze Topic, nie ein JSON-Feld.
- Step: in welchen Schritten der Wert springt, etwa 5 für einen Dimmer oder 0.5 für eine Temperatur. Der Designer zeigt darunter, wie viele Stufen das ergibt und ob der Schritt zum Bereich passt.
Der einstellbare Bereich reicht vom kleinsten bis zum grössten Kalibrierpunkt.
Am Gerät: Der Finger setzt den Wert dort, wo er den Balken berührt, und zieht ihn mit. Während des Ziehens schickt der Slider höchstens alle 100 Millisekunden einen Wert, beim Loslassen immer den letzten. Ein Licht folgt so dem Finger, während du ziehst.
Was der Balken dabei zeigt, hängt davon ab, ob er ein Setpoint topic hat:
- Ohne, etwa bei einem Dimmer: Füllung und Zahl folgen dem Finger. Nach dem Loslassen wartet der Slider auf die Meldung der Anlage zu diesem Wert. Kommt sie nicht innert zweieinhalb Sekunden, zeigt er, was die Anlage meldet.
- Mit, etwa bei einer Heizung: Der Finger bewegt die Markierung, nicht die Füllung. Die Füllung zeigt weiter den gemessenen Wert, die Zahl den gewünschten.
Meldet die Anlage einen neuen Wert, gilt dieser, auch wenn er vom gewünschten abweicht. Geht ein Befehl verloren, stimmt die Anzeige spätestens nach der nächsten Meldung der Anlage wieder.
Ein Wischen, das auf einem Slider beginnt, gehört dem Slider und blättert nicht den Screen um. Auf dem PaperS3 wirkt ein Slider erst beim Loslassen und schickt genau einen Wert.
Dial
Wie Slider, aber als Ring, etwa für eine Heizung. Er hat dieselben Eigenschaften wie der Gauge, dazu Write topic und Step. Am Gerät verhält er sich wie ein Slider auf einem Kreisbogen.
Switch
Ein Schalter mit Knopf in einer Spur, wie man ihn von Handys kennt. Ein Baustein aus einem angekündigten Schalter setzt einen.
- Read topic: der gemeldete Zustand.
- Write topic: wohin der Befehl geht.
- Style: Full colour für eine kräftige Spur oder Tint für eine zurückhaltende.
- Size: wie hoch der Schalter ist, in vier Stufen, XS, S, M und L (5, 6, 8 und 11 mm). M ist fingergross, XS gerade noch zu treffen, für eine Taste, die du selten drückst. Die Breite bleibt deine, der Designer macht sie aber nie schmaler, als die Beschriftungen brauchen. Ziehst du den Schalter auf dem Screen höher oder niedriger, springt er auf die nächste Stufe. «Custom» und «Snap to …» wie beim Bar.
- States: die Zustände, meist zwei, «Aus» und «An». Jeder hat:
- Label: den Text neben dem Schalter.
- Read / write: den Wert, der für diesen Zustand auf dem Lese-Topic ankommt, und den, der beim Wählen geschickt wird. Oft dasselbe Wort, etwa
on. - Icon: ein Icon auf dem Knopf.
- Shows as on: ob dieser Zustand als «an» gilt. Dann hat die Spur volle Farbe.
- Text style und Bold (oder Font): wie gross die Beschriftungen stehen, siehe Stile.
- Colour: die eine Farbe des Schalters. Alles andere leitet der Designer daraus ab.
Am Gerät: Bei zwei Zuständen schaltet ein Tippen irgendwo auf den Schalter um. Bei mehr Zuständen wählt ein Tippen auf die Spur die Stelle unter dem Finger, ein Tippen daneben den nächsten Zustand. Der Knopf springt sofort an die gewünschte Stelle; die Farbe folgt, wenn die Anlage den neuen Zustand meldet.
Ohne Wert zeigt der Schalter eine leere Spur ohne Knopf und ein «?».
Button Group
Mehrere Schaltflächen nebeneinander, von denen immer eine gewählt ist, etwa Heizstufen «Aus», «Eco», «Komfort». Die Eigenschaften sind dieselben wie beim Switch. Statt Shows as on hat jeder Zustand Icon when active: ein anderes Icon, solange er gewählt ist, etwa eine gefüllte statt einer leeren Lampe.
Am Gerät: Ein Tippen auf eine Schaltfläche schickt ihren Wert. Die gemeldete hat eine gefüllte Fläche, die gewünschte bekommt einen Ring, bis die Anlage antwortet. Ohne Wert ist keine Schaltfläche markiert.
Button
Eine Schaltfläche, die beim Antippen etwas tut.
- Text und Icon: die Beschriftung.
- Does: die Aktion:
- Next screen, Previous screen oder Go to a screen
- Send an MQTT message, mit Topic und Message
- Enter setup mode: in die Einrichtung des Geräts
- Device action: etwas, das nur dieses Gerät kann
- Style: Filled, Tonal oder Outlined.
- Size: wie hoch der Button ist, wie beim Switch.
- Text style und Bold (oder Font): wie gross die Beschriftung steht, siehe Stile.
- Colour: die eine Farbe des Buttons. Ob die Schrift weiss oder schwarz wird, rechnet der Designer daraus aus.
Ein Button liest kein Topic und zeigt keinen Zustand. Für etwas, das an oder aus ist, nimm einen Switch.
Den gedrückten Zustand zeigt derzeit nur der 4.3B.