box — der Farbblock
Hintergründe, Schleier, Bänder und Verläufe.
Die einfachste Komponente, und eine der nützlichsten: Hintergründe, Schleier, Bänder, Trennlinien. 16 Eigenschaften.
<box name="fond" extra="true">
<pos>0 0</pos>
<size>1 1</size>
<color>101820</color>
<zIndex>1</zIndex>
</box>| Eigenschaft | Aufgabe |
|---|---|
pos size origin rotation rotationOrigin | Platzierung |
color | einheitliche Farbe |
colorTop colorBottom | vertikaler Verlauf |
colorLeft colorRight | horizontaler Verlauf |
colorTopLeft colorTopRight colorBottomLeft colorBottomRight | Verlauf über die vier Ecken |
zIndex disabled | Tiefe, Abschalten |
Kein path: eine box zeigt kein Bild an. Für einen Bildhintergrund nimm image.
Der Lesbarkeitsschleier
Der häufigste Anwendungsfall: einen Text über jedem beliebigen Bild lesbar machen.
<box name="voile-du-bas" extra="true">
<pos>0 0.7</pos>
<size>1 0.3</size>
<colorTop>00000000</colorTop>
<colorBottom>000000C0</colorBottom>
<zIndex>20</zIndex>
</box>Von transparent zu 75 % Schwarz: der untere Bildschirmrand verdunkelt sich allmählich, und der Text darüber bleibt lesbar, egal welches Artwork dahinterliegt.
Ein dünnes Band
<box name="filet" extra="true">
<pos>0.06 0.18</pos>
<size>0.3 2p</size>
<color>FFFFFF40</color>
</box>2p = zwei Pixel hoch, egal bei welcher Auflösung: einer der seltenen Fälle, in denen die Pixeleinheit die richtige Wahl ist.