Anordnen

Container

Eine Tabelle ordnet, was du hineinlegst, in Zeilen und Spalten, wie eine Tabelle in Word. Jedes Objekt steht in seiner Zelle, so stehen Namen und Bedienelemente bündig untereinander. Du schiebst nichts auf den Pixel genau: Die Tabelle sagt, wo ein Objekt steht und wie breit es ist, und richtet sich neu ein, wenn sich etwas ändert, etwa die Grösse eines Schalters von M auf L oder das Gerät.

In der Werkzeugleiste steht dafür unter Tables das Werkzeug Table. Ein Klick darauf öffnet das Menü Table template, die Vorlagen, jede mit einem kleinen Bild:

Vorlage	Spalten
One column	eine, alles untereinander
Name and control	zwei: links die Namen, so breit wie der längste, rechts die Bedienelemente im Rest
Two columns	zwei gleich breite

Hast du eine Vorlage gewählt, steht das Werkzeug bereit, und oben auf der Zeichenfläche sagt ein Hinweis, was zu tun ist. Ein Klick auf den Screen setzt die Tabelle hin, ab dem Klickpunkt bis zum rechten Rand. Ziehst du stattdessen ein Rechteck auf, bestimmst du die Breite selbst. Esc legt das Werkzeug wieder weg. Die Tabelle beginnt mit einer Zeile. Ein Baustein auf dem Screen bringt seine eigene Tabelle mit.

Die Linien. Eine Tabelle zeigt im Designer immer ihre Linien, dünn, grau und gestrichelt, auch um leere Zellen. Eine Tabelle endet mit ihrer letzten Zeile. Die Tabelle, mit der du gerade arbeitest, zeigt ihre Linien kräftig in Türkis: wenn sie ausgewählt ist oder ein Objekt darin. In der Vorschau und auf dem Gerät sind keine Linien zu sehen.

In eine Tabelle setzen. Wähl ein Werkzeug, etwa Text, und fahr über eine Tabelle. Über einer leeren Zelle leuchtet die Zelle auf, ein Klick setzt das Objekt hinein. Über einer Linie zwischen zwei Zeilen erscheint eine dicke Linie, ein Klick schiebt dort eine neue Zeile ein, und alles darunter rückt eine Zeile nach unten. Solange ein Werkzeug oder ein Baustein bereitsteht, zeigt jede leere Zelle ein +, und unter jeder Tabelle steht eines. Fährst du über das + unter der Tabelle, wird ihre untere Linie dick, und ein Klick hängt das Objekt in einer neuen Zeile an. Bei einer Tabelle, die in einer anderen steht, erscheint dieses + erst, wenn du über sie fährst, sonst läge es mitten in der nächsten Zeile. Unter der letzten Zeile nimmt eine Tabelle nichts. Eine belegte Zelle nimmt ebenfalls nichts. Ein Rechteck ziehst du in einer Tabelle nicht auf, Platz und Breite gibt die Tabelle. Einzig ein Ring behält seinen Durchmesser, bis zur Breite der Zelle. In einem Free und auf dem Screen ziehst du wie gewohnt ein Rechteck auf.

Über dem + unter der Tabelle wird ihre untere Linie dick: Dort kommt der nächste Baustein hin.

In einer Tabelle verschieben. Ziehst du ein Objekt über eine Tabelle, leuchtet wieder die leere Zelle auf, oder die dicke Linie zwischen zwei Zeilen erscheint, oder über dem + darunter die dicke untere Linie. Beim Loslassen kommt es dorthin, vorher bleibt es stehen. Mehrere ausgewählte Objekte behalten dabei ihre Lage zueinander: Zwei nebeneinander stehen auch danach nebeneinander. Was in einer Tabelle liegt, erreichst du mit einem Klick, auch in einer Tabelle, die in einer Tabelle steht: Der Klick wählt, was in der Zelle unter dem Zeiger steht. Ist die Zelle leer, wählt er die Zelle selbst, und sie bekommt einen türkisen Rahmen. Die Tabelle selbst wählst du wie in Word über ihren Griff: Fährst du über eine Tabelle, erscheint schräg vor ihrer linken oberen Ecke ein kleines Quadrat mit vier Pfeilen. Ein Klick darauf wählt die Tabelle, ziehst du daran, verschiebst du sie, in eine leere Zelle, auf eine Linie zwischen zwei Zeilen oder auf das + unter einer Tabelle. Bei verschachtelten Tabellen hat nur die innerste unter dem Zeiger einen Griff. Wählen kannst du eine Tabelle auch über ihren Pfad im Menüband (siehe unten) oder in der Objektliste. Dort steht der Inhalt einer Tabelle Zeile für Zeile. Ziehst du einen Eintrag der Liste auf eine Tabelle, landet das Objekt in einer neuen Zeile an ihrem Ende. Ziehst du es über oder unter einen Eintrag der Tabelle, schiebt sie dort eine neue Zeile ein.

