Text in Bluepic passt seine Größe an und bricht um, um in seine Box zu passen, sodass du bei Inhalten aus einem Inputfeld selten die endgültige Größe kennst. Expressions lassen den Rest des Layouts mitwandern, sodass sich nichts überlappt und die Abstände gleichmäßig bleiben.
Der Trick ist, Elemente relativ zueinander über Element-Maße zu positionieren, statt über feste Koordinaten.
Beispiel: eine Caption, die einer Headline folgt.
- Platziere deine Headline- und Caption-Textelemente.
- Wähle die Caption aus und öffne das Expression-Tool auf ihrer Y-Position.
- Setze sie auf
headline.bottom + 20.
Jetzt sitzt die Caption immer 20 Pixel unterhalb der Headline. Eine lange Headline schiebt die Caption nach unten, eine kurze zieht sie nach oben, und der Abstand bleibt gleich.
Du kannst das verketten: Gib einem dritten Element eine Y von caption.bottom + 20, und der ganze Stapel fließt zusammen um. Dasselbe Prinzip funktioniert seitlich mit left und right, zum Beispiel um ein Badge bei title.right + 10 zu platzieren.