9 Slice-Objekte (manchmal als 9 Patch bezeichnet) sind Objekte mit benutzerdefinierten Rändern, die ein Bild in 9 Abschnitte unterteilen und die Art und Weise ändern, wie das Objekt skaliert wird.

9 Slice-Objekte werden oft verwendet, wenn Benutzeroberflächen oder andere projektelemente erstellt werden, die beim Skalieren bestimmte Erscheinungsformen beibehalten müssen.

Typischerweise passieren beim Ändern der Größe eines 9 Slice-Objekts 3 Dinge:

Die Ecken werden verschoben.
Die Seitenbereiche werden gestreckt.
Der Teil in der Mitte wird nur skaliert.

Wenn Sie mit der Grafik unten beginnen und versuchen, sie zu skalieren, können Sie die Unterschiede zwischen einem 9 Slice-Objekt und einer normalen Grafik leicht erkennen.

Normale Grafik (keine 9 Slice-Ränder) horizontal auf 230 % skaliert. Beachten Sie, dass die Ecken des Bildes gestreckt sind und nicht quadratisch aussehen.

Konvertieren Sie die ursprüngliche Grafik in ein 9 Slice-Objekt mit 20 % Rändern (rote Linien).

Wenn Sie das 9 Slice-Objekt auf die gleiche Weise horizontal auf 230 % skalieren, können Sie sehen, dass die Objekt Ecken ihre Form beibehalten.

Erstellen von 9 Slice-Objekten

Sie können jede Grafik in ein 9 Slice-Objekt umwandeln. Um dies zu tun, öffnen Sie die Asset-Bibliothek, und navigieren Sie zu der Grafik, die Sie in ein 9 Slice-Objekt umwandeln möchten.

Wenn Sie Ihre Grafik gefunden haben, berühren Sie sie und halten Sie Ihren Finger darauf, bis das Asset-Menü erscheint. Wählen Sie im Asset-Menü "In 9-Slice umwandeln".

Die Umwandlung in einen 9 Slice erstellt automatisch alle Ränder bei 40 % für Sie.

Ändern der Standard-Ränder

Wenn Sie die Standard-Ränder ändern möchten, wählen Sie "Vorschau" aus dem Asset-Menü.

Die "9-Slice-Vorschau" zeigt visuell die Randlinien auf Ihrer Grafik an und enthält Eingabefelder mit der Randposition (als Prozentsatz Ihrer Grafik).

Um den Rand zu ändern, können Sie die weißen Kreise auf jeder Randlinie berühren und verschieben oder die Zahlen manuell eingeben. Beachten Sie, dass die manuellen Eingabefelder automatisch mit dem neuen Positionsprozentsatz aktualisiert werden, wenn Sie die Randlinien ziehen.

Ändern der Objekt spezifischen Ränder

Sie können auch die Ränder für jedes spezifische 9 Slice-Objekt ändern, das Sie in Ihre Szene hinzufügen, ohne das ursprüngliche 9 Slice-Objekt zu beeinflussen.

Um dies zu tun, tippen Sie einfach auf das 9 Slice-Objekt auf Ihrer Leinwand und wechseln Sie von der Objekteigenschaften zum Reiter Allgemeine Eigenschaften (der erste verfügbare Tab).

Im Tab Allgemeine Eigenschaften können Sie die 4 Ränder sehen und deren Positionen manuell ändern.