Spalten und Zeilen. Die Tabelle, mit der du arbeitest, zeigt oben auf jeder Linie zwischen zwei Spalten einen kleinen Griff. Ziehst du ihn, verschiebt sich die Breite zwischen den beiden Spalten, und während des Ziehens stehen ihre Anteile in Prozent da. Ein + unter der Tabelle fügt eine Zeile an, ein + rechts eine Spalte. Wie in Word steht zudem ein kleines + am Ende jeder Linie: links von einer Linie zwischen zwei Zeilen schiebt es dort eine Zeile ein, über einer Linie zwischen zwei Spalten eine Spalte. Bei einer Tabelle, die in einer anderen steht, erscheinen der Streifen über den Spalten und alle diese Plus erst, wenn du mit der Maus über sie fährst. Sonst lägen sie über der Zeile darüber. Der Abstand zwischen den Zellen ist fest: 1.5 mm, auf jedem Gerät.

Die Gruppe Table im Menüband. Sobald du in einer Tabelle arbeitest, also eine Tabelle, ein Objekt darin oder eine leere Zelle gewählt hast, erscheint am Ende des Menübands die Gruppe für Tabellen. Unten steht der Pfad dorthin, wo du bist, etwa Table › Table › Cell 2, 1. Ein Klick auf eine Stufe wählt diese Tabelle, so kommst du bei verschachtelten Tabellen mit einem Klick auf jede Ebene. Darüber stehen die Befehle für die gewählte Zelle:

Befehl	macht
Row above, Row below	eine leere Zeile über oder unter der Zelle
Column left, Column right	eine leere Spalte links oder rechts davon
Delete row, Delete column	entfernt die Zeile oder Spalte. Was nur dort stand, rückt in die ersten freien Zellen.
Merge right, Merge down	verbindet die Zelle mit der leeren daneben oder darunter
Split	löst verbundene Zellen wieder

Verbinden und lösen geht nur mit einer Zelle, in der ein Objekt steht, und nur in eine leere Zelle. Wo ein Befehl nichts tun kann, ist er grau. Ist eine Tabelle gewählt und keine Zelle, gelten die Befehle für ihre letzte Zeile und Spalte. Jeder Befehl lässt sich mit Ctrl+Z rückgängig machen.

Rechtsklick. Ein Rechtsklick in eine Tabelle wählt die Zelle unter dem Zeiger und zeigt oben im Menü dieselben Befehle.

Einfügen in eine Zelle. Kopierst oder schneidest du ein Objekt aus, wählst dann eine leere Zelle und drückst Strg+V, kommt es genau in diese Zelle. Ist ein Objekt in einer Tabelle gewählt, kommt das eingefügte in eine neue Zeile darunter. Mehrere Objekte aus einer Tabelle behalten dabei ihre Lage zueinander.

Eine Spalte einstellen. Über der Tabelle, mit der du arbeitest, liegt ein schmaler Streifen mit einem Balken pro Spalte. Ein Klick auf einen Balken zeigt die Spalte in den Eigenschaften. Unter Width wählst du, wie breit sie ist:

Width	Breite
Auto	so breit wie ihr breitestes Objekt. Texte mit Platzhalter zählen nicht mit, denn was sie zeigen, kennt erst das Gerät.
Share	ein Anteil in Prozent an dem, was die anderen Spalten übrig lassen
Fixed (mm)	fest in Millimetern, auf jedem Gerät gleich gross
Size multiple	ein Vielfaches der Höhe einer Grösse XS, S, M oder L, etwa zweimal M

