Skriptkomponente Horizontaler Stapelcontainer

Ein horizontaler Stapelcontainer ist ein übergeordneter Container, der untergeordnete Komponenten horizontal anordnet. Für die vertikale Anordnung der Komponenten verwenden Sie einen vertikalen Stapelbehälter.

  1. Klicken Horizontaler Stapelbehälter in der Komponentensymbolleiste.

    Wenn ein horizontaler Stapelcontainer ausgewählt ist, wird ein horizontaler Richtungsindikator angezeigt. Die Pfeile zeigen an, dass neue Komponenten, die dem Steuerelement hinzugefügt werden, nebeneinander platziert werden.

    Bei einem horizontalen Stapel werden die neuen Komponenten rechts von der letzten Auswahl positioniert.

  2. Wenn Sie Komponenten aus der Symbolleiste hinzufügen, stapelt der Container sie nebeneinander.

Optional können Sie die Eigenschaften dieser Komponente festlegen.

Allgemein

Konfiguriert die Breite auf eine feste Größe, die je nach Bedarf wächst, um den Inhalt anzuzeigen oder so viel Platz wie möglich im Verhältnis zu anderen Komponenten zu beanspruchen, wobei eine Gewichtung die Größenanpassung beeinflusst.

  • Automatische Größenanpassung konfiguriert die Komponente so, dass sie entsprechend ihrem Inhalt schrumpft oder wächst. Beispielsweise kann die Breite eines Etiketts mit der Menge des enthaltenen Textes zunehmen.
  • Strecken ermöglicht es einer Komponente, im Verhältnis zu anderen Komponenten möglichst viel Platz einzunehmen, wobei die Größenanpassung durch Gewichtung beeinflusst wird.
    Notiz : Wenn zwei Komponenten beide auf Streckung eingestellt sind, werden ihnen standardmäßig jeweils 50 % des verbleibenden Platzes zugewiesen. Dieser Anteil kann durch Änderung des Gewichtswertes angepasst werden. Wenn Sie z. B. für eine Komponente eine Gewichtung von 200 und für die andere eine Gewichtung von 100 festlegen, nimmt die erste Komponente zwei Drittel des verbleibenden Platzes ein, während die andere Komponente nur ein Drittel einnimmt. Die erste Komponente erscheint doppelt so groß wie die andere Komponente, da ihr Gewicht doppelt so hoch war wie das Gewicht der zweiten Komponente.
  • px legt eine feste Größe in Pixeln fest. Sie können einen ganzzahligen Wert in das Feld eingeben oder die Pfeile nach oben oder unten verwenden, um die Größe zu erhöhen oder zu verringern. Diese Pfeile sind sichtbar, wenn die Komponente den Fokus hat.

Konfiguriert die Höhe auf eine feste Größe, damit sie je nach Bedarf wächst, um den Inhalt anzuzeigen, oder um so viel Platz wie möglich im Verhältnis zu anderen Komponenten zu beanspruchen, wobei eine Gewichtung die Größenanpassung beeinflusst.

  • Automatische Größenanpassung konfiguriert die Komponente so, dass sie entsprechend ihrem Inhalt schrumpft oder wächst. Beispielsweise kann die Breite eines Etiketts mit der Menge des enthaltenen Textes zunehmen.
  • Strecken ermöglicht es einer Komponente, im Verhältnis zu anderen Komponenten möglichst viel Platz einzunehmen, wobei die Größenanpassung durch Gewichtung beeinflusst wird.
    Notiz : Wenn zwei Komponenten beide auf Streckung eingestellt sind, werden ihnen standardmäßig jeweils 50 % des verbleibenden Platzes zugewiesen. Dieser Anteil kann durch Änderung des Gewichtswertes angepasst werden. Wenn Sie z. B. für eine Komponente eine Gewichtung von 200 und für die andere eine Gewichtung von 100 festlegen, nimmt die erste Komponente zwei Drittel des verbleibenden Platzes ein, während die andere Komponente nur ein Drittel einnimmt. Die erste Komponente erscheint doppelt so groß wie die andere Komponente, da ihr Gewicht doppelt so hoch war wie das Gewicht der zweiten Komponente.
  • px legt eine feste Größe in Pixeln fest. Sie können einen ganzzahligen Wert in das Feld eingeben oder die Pfeile nach oben oder unten verwenden, um die Größe zu erhöhen oder zu verringern. Diese Pfeile sind sichtbar, wenn die Komponente den Fokus hat.

