Layout

Layout 1:
►Layout ausklappen
►In die Eingabefelder Left, Top, Right, Bottom, Width und Height Werte eingeben
►Bei Bedarf die Einheit im Dropdown-Menü ändern
Layout 2:
►Auf die Schaltfläche klicken, um das Menü zu erweitern
Layout 3:
►In das Eingabefeld Opacity einen Wert für die Deckkraft eingeben
►Die Sichtbarkeit im Dropdown-Menü Visibility auswählen
Layout 4:
►Value im Dropdown-Menü WidthMode auswählen

ODER

►Parent im Dropdown-Menü WidthMode auswählen
►Value im Dropdown-Menü HeightMode auswählen

ODER

►Parent im Dropdown-Menü HeightMode auswählen
Layout 5:
►Auf … von Transform klicken















Sie können dem XtsView | Transform verschiedene Transformationsarten hinzufügen. Beim Öffnen des Fensters ist standardmäßig Rotate ausgewählt. Folgende Transformationen stehen zur Auswahl:

Layout 6:

Das Dialogfenster XtsView | Transform öffnet sich.

►Die Transformationsart im Dropdown-Menü auswählen, die hinzugefügt werden soll
►Auf Add klicken

Die ausgewählte Transformation wird hinzugefügt.

Die unterschiedlichen Eigenschaften der Transformationen können im Bereich Properties eingestellt werden.

Rotate

Layout 7:
►General ausklappen
►In das Eingabefeld Angle einen Drehwinkel eingeben
►Bei Bedarf die Einheit im Dropdown-Menü ändern
►In die Eingabefelder VectorX, VectorY und VectorZ Werte eingeben

Scale

Layout 8:
►General ausklappen
►In die Eingabefelder X, Y und Z Werte eingeben

Translate

Layout 9:
►General ausklappen
►In die Eingabefelder X, Y und Z Werte eingeben
►Bei Bedarf die Einheit im Dropdown-Menü ändern

Skew

Layout 10:
►General ausklappen
►In das Eingabefeld XAngle einen Wert für den horizontalen Neigungswinkel eingeben
►In das Eingabefeld YAngle einen Wert für den vertikalen Neigungswinkel eingeben
►Bei Bedarf die Einheit im Dropdown-Menü ändern

Origin

Layout 11:
►General ausklappen
►In die Eingabefelder X, Y und Z Werte eingeben
►Bei Bedarf die Einheit im Dropdown-Menü ändern

Perspective

Layout 12:
►General ausklappen
►In die Eingabefelder Distance, OriginX und OriginY Werte eingeben
►Bei Bedarf die Einheit im Dropdown-Menü ändern

Transformation entfernen oder ändern

Sie haben die Möglichkeit einzelne Transformationen zu entfernen oder die Reihenfolge der Transformationen zu ändern.

Layout 13:
►Die Transformation auswählen, die verschoben oder entfernt werden soll
►Auf x klicken, um die Transformation zu entfernen

ODER

►Auf die Schaltflächen klicken, um die Transformation schrittweise nach oben oder nach unten zu verschieben
Layout 14:
►Mit OK bestätigen

Das Dialogfenster XtsView | Transform schließt sich.

Layout 15:
►In die Eingabefelder MaxWidth, MaxHeight, MinWidth und MinHeight Werte eingeben
►Bei Bedarf die Einheit im Dropdown-Menü ändern
Layout 16:
►In die Eingabefelder GridColumnIndex, GridRowIndex und Zindex Werte eingeben

Weitere Informationen dazu finden Sie im Kapitel zIndex.

Layout 17:
►Auf … von BoxShadow klicken
Layout 18:

Das Dialogfenster XtsView | BoxShadow öffnet sich.

►Auf Add klicken

Eine BoxShadow definition wird hinzugefügt. Die Eigenschaften des Schattens können im Bereich Properties eingestellt werden.

Layout 19:
►Colors ausklappen

Der Einstellbereich wird eingeblendet.

Weitere Informationen dazu finden Sie im Kapitel Colors.

