Pages

Static Container

Was ist ein Static Container?

Ein Static Container hält UI-Elemente an exakt definierter Position und Größe – unabhängig davon, ob der Container oder das Display skaliert wird.
Es findet keine automatische Anpassung statt. Das Layout bleibt genau so, wie du es erstellt hast – ideal für präzise Oberflächen oder ältere HMIs.

Eigenschaften

  • Absolute Positionen und feste Größen
  • Keine automatische Skalierung oder Verschiebung
  • Starres, vorhersagbares Layout
  • „What you see is what you get“

Wann solltest du ihn verwenden?

Verwende Static Container, wenn:

  • Du exakte Platzierung brauchst (z. B. für ein grafisches Bedienfeld)
  • Dein Layout nicht responsiv sein soll
  • Du alte HMIs nachbauen oder migrieren willst
  • Präzision wichtiger ist als Skalierung

Praxisbeispiel

Du baust ein UI für eine reale Maschinenfront nach:

  • Button A bei x = 80px, y = 30px, Größe 100 x 50
  • Egal wie groß das Display ist – Position und Größe bleiben gleich

Bildschirm: 1920x1080 → Button bei 80,30 mit 100x50  
Bildschirm: 1280x800 → Button bleibt bei 80,30 mit 100x50
Bildschirm: 1920x1080 → Button bei 80,30 mit 100x50 Bildschirm: 1280x800 → Button bleibt bei 80,30 mit 100x50
100 x 50
x = 80px, y = 30px