Padding definiert den Abstand zwischen dem inneren Rand und dem Inhalt. Ein Rand legt den Abstand außerhalb eines Rahmens fest, während eine Auffüllung den Abstand innerhalb eines Rahmens vergrößert.

  1. Klicken Sie auf das Wertfeld für einen Randartikel. In diesem Feld erscheint ein Drehschalter.
  2. Verwenden Sie den Drehknopf, um die Randbreite zu erhöhen oder zu verringern. Wurde Alle einstellen ausgewählt, wird die Änderung auf alle Werte angewendet.
  3. Um optional alle Auffüllungswerte auf einmal zu aktualisieren, klicken Sie auf die Schaltfläche Alle einstellen für Auffüllung im Eigenschaftenbereich

Setzt die Hintergrundfarbe auf eine der folgenden Optionen:

Setzt die Hintergrund- oder Textfarbe auf einen der folgenden Werte:

  • Standard – Weist die Standardfarbe zu.
  • Farbe – Ermöglicht Ihnen die Auswahl aus einer Palette gängiger Farben oder die Auswahl Ihrer eigenen Farben durch Eingabe von RGB-Werten oder durch Verschieben des Farbwählers an eine neue Spektrumposition. Das Festlegen der Farbe für Text und Hintergrund ist eine Eigenschaft im Bedienfeld „Darstellung“. Dieses Eigenschaftenfenster ist nur für Komponenten verfügbar, die über die Farbfunktion verfügen.
  • Variable – weist eine in einer Zeichenfolgenvariablen gespeicherte Farbe zu.
    Variablenbeispiel : So weisen Sie Dunkelblau zu:
    1. Klicken Sie auf das Variablen Tab.
    2. Klicken Variable hinzufügen um eine Variable hinzuzufügen.
    3. Wählen Sie String als Typ des Wertes, den die neue Variable speichert
    4. Geben Sie einen beschreibenden Namen in das Feld Name Kasten.
    5. Satz Standardwert auf 0000FF oder #0000FF – das ist der Hexadezimalcode für Dunkelblau.
    6. Klicken Sie auf Übernehmen Sie.
    7. Weisen Sie die Variable dieser Farbeigenschaft zu.

    Ändern der Hintergrundfarbe einer Skriptseite

    Um die Hintergrundfarbe einer ganzen Seite festzulegen, weisen Sie dem vertikalen Stammcontainer eine Hintergrundfarbe zu.

    • Klicken Sie in der Breadcrumbs-Leiste auf das Symbol für den Stammcontainer.
    • Weisen Sie unter „Allgemein“ oder „Darstellung“ eine andere Hintergrundfarbe zu.

    So ändern Sie die Hintergrundfarbe einer Skriptseite

    Um die Hintergrundfarbe einer ganzen Seite festzulegen, weisen Sie dem vertikalen Stammcontainer eine Hintergrundfarbe zu.

    1. Klicken Sie in der Breadcrumb-Leiste auf Stammcontainer .

       

    2. Weisen Sie unter Common oder Appearanceeine andere Hintergrundfarbe zu

       

Border definiert den Abstand zwischen padding und margin. Ein Rand legt den Abstand außerhalb eines Rahmens fest, während eine Auffüllung den Raum zwischen dem Rahmen und der Komponente vergrößert.

  1. Klicken Sie auf das Wertfeld für einen Randartikel. In diesem Feld erscheint ein Drehschalter.
  2. Verwenden Sie den Drehknopf, um die Randbreite zu erhöhen oder zu verringern. Wurde Alle einstellen ausgewählt, wird die Änderung auf alle Polsterwerte angewendet.
  3. Um alle Rahmenwerte auf einmal zu aktualisieren, drücken Sie im Eigenschaftenfenster die Schaltfläche „Alle festlegen“ für „Rahmen“.

     

Layout

Konfiguriert die Breite auf eine feste Größe, die je nach Bedarf wächst, um den Inhalt anzuzeigen oder so viel Platz wie möglich im Verhältnis zu anderen Komponenten zu beanspruchen, wobei eine Gewichtung die Größenanpassung beeinflusst.

  • Automatische Größenanpassung konfiguriert die Komponente so, dass sie entsprechend ihrem Inhalt schrumpft oder wächst. Beispielsweise kann die Breite eines Etiketts mit der Menge des enthaltenen Textes zunehmen.
  • Strecken ermöglicht es einer Komponente, im Verhältnis zu anderen Komponenten möglichst viel Platz einzunehmen, wobei die Größenanpassung durch Gewichtung beeinflusst wird.
    Notiz : Wenn zwei Komponenten beide auf Streckung eingestellt sind, werden ihnen standardmäßig jeweils 50 % des verbleibenden Platzes zugewiesen. Dieser Anteil kann durch Änderung des Gewichtswertes angepasst werden. Wenn Sie z. B. für eine Komponente eine Gewichtung von 200 und für die andere eine Gewichtung von 100 festlegen, nimmt die erste Komponente zwei Drittel des verbleibenden Platzes ein, während die andere Komponente nur ein Drittel einnimmt. Die erste Komponente erscheint doppelt so groß wie die andere Komponente, da ihr Gewicht doppelt so hoch war wie das Gewicht der zweiten Komponente.
  • px legt eine feste Größe in Pixeln fest. Sie können einen ganzzahligen Wert in das Feld eingeben oder die Pfeile nach oben oder unten verwenden, um die Größe zu erhöhen oder zu verringern. Diese Pfeile sind sichtbar, wenn die Komponente den Fokus hat.

