9 Slice-objekter | hyperPad Documentation

Loading...

Logo

9 Slice-objekter (noen ganger referert til som 9 Patch) er objekter med brukerdefinerte marginer som deler et bilde inn i 9 seksjoner og endrer måten objektet skaleres på.

9 Slice-objekter brukes ofte når man lager brukergrensesnitt, eller andre prosjektelementer som må beholde bestemte utseender ved skalering.

Typisk skjer det 3 ting når du endrer størrelsen på et 9 slice-objekt:

  • Hjørnene flyttes.
  • Sideterrengene strekkes.
  • Delen i midten bare skaleres.

Hvis du starter med grafikken nedenfor, og prøver å skalere den, kan du lett se forskjellene mellom et 9 Slice-objekt og en vanlig grafikk

Vanlig grafikk (ingen 9 Slice-margins) skalert horisontalt til 230%. Legg merke til hvordan hjørnene på bildet blir strukket og ikke ser kvadratiske ut.

Konverter den originale grafikken til et 9 Slice-objekt, med 20% marginer (røde linjer).

Hvis du skalerer 9 Slice-objektet til den samme 230% horisontalt, kan du se at hjørnene på objektet opprettholder formen sin.

Oppretting av 9 Slice-objekter

Du kan gjøre enhver grafikk til et 9 Slice-objekt. For å gjøre dette, åpne Asset Library og naviger deretter til grafikken du vil gjøre til et 9 slice-objekt.

Når du finner grafikken din, trykk og hold fingeren på den til Asset Menu menyen vises. Fra Asset Menu, velg "Konverter til 9-Slice".

Konvertering til 9 Slice vil automatisk opprette alle marginene til 40% for deg.

Modifisere standardmarginer

Hvis du vil endre standardmarginene, velg "Forhåndsvisning" fra Asset Menu.

"9-Slice Forhåndsvisning" viser visuelt marglinjene på grafikken din, og har inndataminne med margenposisjonen (som en prosentandel av grafikken din).

For å endre marginen kan du trykke og flytte de hvite sirklene på hver marglinje, eller skrive inn tallene manuelt. Legg merke til at når du drar marginlinjene, oppdateres inndataminnefeltene automatisk med den nye posisjonsprosenten.

Modifisering av objektspecifikke marginer

Du kan også endre marginene for hvert spesifik 9 Slice-objekt du legger til scenen din uten å påvirke det originale 9 slice-objektet.

For å gjøre dette, trykk bare på 9 Slice-objektet på lerretet ditt og fra Objektegenskaper bytt til fanen Generelle egenskaper (den første fanen som er tilgjengelig).

I fanen Generelle egenskaper kan du se de 4 marginene og endre posisjonene deres manuelt.