Layout 20:
►General ausklappen
►In das Eingabefeld OffsetX einen Wert für den Abstand des Schattens in X-Richtung eingeben
►In das Eingabefeld OffsetY Werte einen Wert für den Abstand des Schattens in Y-Richtung eingeben
►Kontrollkästchen Inset aktivieren

ODER

►Kontrollkästchen Inset deaktivieren
►In das Eingabefeld Blur einen Wert für die Unschärfe des Schattens eingeben
►In das Eingabefeld Spread einen Wert für die Streuweite des Schattens eingeben
►Bei Bedarf die Einheit im Dropdown-Menü ändern
Layout 21:
►Mit OK bestätigen

Das Dialogfenster XtsView | BoxShadow schließt sich.

Die Tabelle zeigt die Standardeinstellungen der Parameter für die Layout-Eigenschaften:

Eigenschaft

Erläuterung

Standardeinstellung

Left

Linker Abstand.

Einheit: px oder %

448

Top

Oberer Abstand.

Einheit: px oder %

298

Right

Rechter Abstand.

Einheit: px oder %

-

Bottom

Unterer Abstand.

Einheit: px oder %

-

Width

Breite.

Einheit: px oder %

329

Height

Höhe.

Einheit: px oder %

280

Opacity

Wert für die Deckkraft

1

Visibility

Dropdown-Menü für die Sichtbarkeit

Visible

  • Visible

Sichtbar

 

  • Hidden

Versteckt

 

  • Collapsed

Eingeklappt

 

WidthMode

 

Value

  • Value

Wert

-

  • Parent

Übergeordnet

-

HeightMode

 

Value

  • Value

Wert

-

  • Parent

Übergeordnet

-

Transform

Transformationsart

…

Rotate

Rotatorische Verschiebung

 

Layout 22: General

 

 

  • Angle

Drehwinkel

-

  • VectorX

Vektor X-Achse

-

  • VectorY

Vektor Y-Achse

-

  • VectorZ

Vektor Z-Achse

-

Scale

Skalierung

 

Layout 23: General

 

 

  • X

Wert für Breite

1

  • Y

Wert für die Höhe

1

  • Z

Wert für die Tiefe

1

Translate

Translatorische Verschiebung

 

Layout 24: General

 

 

  • X

Wert für die Verschiebung in X-Richtung.

Einheit: px oder %

-

  • Y

Wert für die Verschiebung in Y-Richtung.

Einheit: px oder %

-

  • Z

Wert für die Verschiebung in Z-Richtung.

Einheit: px oder %

-

Eigenschaft

Erläuterung

Standardeinstellung

Skew

Neigung

 

Layout 25: General

 

 

  • XAngle

Winkel für die horizontale Neigung

-

  • YAngle

Winkel für die vertikale Neigung

-

Origin

Ursprung

 

Layout 26: General

 

 

  • X

Wert in X-Richtung

-

  • Y

Wert in Y-Richtung

-

  • Z

Wert in Z-Richtung

-

Perspective

Perspektivische Verzerrung

 

Layout 27: General

 

 

  • Distance

Abstand

-

  • OriginX

Ursprung in X-Richtung

-

  • OriginY

Ursprung in Y-Richtung

-

MaxWidth

Maximale Breite

-

MaxHeight

Maximale Höhe

-

MinWidth

Minimale Breite

-

MinHeight

Minimale Höhe

-

GridColumnIndex

Wert für die Gitterspaltenbreite

0

GridRowIndex

Wert für die Gitterzeilenhöhe

0

Zindex

 

-

BoxShadow

Wert für den Schatten

…

Layout 28: Colors

 

 

  • Color

Farbe des Schattens

##FF000000

Layout 29: General

 

 

  • OffsetX

Versatz des Schattens in X-Richtung.

Einheit: px oder %

0

  • OffsetY

Versatz des Schattens in Y-Richtung.

Einheit: px oder %

0

  • Inset

Einschub

False

  • Blur

Unschärfe des Schattens.

Einheit: px oder %

0

  • Spread

Streuweite des Schattens.

Einheit: px oder %

0