Eine Expression funktioniert nicht?

Im Template-Editor zeigt Bluepic dir, wenn eine Expression nicht funktioniert: mit einem Warnsymbol im Layers-Panel, einem Hinweis auf dem Canvas oder einer roten Eigenschaft im Properties-Panel. Manche Probleme zeigt Bluepic gar nicht an. Such dir unten aus, was du siehst. Die Ursachen stehen jeweils von der häufigsten zur seltensten.

Neben einem Element steht ein Warnsymbol?

Ein gelbes Warndreieck neben dem Namen im Layers-Panel heißt: Eine Expression dieses Elements lässt sich nicht ausrechnen. Oben auf dem Canvas stehen dazu die ersten zwei Meldungen. Dismiss blendet den Hinweis aus, bis ein neues Problem dazukommt. Bluepic prüft nur den geöffneten Canvas. Hat dein Template mehrere Canvases, öffne jeden einmal.

1. Fahre mit der Maus im Layers-Panel über das Warnsymbol. Die Meldung erscheint. In Klammern dahinter steht die Expression, um die es geht, zum Beispiel (in: headline.width > 500).
   

Ein Element wurde gelöscht

Die Meldung lautet zum Beispiel „Cannot read properties of undefined (reading 'width')“. Die Expression nutzt den Namen eines Elements, das es nicht mehr gibt. Beim Löschen macht Bluepic aus Verweisen in X, Y, W und H feste Zahlen. Andere Eigenschaften wie Farben, Opacity oder Visibility behalten den Verweis.

Hast du das Element gerade erst gelöscht, mach das Löschen rückgängig (Cmd + Z, unter Windows Strg + Z). Sonst geht es so:

1. Klicke im Layers-Panel auf das Element mit dem Warnsymbol. Das Properties-Panel zeigt seine Eigenschaften.
2. Fahre mit der Maus im Properties-Panel über die Eigenschaft mit der Expression aus der Meldung. Ein Menü mit Edit expression öffnet sich.
3. Je nachdem, was die Eigenschaft tun soll:
   • Sie soll weiter von einem Element abhängen:
     • Klicke auf Edit expression. Der Expression-Editor öffnet sich.
     • Ersetze den alten Namen durch den Namen eines Elements, das es gibt.
   • Ein fester Wert reicht:
     • Gib den Wert direkt in die Eigenschaft ein, zum Beispiel #000000 für eine Farbe.
   
   Das Warnsymbol verschwindet.

Resolve expression hilft hier nicht. Bluepic kann die Expression nicht ausrechnen und meldet „Error resolving expression“.

Zwei Elemente hängen im Kreis voneinander ab

Die Meldung beginnt mit „Circular dependency between expressions“ und nennt die beteiligten Eigenschaften, zum Beispiel headline.y → caption.y → headline.y. Manchmal lautet sie „Expression evaluation storm“. Jedes Element im Kreis hat das Warnsymbol. Das passiert, wenn zum Beispiel die Überschrift der Caption folgt und die Caption der Überschrift. Lass nur eines der beiden dem anderen folgen:

1. Klicke in der Toolbar oben auf den Anker. Das ist das Anchoring tool.
   
2. Klicke auf dem Canvas auf das Element, das nicht folgen soll. Seine Verbindungen erscheinen.
3. Klicke auf das × an der Verbindung zum anderen Element. Die Verbindung ist gelöst, und das Element bleibt an seiner Stelle.

Erscheint keine Verbindung, ist die Expression keine einfache Verbindung. Gib dann im Properties-Panel in die Eigenschaft aus der Meldung eine feste Zahl ein, zum Beispiel bei Y 300. Das Element bleibt an dieser Stelle und folgt dem anderen nicht mehr.

Die Breite eines Texts ist keine Zahl

Die Meldung beginnt mit „Text wrap width is not a finite number“ oder „Line breaking could not judge“. W des Texts ist eine Expression, die keine Zahl ergibt. Bluepic setzt den Text dann ohne Zeilenumbruch.

1. Klicke im Layers-Panel auf den Text mit dem Warnsymbol. Das Properties-Panel zeigt seine Eigenschaften.
2. Gib im Properties-Panel unter Size bei W eine feste Breite ein, zum Beispiel 600. Der Text bricht wieder um.

Die Expression enthält Code, den Bluepic nicht ausführt

Die Meldung beginnt mit „Expression rejected by safety validator“. Expressions ähneln der Programmiersprache JavaScript, und viele Code-Beispiele im Internet sind in JavaScript geschrieben. Bluepic führt aus Sicherheitsgründen aber nicht alles davon aus, das passiert oft bei einem kopierten Code-Beispiel. Öffne die Expression mit Edit expression und schreib sie mit den Funktionen aus der Übersicht der Expression-Funktionen neu.

Eine Eigenschaft wird beim Tippen rot?

Tippst du im Properties-Panel eine Expression in eine Eigenschaft, prüft Bluepic sie bei jedem Zeichen. Ist sie fehlerhaft, wird die Eigenschaft rot, und daneben steht eine Meldung. Während du tippst, ist das normal. Bluepic übernimmt nur fehlerfreie Expressions. Klickst du woanders hin, steht dort wieder der letzte Wert, der funktioniert hat.