Align legt fest, wo ein Objekt in der Spalte steht, das schmaler ist als sie: am Anfang, in der Mitte, am Ende, oder mit Stretch über die ganze Breite. Ist die Spalte Auto und auf Stretch gestellt, bestimmen nur Objekte mit eigener Breite, wie breit sie wird, etwa Knöpfe und Texte. Ein Slider oder Balken streckt sich bloss mit. Vertical align legt fest, wo ein Objekt in einer Zeile steht, die höher ist als es: oben, in der Mitte (so ist es, solange du nichts wählst) oder unten. Mit Remove column entfernst du die Spalte. Was nur in ihr stand, rückt in die ersten freien Zellen.

Die Zelle eines Objekts. Ein Objekt in einer Tabelle zeigt statt X, Y und Breite den Abschnitt Cell: Zeile, Spalte, wie viele Zeilen und Spalten es überspannt, und eine eigene Ausrichtung, die die der Spalte ersetzt. Ziehst du die rechte oder untere Kante eines Objekts über eine Linie, überspannt es die Zellen dahinter, so wie du in Word Zellen verbindest. Ein Titel über zwei Spalten entsteht so.

Wie breit und wie hoch. Die Höhe eines Objekts ist seine eigene: bei einem Schalter, einer Knopfgruppe oder einem Knopf die Grösse XS, S, M oder L (unter Size, siehe Switch), bei einem Text seine Schrift. Eine Zeile ist so hoch wie ihr höchstes Objekt, die anderen stehen in ihrer Mitte, ein Name also auf Höhe seines Schalters. Ein Objekt ist so breit, wie es braucht: ein Text so breit wie seine Wörter, ein Schalter so breit wie seine Beschriftung. Über die ganze Zelle geht, was keine eigene Breite hat, ein Balken oder Slider, ein Switcher, eine Tabelle in einer Tabelle. Ein Gauge oder Dial behält seinen Durchmesser, höchstens so gross, wie Platz ist. Schmaler als seine Beschriftung wird ein Bedienelement nie, und eine Spalte nie schmaler als ein Bedienelement darin, auch keines in einer Tabelle in ihr.

Passt nicht alles hinein, zeichnet der Designer es trotzdem, und das Gerät schneidet es am Rand des Screens ab. In den Eigenschaften der Tabelle steht dann ein Hinweis. Verkleinert wird nichts. Auf dem runden Knob ist das schnell der Fall: Ganz zu sehen ist dort nur ein Quadrat von 32 mm Seitenlänge.

Container kennt nur der Designer. Das Gerät bekommt die Objekte an den Stellen, die der Container ausgerechnet hat.

Projekte, die du mit einer früheren Fassung dieses Designers gebaut hast, können noch Stacks, Rows und Grids enthalten. Der Designer wandelt sie beim Laden in Tabellen um: einen Stack in eine Tabelle mit einer Spalte, eine Row in eine mit einer Zeile, ein Grid in eine mit seinen Spalten. Was du darin gebaut hast, steht danach an derselben Stelle.

Switcher

Ein Bereich, der je nach Wert eines Topics einen anderen Inhalt zeigt. Beispiel: Je nachdem, ob die Heizung im Modus «Heizen» oder «Lüften» läuft, zeigt derselbe Bereich andere Anzeigen und Regler.

Ein Switcher besteht aus Panels. Jedes Panel ist eine eigene kleine Fläche mit eigenen Objekten, und jedes hat eine Bedingung. Gezeigt wird das erste Panel, dessen Bedingung passt.

• Topic unter Data: der Wert, gegen den alle Panels prüfen.
• Panels: die Liste der Panels, von oben gelesen. Jedes hat Shown when mit einer Bedingung, etwa == heizen, und Open for editing. Add panel fügt eines hinzu.

Alle Panels füllen den Switcher genau aus. Verschieben und Grösse ändern kannst du nur den Switcher selbst.

Bearbeiten: Ist der Switcher ausgewählt, erscheinen über ihm Reiter, einer pro Panel. Ein Klick auf einen Reiter öffnet dieses Panel. Neue Objekte landen dann darin. + bei den Reitern fügt ein Panel hinzu. In der Objektliste kannst du Objekte auch in ein Panel ziehen.

Ohne Wert zeigt der Switcher das erste Panel.

Die Reiter gibt es nur im Designer. Auf dem Gerät sieht man immer nur das gerade gültige Panel.