Konfiguriert die Höhe auf eine feste Größe, damit sie je nach Bedarf wächst, um den Inhalt anzuzeigen, oder um so viel Platz wie möglich im Verhältnis zu anderen Komponenten zu beanspruchen, wobei eine Gewichtung die Größenanpassung beeinflusst.

  • Automatische Größenanpassung konfiguriert die Komponente so, dass sie entsprechend ihrem Inhalt schrumpft oder wächst. Beispielsweise kann die Breite eines Etiketts mit der Menge des enthaltenen Textes zunehmen.
  • Strecken ermöglicht es einer Komponente, im Verhältnis zu anderen Komponenten möglichst viel Platz einzunehmen, wobei die Größenanpassung durch Gewichtung beeinflusst wird.
    Notiz : Wenn zwei Komponenten beide auf Streckung eingestellt sind, werden ihnen standardmäßig jeweils 50 % des verbleibenden Platzes zugewiesen. Dieser Anteil kann durch Änderung des Gewichtswertes angepasst werden. Wenn Sie z. B. für eine Komponente eine Gewichtung von 200 und für die andere eine Gewichtung von 100 festlegen, nimmt die erste Komponente zwei Drittel des verbleibenden Platzes ein, während die andere Komponente nur ein Drittel einnimmt. Die erste Komponente erscheint doppelt so groß wie die andere Komponente, da ihr Gewicht doppelt so hoch war wie das Gewicht der zweiten Komponente.
  • px legt eine feste Größe in Pixeln fest. Sie können einen ganzzahligen Wert in das Feld eingeben oder die Pfeile nach oben oder unten verwenden, um die Größe zu erhöhen oder zu verringern. Diese Pfeile sind sichtbar, wenn die Komponente den Fokus hat.

Richtet eine Komponente relativ zu ihrem übergeordneten Container links, rechts oder mittig aus.

Tipp: Eine Komponente kann nicht vertikal zentriert werden, wenn die Höheneinstellung des übergeordneten ContainersAuto Sizing . Um dies zu korrigieren, setzen Sie die Höhe des übergeordneten Containers aufStretch oder auf eine feste Höhe inPixels .

Die Kinderanordnung bestimmt, wie der Inhalt eines Containers angeordnet wird, wenn der Container zusätzlichen Platz hat.

Diese Einstellung ist deaktiviert, wenn die Breite und Höhe eines Containers automatisch angepasst wird. Die automatische Größenanpassung weist den Container an, sich auf die Größe der darin enthaltenen Elemente auszudehnen. Da dadurch kein zusätzlicher Platz zur Verfügung steht, haben die Eigenschaften der untergeordneten Anordnungen keine Bedeutung und sind deaktiviert. Um die untergeordnete Anordnung zu aktivieren, legen Sie die Breite des Containers in Pixeln fest oder strecken Sie ihn.

Wenn ein Container zusätzlichen Platz hat, können Sie eine der folgenden Möglichkeiten wählen, um die Platzverteilung zu beeinflussen:

  • Start- Der Inhalt wird an den Anfang des Containers verteilt.
  • Center- Der Inhalt wird in die Mitte des Containers verteilt.
  • Ende- Der Inhalt wird bis zum Ende des Containers verteilt.

Ränder legen den linken, rechten, oberen und unteren Abstand um einen Rahmen fest.

  1. Klicken Sie auf das Wertfeld für eine Spanne. In diesem Feld erscheint ein Drehschalter.
  2. Verwenden Sie die Drehsteuerung, um den Rand zu vergrößern oder zu verkleinern. 
  3. Um alle Randwerte auf einmal zu aktualisieren, klicken Sie auf das Alle festlegen Schaltfläche für Rand im Eigenschaftenfenster.

Die Eigenschaft „Sichtbar“ legt die Sichtbarkeit einer Komponente basierend auf dem Wert einer booleschen Variable (Wahr oder Falsch) oder eines Ausdrucks fest.