Ein Name ist falsch geschrieben

Die Meldung endet mit „is not defined“, zum Beispiel „headlin is not defined“. Bluepic kennt den Namen nicht. Das gilt auch für Funktionen: FLOR statt FLOOR ergibt „FLOR is not defined“.

1. Vergleiche den Namen mit dem Namen des Elements im Layers-Panel oder mit Variable name des Input-Felds im Input Fields View. Groß- und Kleinschreibung zählt.
2. Korrigiere den Namen in der Eigenschaft. Die Eigenschaft ist nicht mehr rot.

Ein Zeichen fehlt oder ist zu viel

Die Meldung beginnt mit „Error parsing expression“.

1. Prüfe, ob jede Klammer geschlossen ist, Werte durch Kommas getrennt sind und Text und Farben in Backticks stehen.
2. Korrigiere die Stelle. Die Eigenschaft ist nicht mehr rot.

Eine Farbe bekommt keinen Farbwert

Die Meldung lautet „Invalid color“. In einer Farbeigenschaft wie Fill Color zählt alles, was du tippst, als Text. Ein Farbcode braucht ein # am Anfang. Eine Expression wie IF(…) ergibt dort keine Farbe. Schreib Expressions für Farben im Expression-Editor:

1. Klicke in der Toolbar oben auf das kursive fx. Das ist das Werkzeug Connect expressions.
2. Klicke im Properties-Panel auf den Farbwert. Der Expression-Editor öffnet sich. Wie es weitergeht, steht in IF / ELSE-Logik: zwischen zwei Ergebnissen umschalten.

Die Expression steht als Text im Design?

In einer Texteigenschaft wie Content zählt alles, was du tippst, als Text. Tippst du headline.width, steht genau das im Design.

1. Schreib den Teil, der berechnet werden soll, in ${…}, zum Beispiel Breite: ${headline.width}. Im Design steht jetzt der Wert. Mehr dazu steht in Expression-Syntax.

Ein Element bewegt sich nicht mehr mit oder steht an der falschen Stelle?

Du hast ein Element mit einer Expression an ein anderes gebunden, zum Beispiel mit headline.bottom + 20 bei Y. Jetzt bewegt es sich nicht mehr mit, wenn das andere Element wächst oder wandert, oder es steht an einer ganz anderen Stelle. Für diese Fälle zeigt Bluepic weder ein Warnsymbol noch eine Meldung.

Das andere Element wurde gelöscht

Beim Löschen macht Bluepic aus allen X, Y, W und H, die auf das Element verweisen, feste Zahlen. Die übrigen Elemente bleiben an ihrer Stelle, folgen aber nichts mehr. Mach das Löschen rückgängig oder verbinde die Elemente neu, wie in Dynamische Textlayouts mit Expressions beschrieben.

Die Elemente liegen in verschiedenen Gruppen

Das Element folgt, sitzt aber an einer ganz anderen Stelle. Die Werte eines Elements in einer Gruppe gehen von der Gruppe aus, nicht vom Canvas. Lege beide Elemente in dieselbe Gruppe oder beide außerhalb von Gruppen. Oder verbinde sie mit dem Anchoring-Werkzeug. Es rechnet Gruppen selbst ein.

Das andere Element ist gedreht oder skaliert

Die einfachen Werte wie logo.right zählen die Drehung und Skalierung eines Elements nicht mit. Nimm stattdessen die Werte mit .bbox, zum Beispiel logo.bbox.right + 20. Mehr dazu steht in Element-Metadaten (Sub-Eigenschaften).

Die Expression wurde in einen festen Wert umgewandelt

Resolve expression ersetzt eine Expression durch ihr aktuelles Ergebnis. Danach reagiert die Eigenschaft auf nichts mehr. Mach den Schritt rückgängig oder gib die Expression neu ein.

Änderungen im Expression-Editor werden nicht übernommen?

Im Expression-Editor übernimmt Bluepic jede fehlerfreie Änderung sofort, fehlerhafte nicht. Schließt du den Expression-Editor, bleibt die letzte Expression, die funktioniert hat.

Ein Zeichen fehlt oder ist zu viel

In der Code-Ansicht erscheint oben rechts ein kleiner roter Kasten.

1. Prüfe, ob jede Klammer geschlossen ist, Werte durch Kommas getrennt sind und Text und Farben in Backticks stehen.
2. Korrigiere die Stelle. Der rote Kasten verschwindet, und Bluepic übernimmt die Änderung.

Ein Name ist falsch geschrieben

Hier zeigt Bluepic keine Meldung. Die Expression bleibt einfach, wie sie vorher war.

1. Vergleiche jeden Namen in der Expression mit den Tabs Elements, Variables und Functions in der visuellen Ansicht. Groß- und Kleinschreibung zählt.
2. Korrigiere den Namen. Bluepic übernimmt die Änderung.