Abonnieren

UiPath Apps

Die Anleitung für UiPath Apps

Layout und Stil

App Studio bietet für das Layout der Apps umfangreiche Möglichkeiten der Anpassung, wobei verschiedene Container-Steuerelemente und Formgebungsmöglichkeiten für jedes Steuerelement verwendet werden

Anordnung Ihrer Steuerelemente

Customized page layout can be easily created using Container Layout control.
Steuerelemente können innerhalb einer Seite oder eines Containers unter Verwendung der Optionen Ausrichtung und Layout angeordnet werden.

Seiten- und Containersteuerelemente können die Position der darin enthaltenen Steuerelemente bestimmen, indem die Attribute „Richtung“ (Vertikal/Horizontal) und „Ausrichtung“ im Abschnitt „Layout“ verwendet werden. Standardmäßig reihen sich Steuerelemente in einer Zeile auf. Wenn die Eigenschaft „Umbrechen zulassen‟ ausgewählt ist, reihen sich die Steuerelemente bei Bedarf in mehreren Zeilen auf.

18521852

:white-check-mark: When enabled, the Allow wrapping property gets applied if the controls inside the container cannot fit in a line.

Steuerelemente in Containern können die übergeordnete Ausrichtung überschreiben, indem sie ihre eigene Ausrichtungsoption verwenden. Um die übergeordnete Ausrichtung standardmäßig zu verwenden, müssen Sie die ausgewählten Ausrichtungssymbole umschalten, damit die betreffende Ausrichtung deaktiviert wird.

18501850

:white-check-mark: If you want a group of controls to have a specific positioning, place them inside a container and configure the container's layout and alignment.

Ändern der Größe Ihrer Steuerelemente

Die Größe der Steuerelemente wird standardmäßig automatisch angepasst. Mit „Auto‟ kann das Steuerelement die Größe des enthaltenen Inhalts übernehmen. Wenn beispielsweise die Breite und Höhe eines Schaltflächen-Steuerelements auf „Auto‟ festgelegt sind, wird die Größe der Schaltfläche basierend auf dem Text in der Schaltfläche vergrößert/verkleinert.

Specific height and width can also be set. Min Width/Height and Max Width/Height are available under more (...) in the size section.

Die Maßeinheiten sind %, px (Pixel) und em (relativ zur Schriftgröße des Elements. 3em bedeutet z. B. das 3-Fache der Größe der aktuellen Schriftart).

246246

:white-check-mark: Choosing units of measurement
Maßeinheiten können ausgewählt werden, indem sie entweder aus der Dropdownliste der Einheiten ausgewählt werden, oder indem die Einheiten direkt über die Tastatur eingegeben werden und die Eingabetaste gedrückt wird. Beispielsweise kann eine Breite von 50 % ganz einfach festgelegt werden, indem man 50 % eingibt.

Wenn keine Maßeinheiten angegeben sind, wird das System standardmäßig Pixel (px) festlegen.

Schriftart anpassen

Sie können ändern, wie ein Text in Ihrer App angezeigt wird, indem Sie die Attribute Schriftfamilie, Schriftgröße, Schriftfarbe und Schriftart (Fett, Kursiv, Unterstrichen) anpassen.
You can switch between RGB, HEX, and HSL color by clicking on the arrows next to the color value.

241241

Arbeiten mit Rahmen

Der Abschnitt „Rahmen‟ verfügt über drei Eigenschaften:

  • Rahmenstärke
  • Rahmenfarbe
  • Eckenradius.

Pixel sind die Maßeinheit für diese Attribute.

231231

:white-check-mark: Circular Buttons using Corner Radius
Kreisförmige Schaltflächen können durch Ändern der Eigenschaft „Eckenradius“ erstellt werden.

Einrichten von Abständen bei Steuerelementen

Die Abstände bei Steuerelementen und Containern können mithilfe der Optionen Seitenränder und Abstände erstellt werden.

Mit der Option „Seitenränder“ wird der Abstand um die Steuerelemente eingerichtet.

246246

Mit der Option „Abstände“ wird ein Freiraum zwischen dem Steuerelement und dem darin enthaltenen Inhalt eingerichtet.

246246

Für Containersteuerelemente sind beide Optionen (Seitenränder und Abstände) verfügbar, während die meisten anderen Steuerelemente nur die Option „Seitenränder“ zur Verfügung haben.

Sowohl im Abschnitt „Seitenrand‟ als auch im Abschnitt „Abstand‟ gibt es die Möglichkeit, die Verknüpfung mit den Werten „Oben/Unten“ und „Links/Rechts“ aufzuheben und sie unabhängig einzurichten.

Ändern der Hintergrundfarbe

Sie können die Hintergrundfarbe Ihrer Steuerelemente mithilfe eines der drei Farbmodelle ändern:

  • RGB
  • HEX
  • HSL
    Klicken Sie dazu auf die Pfeile neben den Farbwerten.
261261

Aktualisiert vor 2 Monaten

Layout und Stil


Auf API-Referenzseiten sind Änderungsvorschläge beschränkt

Sie können nur Änderungen an dem Textkörperinhalt von Markdown, aber nicht an der API-Spezifikation vorschlagen.