Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

  • Content - Die Größe einer GUI-Komponente richtet sich standardmäßig automatisch nach ihrem Content (Inhalt), z.B. Text, Icon etc. Bei zu geringer Größe wird der Content ggf. abgeschnitten oder ragt aus der GUI-Komponente heraus.

XdevAbsoluteLayout

Alle GUI-Komponenten werden mit festen, absoluten Pixelkoordinaten im Parent-Container angeordnet. 

...


...

Constraints

Die Positionen und Größe der GUI-Komponenten lassen sich wahlweise mit der Maus oder durch Angabe von X- und Y-Koordinaten bei Toolbox > Constraints exakt festlegen. Bei Größenänderungen des Parent-Containers bleiben Position und Größe aller GUI-Komponenten innerhalb des Parent-Containers völlig unverändert.

Image Removed

  • Constraints
    • X / Y - Legt die X und Y Koordinate der GUI-Komponente fest.
      Image Removed
      • px - Die GUI-Komponente bleibt immer an derselben Position.
      • % - Funktionsweise unklar.
    • Width / Height - Definiert Breite und Höhe der GUI-Komponente.
      Image Removed
      • ? - Das Verhalten ist nicht explizit definiert. Die GUI-Komponente verhält sich wie bei der Einstellung %.
      • px - Die Breite bzw. Höhe der GUI-Komponente wird fest in Pixel definiert. Der Content (Inhalt) wird ggf. abgeschnitten.
      • % - Die Breite bzw. Höhe der GUI-Komponente wird durch ihren Content (Inhalt) bestimmt.
  • Align
    • On Container - Die GUI-Komponente wird an den Rand des Parent-Containers verschoben oder zentriert. Kein festes Andocken.
      Image Removed
    • On Selection 
      Image Removed
      • Align top on selection - Die GUI-Komponenten der Mehrfachauswahl werden am oberen Rand der führenden GUI-Komponente ausgerichtet.
      • Align bottom on selection - Die GUI-Komponenten der Mehrfachauswahl werden am unteren Rand der führenden GUI-Komponente ausgerichtet.
      • Align right on selection - Die GUI-Komponenten der Mehrfachauswahl werden am rechten Rand der führenden GUI-Komponente ausgerichtet.
      • Align left on selection - Die GUI-Komponenten der Mehrfachauswahl werden am linken Rand der führenden GUI-Komponente ausgerichtet.
      • Align horizontal on selection - Die GUI-Komponenten der Mehrfachauswahl werden horizontal an der führenden GUI-Komponente ausgerichtet.
      • Align vertical on selection - Die GUI-Komponenten der Mehrfachauswahl werden horizontal an der führenden GUI-Komponente ausgerichtet.
  • Adapt
    • On Container - Die selektierte GUI-Komponente wird genauso breit oder hoch wie ihr Parent-Container.
      Image Removed
    • On Selection - Die GUI-Komponenten einer Mehrfachauswahl werden genauso breit oder hoch wie die führende GUI-Komponente der Mehrfachauswahl.
      Image Removed
  • Distribute
    • Horizontal - Die GUI-Komponenten einer Mehrfachauswahl werden horizontal gleichmäßig verteilt. 
      Image Removed
      • Add horizontal on each other - Die GUI-Komponenten einer Mehrfachauswahl werden zwischen der zuerst und der zuletzt selektierten GUI-Komponente horizontal gleichmäßig verteilt. 
      • Allot horizontal per pixel - Die GUI-Komponenten einer Mehrfachauswahl werden im angegebenen Abstand horizontal gleichmäßig verteilt. 
    • Vertical - Die GUI-Komponenten einer Mehrfachauswahl werden vertikal gleichmäßig verteilt. 
      Image Removed
      • Add vertical on each other - Die GUI-Komponenten einer Mehrfachauswahl werden zwischen der zuerst und der zuletzt selektierten GUI-Komponente vertikal gleichmäßig verteilt. 
      • Allot vertical per pixel - Die GUI-Komponenten einer Mehrfachauswahl werden im angegebenen Abstand vertikal gleichmäßig verteilt. 

Mehrfachauswahl

Für eine Mehrfachauswahl müssen Sie die Shift Taste gedrückt halten und die gewünschten GUI-Komponenten nacheinander anklicken. Die zuerst selektierte GUI-Komponente ist die führende GUI-Komponente, an der sich die anderen GUI-Komponenten der Mehrfachauswahl ausrichten lassen. Bei einer Mehrfachauswahl wird nur die führende GUI-Komponenten im Hierarchie-Pfad des GUI-Builders angezeigt. Um die führende GUI-Komponente zu wechseln, müssen Sie eine andere GUI-Komponente der Mehrfachauswahl anklicken.

Constraints

  • Align - Die GUI-Komponente wird an den Rand des Parent-Containers positioniert oder zentriert. Kein festes Andocken.
  • Span - Mit + wird die GUI-Komponente über die nachfolgende Zelle des XdevGridLayouts gespannt (nur nach rechts oder unten) und dadurch vergrößert. Mit - wird die Vergrößerung rückgängig gemacht.
  • Width / Height
    • ? - Das Verhalten ist nicht explizit definiert. Die GUI-Komponente verhält sich wie bei der Einstellung %.
    • px - Die Breite bzw. Höhe der GUI-Komponente wird fest in Pixel definiert. Der Content (Inhalt) wird ggf. abgeschnitten.
    • % - Die Breite bzw. Höhe der GUI-Komponente wird durch ihren Content (Inhalt) bestimmt.
  • Quick Settings

    • Don´t Stretch - Die Größe wird automatisch durch den Content (Inhalt) bestimmt, z.B. Textlänge, Icon-Größe etc.
    • Stretch Horizontally - Die GUI-Komponente nimmt automatisch den gesamten verfügbaren Platz in der Breite ein.
    • Stretch Vertically - Die GUI-Komponente nimmt automatisch den gesamten verfügbaren Platz in der Höhe ein.
    • Stretch in Both Directions - Die GUI-Komponente nimmt automatisch den gesamten verfügbaren Platz in der Breite und Höhe ein.

...