Panel

Panels legst du nicht mit einem Werkzeug an, sondern im Switcher. Ausgewählt zeigen sie nur ihre Bedingung unter Shown when. Position und Grösse übernehmen sie vom Switcher.

Free

Free ist eine freie Fläche: Was du hineinsetzt, bleibt, wo du es hinsetzt, wie auf dem Screen. Nützlich ist das dort, wo sonst eine Tabelle alles anordnet. In einer Tabellenzelle stellst du so ein paar Objekte von Hand zusammen, etwa einen Dial mit einer Beschriftung genau daneben. Du findest das Werkzeug neben Table. Auf dem Screen ziehst du ein Rechteck auf, in einer leeren Zelle genügt ein Klick, und in einem offenen Panel eines Switchers geht es wie auf dem Screen.

In einer Zelle gibt die Spalte die Breite vor, die Höhe stellst du unter Frame ein. Um etwas hineinzusetzen, öffnest du die Fläche: mit einem Klick auf ihre Zeile in der Objektliste, oder auf dem Screen mit einem Doppelklick, in einer Tabelle mit zweien, denn der erste öffnet die Tabelle. Solange sie offen ist, landet jedes neue Objekt in ihr, genau dort, wo du es aufziehst.

Eine Free-Fläche kann wie eine Box aussehen: unter Fill eine Füllung, unter Stroke und Stroke width ein Rand, unter Corner radius runde Ecken. Ohne Füllung und Rand sieht man sie auf dem Gerät nicht. Das Gerät bekommt eine Box hinter den Objekten der Fläche und die Objekte selbst, an derselben Stelle.

Gruppe

Eine Gruppe hält Objekte zusammen, etwa einen Text und den Slider darunter oder einen Text und den Schalter daneben. Die Objekte bleiben, was sie sind; sie werden nur gemeinsam verschoben. Bausteine kommen schon als Gruppe auf den Screen.

Zum Gruppieren wählst du die Objekte aus, mit Strg-Klick oder mit einem Rahmen, den du um sie ziehst, und drückst Strg+G. Dasselbe steht als Group im Menü der rechten Maustaste und unter Arrange in den Eigenschaften mehrerer Objekte. Die Objekte müssen am selben Ort liegen: alle direkt auf dem Screen, alle im selben Panel oder alle in derselben Gruppe. Switcher und Panels kommen in keine Gruppe.

Aufgelöst wird eine Gruppe mit Strg+U oder Strg+Shift+G, mit Ungroup im Menü der rechten Maustaste oder in ihren Eigenschaften. Die Objekte bleiben, wo sie sind, und sind danach ausgewählt.

Ein Klick auf eines ihrer Objekte wählt die ganze Gruppe; Ziehen und die Pfeiltasten verschieben sie als Ganzes. Anfasser zum Vergrössern hat sie keine, denn ihre Grösse ergibt sich aus den Objekten darin. Mit einem Doppelklick gehst du hinein: Der übrige Screen wird blass, ein violetter Rahmen zeigt die Gruppe, und ein Klick wählt jetzt ein einzelnes Objekt. Ein Rahmen, den du hier ziehst, fängt nur Objekte der Gruppe. Neue Objekte landen dann in der Gruppe. Esc oder ein Klick neben die Gruppe führt wieder hinaus.

In der Objektliste unter Objects stehen die Objekte eingerückt unter ihrer Gruppe. Wählst du eines davon aus, bist du in der Gruppe wie nach einem Doppelklick. Ziehst du ein Objekt auf die Mitte der Zeile einer Gruppe, kommt es hinein; ziehst du es anderswohin, verlässt es sie. Kommst du beim Ziehen an den oberen oder unteren Rand der Liste, scrollt sie mit, umso schneller, je näher am Rand. Hältst du ein Objekt einen Moment über einer zugeklappten Gruppe oder Tabelle, klappt sie auf. Das Schloss an der Gruppe sperrt sie als Ganzes.

Kopieren und Einfügen nimmt die Gruppe mit allem darin mit. Verlässt das letzte Objekt eine Gruppe, verschwindet sie.

Gruppen gibt es nur im Designer. Beim Übertragen löst der Designer sie auf, und das Gerät bekommt die einzelnen Objekte an derselben Stelle und in derselben Reihenfolge.