Bei der Größenänderung von Objekten lässt sich die gleichzeitige Größenänderung ihrer untergeordneten Objekte auf unterschiedliche Weise verhindern. Zusätzlich können Sie untergeordnete Objekte über verschiedene Methoden an ihren übergeordneten Objekten verankern. Hierdurch stellen Sie sicher, dass sich Ihre Designs schnell und einfach in unterschiedlichen Layouts präsentieren lassen. Gerade für UI-Designs ist dies ausgesprochen praktisch, das Sie z. B. die Größenänderung eines Dialogfeldes simulieren können, ohne die Position der einzelnen Feldelemente zu beeinflussen.
Die Skalierung wurde für alle Objekte deaktiviert – mit Ausnahme des Textes, des Trophäensymbols und der oberen Linien. Für die meisten Objekte wurde auch eine Verankerung festgelegt; die Ausnahmen sind in diesem Fall der Text und das Trophäensymbol.
Wenn Sie Beschränkungen festlegen, können Sie Ihr Design zügig und flexibel entwickeln und vor allem jederzeit ändern, ohne sich über eine unerwünschte Skalierung von Objekten sorgen zu müssen. Indem Sie gezielt festlegen, welche Objekte skaliert bzw. verankert werden, stellen Sie sicher, dass Ihr Design sich immer auf die "richtige" Weise verändert, wenn Sie seine Größe anpassen.
Beschränkungen funktionieren nur für übergeordnete Objekte und ihre untergeordneten Objekte – d. h., Objekte (Container) mit verschachtelten Inhalten. Die Skalierung und Verankerung eines untergeordneten Objekts bezieht sich immer auf seinen Container. In dem Entwurf für ein UI-Design wären zum Beispiel folgende Beziehungen aus über- und untergeordneten Objekten denkbar: ArtBoard – Panel; Panel – Button usw.
Beschränkungen lassen sich nur über das Panel Beschränkungen festlegen. Die Steuerelemente des Panels:
Horizontale und vertikale Skalierung in Relation zu der Größe des übergeordneten Objekts.
Verankern eines Objekts mit seiner oberen, linken, rechten oder unteren Kante in Relation zu der entsprechenden Kante seines übergeordneten Objekts.
Standardmäßig werden verschachtelte Inhalte skaliert, wenn Sie die Größe ihres Containers ändern. Untergeordnete Objekte werden standardmäßig NICHT verankert.
Sperren von Seitenverhältnissen
Damit ein untergeordnetes Objekt nicht sein Seitenverhältnis verliert, wenn sie sein übergeordnetes Objekt disproportional ändern, können Sie es auf Min. einpassen oder Max. einpassen einstellen.
Min. einpassen: Wird das übergeordnete Objekt disproportional skaliert, kann sich die Skalierung des untergeordneten Objekts so ändern, dass es immer in sein übergeordnetes Objekt passt (falls nicht verankert). Verwenden Sie diese Option für Text, damit dieser immer vollständig angezeigt wird.
Max. einpassen: Wird das übergeordnete Objekt disproportional skaliert, kann sich die Skalierung des untergeordneten Objekts ändern. Das untergeordnete Objekt kann jedoch auch größer ausfallen als sein skaliertes übergeordnetes Objekt, sodass eventuell einige Inhalte verdeckt werden. Ein Beispiel: Bei dem Entwurf für ein Webbanner wird ein untergeordnetes Objekt (z. B. ein Bild) immer den gesamten Containerbereich abdecken (sodass keine weißen Ränder entstehen) – eventuell werden jedoch Randbereiche "abgeschnitten".
In beiden Fällen wird das untergeordnete Objekt proportional skaliert, wenn Sie das übergeordnete Objekt proportional skalieren.
Verhindern der Skalierung von untergeordneten Objekten:
Wählen Sie ein untergeordnetes Objekt aus.
Klicken Sie im Panel Beschränkungen auf den gefüllten horizontalen oder vertikalen Doppelpfeil (oder auf beide Pfeile) im inneren Quadrat des Panels. Ein grauer gestrichelter Pfeil zeigt an, dass keine Skalierung stattfindet, wenn sie die Größe des übergeordneten Objekts ändern.
Verankern von untergeordneten Objekten an den Begrenzungen ihrer übergeordneten Objekte:
Wählen Sie ein untergeordnetes Objekt aus.
Klicken Sie im Panel Beschränkungen auf eine graue gestrichelte Linie zwischen dem inneren und äußeren Quadrat, um das Objekt in der entsprechenden Richtung (oben, unten, links, rechts) an seinem übergeordneten Objekt zu verankern. Eine Volllinie steht für eine aktive Verankerung.
Übernehmen des Seitenverhältnisses für ein untergeordnetes Objekt:
Wählen Sie ein untergeordnetes Objekt aus.
Klicken Sie im Panel Beschränkungen auf Min. einpassen oder Max. einpassen.
Min. einpassen: Wird das übergeordnete Objekt disproportional skaliert, kann sich die Skalierung des untergeordneten Objekts so ändern, dass es immer in sein übergeordnetes Objekt passt (falls nicht verankert). Verwenden Sie diese Option für Text, damit dieser immer vollständig angezeigt wird.
Max. einpassen: Wird das übergeordnete Objekt disproportional skaliert, kann sich die Skalierung des untergeordneten Objekts ändern. Das untergeordnete Objekt kann jedoch auch größer ausfallen als sein skaliertes übergeordnetes Objekt, sodass eventuell einige Inhalte verdeckt werden. Ein Beispiel: Bei dem Entwurf für ein Webbanner wird ein untergeordnetes Objekt (z. B. ein Bild) immer den gesamten Containerbereich abdecken (sodass keine weißen Ränder entstehen) – eventuell werden jedoch Randbereiche "abgeschnitten".