9 Slice Objekter | hyperPad Documentation

Loading...

Logo

9 Slice objekter (nogle gange omtalt som 9 Patch) er objekter med brugerdefinerede margener, der opdeler et billede i 9 sektioner og ændrer måden, objektet skaleres på.

9 Slice objekter bruges ofte, når der oprettes brugergrænseflader eller andre projektelemmmer, der skal bevare visse udseender, når de skaleres.

Typisk sker der 3 ting, når du ændrer størrelsen på et 9 Slice objekt:

  • Hjørnerne flyttes.
  • Sidelinjerne strækkes.
  • Det midterste område skaleres kun.

Hvis du starter med grafikken nedenfor og prøver at skalere den, kan du tydeligt se forskellene mellem et 9 Slice objekt og en almindelig grafik.

Regulær grafik (ingen 9 Slice margener) skaleret horisontalt til 230%. Læg mærke til, hvordan hjørnerne af billedet er strakt, og ikke ser firkantede ud.

Konverter den oprindelige grafik til et 9 Slice objekt, med 20% margener (røde linjer).

Hvis du skalerer 9 Slice objektet til de samme 230% horisontalt, kan du se, at objektets hjørner bevarer deres form.

Oprettelse af 9 Slice Objekter

Du kan omdanne enhver grafik til et 9 Slice objekt. For at gøre dette, skal du åbne Asset Library og derefter navigere til den grafik, du ønsker at omdanne til et 9 Slice objekt.

Når du finder din grafik, skal du trykke og holde fingeren på den, indtil Asset Menu menuen vises. Fra Asset Menu skal du vælge "Konverter til 9-Slice".

Konvertering til 9 Slice opretter automatisk alle margenerne til 40% for dig.

Ændring af Standardmargener

Hvis du vil ændre standardmarginerne, skal du vælge "Forhåndsvisning" fra Asset Menu.

"9-Slice Forhåndsvisning" viser visuelt margenlinjerne på din grafik, og har inputfelter med margenpositionen (som en procentdel af din grafik).

For at ændre margenen kan du trykke og bevæge de hvide cirkler på hver margenlinje eller indtaste numrene manuelt. Læg mærke til, når du trækker margenlinjerne, at de manuelle inputfelter automatisk opdateres med den nye position procentdel.

Ændring af Specifikke Margener for Objekter

Du kan også ændre marginerne for hver specifik 9 Slice objekt, du tilføjer til din scene uden at påvirke det oprindelige 9 Slice objekt.

For at gøre dette skal du blot trykke på 9 Slice objektet på dit lærred og fra Objekt Egenskaber skifte til fanen Generelle Egenskaber (den første fane tilgængelig).

I fanen Generelle Egenskaber kan du se de 4 margener og ændre deres positioner manuelt.