9 Slice-objecten (soms aangeduid als 9 Patch) zijn objecten met door de gebruiker gedefinieerde marges die een afbeelding in 9 secties verdelen en de manier waarop het object schaalt veranderen.

9 Slice-objecten worden vaak gebruikt bij het creëren van gebruikersinterfaces of andere projectelementen die bepaalde verschijningen moeten behouden bij het schalen.

Typisch gebeuren er 3 dingen wanneer je een 9 slice-object opnieuw formaat geeft:

De hoeken worden verplaatst.
De zijkanten worden uitgerekt.
Het deel in het midden wordt alleen geschaald.

Als je begint met de grafiek hieronder en probeert deze te schalen, kun je gemakkelijk de verschillen tussen een 9 Slice-object en een reguliere grafiek zien.

Reguliere grafiek (geen 9 Slice-marges) horizontaal geschaald tot 230%. Let op hoe de hoeken van de afbeelding worden uitgerekt en niet vierkant lijken.

Converteer de oorspronkelijke grafiek naar een 9 Slice-object, met 20% marges (rode lijnen).

Als je het 9 Slice-object tot dezelfde 230% horizontaal schaalt, kun je zien dat de hoeken van het object hun vorm behouden.

9 Slice-objecten maken

Je kunt elk grafisch element omzetten in een 9 Slice-object. Om dit te doen, open de Asset Bibliotheek en navigeer naar de grafiek die je wilt omzetten in een 9 slice-object.

Wanneer je je grafiek hebt gevonden, raak je deze aan en houd je je vinger erop totdat het Assetmenu verschijnt. Selecteer vanuit het Assetmenu "Convert to 9-Slice".

Omzetten naar 9 Slice creëert automatisch alle marges op 40% voor jou.

Standaardmarges aanpassen

Als je de standaardmarges wilt wijzigen, selecteer je "Preview" in het Assetmenu.

De "9-Slice Preview" toont visueel de margelijnen op je grafiek en heeft invoervelden met de marges (als percentage van je grafiek).

Om de marge te wijzigen, kun je de witte cirkels op elke margelijn aanraken en verplaatsen of de nummers handmatig invoeren. Let op: wanneer je de margelijnen sleept, worden de handmatige invoervelden automatisch bijgewerkt met het nieuwe percentage.

Objectspecifieke marges aanpassen

Je kunt ook de marges voor elk specifiek 9 Slice-object dat je aan je scène toevoegt aanpassen, zonder het oorspronkelijke 9 slice-object te beïnvloeden.

Om dit te doen, tik je eenvoudig op het 9 Slice-object op je canvas en ga je vanuit de Objecteigenschappen naar het tabblad Algemene eigenschappen (het eerste tabblad dat beschikbaar is).

In het tabblad Algemene eigenschappen kun je de 4 marges zien en hun posities handmatig wijzigen.