So legen Sie die Eigenschaft „Sichtbar“ basierend auf einer Variablen fest:

  1. Klicken Sie auf das Layout Immobiliengruppe in der Eigenschaften Bedienfeld.
  2. Unter Sichtbar auf Variable auswählen .
  3. Wählen Sie eine Variable aus, oder erstellen Sie optional eine neue Ja/Nein-Variable und weisen Sie diese neue Variable der Eigenschaft Sichtbar zu
  4. Zur Laufzeit ist die Komponente sichtbar, wenn der Wert der Variablen True ist. Umgekehrt wird sie ausgeblendet, wenn der Wert der Variablen Falselautet.

So legen Sie die Eigenschaft „Sichtbar“ basierend auf einem Ausdruck fest:

  1. Klicken Sie auf das Layout Immobiliengruppe in der Eigenschaften Bedienfeld.
  2. Wählen Sie unter Sichtbar Wahr/Falsch-Ausdruck .
  3. Geben Sie im Feld „Variable einfügen“ einen Ausdruck ein.

Zur Laufzeit ist die Komponente sichtbar, wenn der Ausdruck True ist. Die Komponente wird ausgeblendet, wenn der Ausdruck FALSCH .

Padding definiert den Abstand zwischen dem inneren Rand und dem Inhalt. Ein Rand legt den Abstand außerhalb eines Rahmens fest, während eine Auffüllung den Abstand innerhalb eines Rahmens vergrößert.

  1. Klicken Sie auf das Wertfeld für einen Randartikel. In diesem Feld erscheint ein Drehschalter.
  2. Verwenden Sie den Drehknopf, um die Randbreite zu erhöhen oder zu verringern. Wurde Alle einstellen ausgewählt, wird die Änderung auf alle Werte angewendet.
  3. Um optional alle Auffüllungswerte auf einmal zu aktualisieren, klicken Sie auf die Schaltfläche Alle einstellen für Auffüllung im Eigenschaftenbereich

Erscheinungsbild

Setzt die Hintergrundfarbe auf eine der folgenden Optionen:

Setzt die Hintergrund- oder Textfarbe auf einen der folgenden Werte:

  • Standard – Weist die Standardfarbe zu.
  • Farbe – Ermöglicht Ihnen die Auswahl aus einer Palette gängiger Farben oder die Auswahl Ihrer eigenen Farben durch Eingabe von RGB-Werten oder durch Verschieben des Farbwählers an eine neue Spektrumposition. Das Festlegen der Farbe für Text und Hintergrund ist eine Eigenschaft im Bedienfeld „Darstellung“. Dieses Eigenschaftenfenster ist nur für Komponenten verfügbar, die über die Farbfunktion verfügen.
  • Variable – weist eine in einer Zeichenfolgenvariablen gespeicherte Farbe zu.
    Variablenbeispiel : So weisen Sie Dunkelblau zu:
    1. Klicken Sie auf das Variablen Tab.
    2. Klicken Variable hinzufügen um eine Variable hinzuzufügen.
    3. Wählen Sie String als Typ des Wertes, den die neue Variable speichert
    4. Geben Sie einen beschreibenden Namen in das Feld Name Kasten.
    5. Satz Standardwert auf 0000FF oder #0000FF – das ist der Hexadezimalcode für Dunkelblau.
    6. Klicken Sie auf Übernehmen Sie.
    7. Weisen Sie die Variable dieser Farbeigenschaft zu.

    Ändern der Hintergrundfarbe einer Skriptseite

    Um die Hintergrundfarbe einer ganzen Seite festzulegen, weisen Sie dem vertikalen Stammcontainer eine Hintergrundfarbe zu.

    • Klicken Sie in der Breadcrumbs-Leiste auf das Symbol für den Stammcontainer.
    • Weisen Sie unter „Allgemein“ oder „Darstellung“ eine andere Hintergrundfarbe zu.

    So ändern Sie die Hintergrundfarbe einer Skriptseite

    Um die Hintergrundfarbe einer ganzen Seite festzulegen, weisen Sie dem vertikalen Stammcontainer eine Hintergrundfarbe zu.

    1. Klicken Sie in der Breadcrumb-Leiste auf Stammcontainer .

       

    2. Weisen Sie unter Common oder Appearanceeine andere Hintergrundfarbe zu

       

Border definiert den Abstand zwischen padding und margin. Ein Rand legt den Abstand außerhalb eines Rahmens fest, während eine Auffüllung den Raum zwischen dem Rahmen und der Komponente vergrößert.

  1. Klicken Sie auf das Wertfeld für einen Randartikel. In diesem Feld erscheint ein Drehschalter.
  2. Verwenden Sie den Drehknopf, um die Randbreite zu erhöhen oder zu verringern. Wurde Alle einstellen ausgewählt, wird die Änderung auf alle Polsterwerte angewendet.
  3. Um alle Rahmenwerte auf einmal zu aktualisieren, drücken Sie im Eigenschaftenfenster die Schaltfläche „Alle festlegen“ für „Rahmen“.