# Icon

> Ein Zeichen aus der Icon-Bibliothek der Anwendung, in gewählter Farbe und Größe, auf Wunsch von Logic-Variablen getrieben.

**Icon** zeichnet ein Zeichen aus der Icon-Bibliothek der Anwendung, etwa 2.770 benannte Zeichen,
denselben Satz, aus dem die Fläche einer Schaltfläche, die Zustände einer LED und die eigenen
Zeichen der Bilder wählen, oder eine Ihrer eingespielten Icon-Ressourcen. Das Zeichen kann fest sein,
oder jeder seiner beiden Slots (das Zeichen und die Farbe) kann einer Logic-Variablen folgen,
sodass ein Ventilzeichen zwischen Zeichen wechselt oder eine Anzeige sich umfärbt, während die
Anlage sich bewegt. Es ist eine Komponente der Kategorie *Medien*; ein neues belegt 2 × 2 Zellen.

## Inhalt {#content}

| Feld | Was es tut | Werte | Vorgabe |
|---|---|---|---|
| Icon (Suche nach Bezeichnung oder Schlagwort) | Engt das Raster der Zeichen unten über die Namen der Bibliothek und die gepflegten Suchstichwörter ein ("z. B. wifi, save, warning"). Jede Auswahl der Anwendung durchsucht die Bibliothek auf dieselbe Weise, ein in einer gefundenes Zeichen wird also in allen gefunden. | Freier Text | leer |
| Das Raster der Zeichen | Das Vorgabezeichen, gewählt durch einen Druck auf eine Zelle. Fest gezeigt, und der Rückfall, wann immer die gebundene Variable nichts auflöst. | Jedes Zeichen der Bibliothek | das Zeichen Stern |

Eine *Icon-Ressource*, die Sie eingespielt haben (ein SVG mit einem einzigen Pfad unter Logic ▸ Assets
▸ Icons), darf ebenfalls im Slot des Zeichens stehen: sie wird im selben Kasten und in derselben
angegebenen Größe gezeichnet und nimmt dieselbe Schriftfarbe, wo sie Farbe erbt; eine Zeichnung,
die sich selbst malt, behält ihre eigenen Farben.

## Daten {#data}

Beide Bindungen bestätigen sich im Bereich als das, wofür sie stehen: das aktuelle Zeichen der
gebundenen Variablen, in der Schrift der Station gezeichnet, die gebundene Farbe neben ihrem
Hexadezimalwert gemalt, denn ein ausgeschriebener Zeichencode ist ein leerer Kasten, und einen
Hexadezimalwert kann sich niemand vorstellen.

| Feld | Was es tut | Werte | Vorgabe |
|---|---|---|---|
| Glyphe aus einer Icon-Variablen | Eine verwurzelte Adresse einer Logic-Variablen mit der Ausgabe Icon. Die Liste nennt jede mit ihrem Namen oder, in einem Ordner abgelegt, mit ihren Ordnern und ihrem Namen (Oven / Mark) und speichert ihre Adresse mit diesen Ordnern (`Variables.Oven.Mark`). Gebunden folgt der Slot des Zeichens dem Zeichen, auf das die Variable auflöst: die Logik vom Wert zum Icon wohnt in der Variablen, nicht hier (siehe die [Seite Logic](logic)). `(keine)` löst die Bindung und gibt den Slot an das feste Zeichen zurück. | Eine Icon-Variable oder `(keine)` | `(keine)` |
| Farbe aus einer Farbvariablen | Eine verwurzelte Adresse einer Logic-Variablen mit der Ausgabe Farbe, die den Slot der Farbe auf dieselbe Weise treibt. Unabhängig vom Slot des Zeichens, ein festes Zeichen darf also eine von der Logik getriebene Farbe nehmen und umgekehrt. | Eine Farbvariable oder `(keine)` | `(keine)` |

Ein gebundener Slot, der nicht liest (die Adresse löst sich nicht auf, oder die Qualität ist
schlecht), behält die eingerichtete Vorgabe, statt den alten Wert der Variablen zu zeichnen, und
die Komponente trägt das gemeinsame Zeichen für den misslungenen Messwert. Eine gebundene Farbe
wird als sichere Farbe geprüft, bevor sie das Bedienbild erreicht; Text, der keine Farbe ist,
lässt die eingerichtete Farbe in Kraft.

## Farbe und Größe {#color-and-size}

| Feld | Was es tut | Werte | Vorgabe |
|---|---|---|---|
| Farbe | Die Farbe des Zeichens als Hexadezimalwert. Leer folgt dem eigenen Vordergrund des Designs, der bereits auf Hell und Dunkel antwortet. | `#RRGGBB` oder leer | leer (Design) |
| Größe | Die Größe des Zeichens in geräteunabhängigen Pixeln. Dieselbe Zahl bemisst den Kasten einer SVG-Ressource, beide Arten von Zeichen antworten dem Feld also gleich. | Beliebige Zahl | 40 |

## Erweitert {#advanced}

| Feld | Was es tut | Werte | Vorgabe |
|---|---|---|---|
| Glyphencode (erweitert) | Die rohe Zeichenkette hinter der Auswahl, um einen Codepunkt direkt einzufügen. | Roher Text | das gewählte Zeichen |

Icon ist eine Komponente der Anzeige: es befehligt nichts und trägt nie das Sperrzeichen. Die
gemeinsamen Abschnitte Darstellung, Kennung, Position und Ebene und Aktionen sind auf der
[Seite der Komponenten](components#the-shared-property-sections) beschrieben.