Variablen

Im Template-Editor verbindet eine Variable ein Input-Feld mit deinem Design. Eine Variable ist ein Wert mit einem Namen: Das Input-Feld schreibt hinein, was Nutzer im Design-Generator eingeben, und Eigenschaften und Expressions lesen den Wert über den Namen.

Woher Variablen kommen

Jedes Input-Feld außer einer Input-Feld-Gruppe und einer Instruction speichert seinen Wert in einer Variable. Ihr Name ist die Einstellung Variable name des Input-Felds. Bluepic bildet ihn aus dem Feldtyp oder dem Element, zum Beispiel text2_text. Du kannst ihn umbenennen, siehe Einstellungen eines Input-Felds.

Nutzer sehen nur das Input-Feld, nicht die Variable.

Daneben bringt Bluepic ein paar eigene Variablen mit, zum Beispiel TIME, die aktuelle Zeit einer Animation.

Variablen in Expressions nutzen

Um eine Variable zu nutzen, schreibst du ihren Namen in eine Expression. Heißt die Variable zum Beispiel price, ergibt price * 1.19 den Preis mit 19 % Aufschlag. In einem Text fügst du sie mit ${price} ein. Wie das genau geht, steht in Expression-Syntax.

Ändern Nutzer das Input-Feld, ändert sich jede Eigenschaft mit, deren Expression die Variable nutzt.

Im Expression-Editor zeigt der Tab Variables alle Variablen, die du in der gerade bearbeiteten Eigenschaft nutzen kannst.

Ein Input-Feld für mehrere Eigenschaften

Jedes neue Input-Feld bekommt seine eigene Variable. Soll ein Input-Feld weitere Eigenschaften steuern, auch in anderen Elementen, trägst du dort seinen Variablennamen als Expression ein. Am einfachsten geht das im Expression-Editor der Eigenschaft. Wie du ihn öffnest, steht in Expression-Editor verwenden. Klicke im Expression-Editor auf den Baustein, dann im Tab Variables auf den Variablennamen, zum Beispiel brandColor, und zuletzt auf Update.

Danach ist die Eigenschaft genauso mit dem Input-Feld verbunden wie die erste: Sie ist im Properties-Panel hervorgehoben, und beim Darüberfahren zeigt sie Edit Field und Delete Field. So ändern Nutzer zum Beispiel mit einer Farbe gleich mehrere Formen. Delete Field löscht das Input-Feld dann aber für alle diese Eigenschaften, nicht nur für eine.

Was beim Umbenennen und Löschen passiert

• Benennst du eine Variable um, übernehmen alle Expressions, die sie nutzen, den neuen Namen automatisch.
• Löschst du ein Input-Feld, löschst du auch seine Variable. Jede Eigenschaft und jede Expression, die die Variable genutzt hat, behält ihren letzten Wert als festen Wert. Mehr dazu steht in Input-Feld löschen.

Unbenutzte Variablen aufräumen

Variablen, die kein Input-Feld, kein Element und keine Expression mehr nutzt, entfernst du im Input Fields View auf einmal.

1. Klicke oben rechts in der Toolbar auf Input Fields. Der Input Fields View öffnet sich.
2. Wähle mindestens ein Input-Feld mit dem Kästchen aus. Erst dann lässt sich das Menü mit den drei senkrechten Punkten öffnen. Das ausgewählte Input-Feld bleibt erhalten.
3. Klicke oben auf die drei senkrechten Punkte neben Delete und dann auf Clean up unused variables (n). Die Zahl zeigt, wie viele unbenutzte Variablen es gibt. Studio entfernt sie sofort. Ist der Eintrag grau, gibt es keine.
4. Klicke oben rechts auf ×, um den Input Fields View zu schließen.

Eindeutige Namen

In einer Expression kann ein Name eine Variable oder ein Element meinen. Deshalb dürfen eine Variable und ein Element im Layers-Panel nicht gleich heißen.