9 Slice objekty | hyperPad Documentation

Loading...

Logo

9 Slice objekty (niekedy nazývané 9 Patch) sú objekty s používateľom definovanými okrajmi, ktoré rozdeľujú obrázok na 9 sekcií a menia spôsob, akým sa objekt škáluje.

9 Slice objekty sa často používajú pri vytváraní používateľských rozhraní alebo iných prvkov projektu, ktoré musia pri škálovaní zachovať určitý vzhľad.

Pri zmene veľkosti 9 slice objektu zvyčajne nastáva 3 veci:

  • Rohy sa premiestňujú.
  • Bočné oblasti sa natiahnu.
  • Prostredná časť sa iba škáluje.

Ak začnete s grafickým prvkom nižšie a pokúsite sa ho škálovať, môžete ľahko vidieť rozdiely medzi 9 Slice objektom a bežnou grafikou.

Bežná grafika (bez 9 Slice okrajov) škálovaná horizontálne na 230%. Všimnite si, ako sú rohy obrázka natiahnuté a nevyzerajú štvorcovo.

Preveďte originálny grafický prvok na 9 Slice objekt s 20% okrajmi (červené čiary).

Ak škálujete 9 Slice objekt na rovnakých 230% horizontálne, môžete vidieť, že rohy objektu si zachovávajú svoj tvar.

Vytváranie 9 Slice objektov

Môžete akúkoľvek grafiku premeniť na 9 Slice objekt. Ak to chcete urobiť, otvoríte Knižnicu assetov a potom prejdite na grafiku, ktorú chcete previesť na 9 slice objekt.

Keď nájdete svoju grafiku, dotknite sa jej a držte prst na nom, kým sa neobjaví Menu assetov. Z menu assetov vyberte "Previesť na 9-Slice".

Prevádzanie na 9 Slice automaticky vytvorí všetky margine na 40% za vás.

Úprava predvolených marginov

Ak chcete zmeniť predvolené margíny, vyberte "Náhľad" z menu assetov.

"Náhľad 9-Slice" vizuálne zobrazuje čiarové okraje na vašej grafike a má vstupné polia s pozíciou okrajov (ako percento vašej grafiky).

Na zmenu okraja môžete dotknúť a posunúť biele kruhy na každej čiarovej okraje alebo zadať čísla ručne. Všimnite si, že pri ťahaní čiarových okrajov sa manuálne vstupné polia automaticky aktualizujú s novým percentuálnym pozíciou.

Úprava špecifických marginov objektu

Môžete tiež zmeniť margíny pre každý konkrétny 9 Slice objekt, ktorý pridáte do svojej scény, bez ovplyvnenia pôvodného 9 slice objektu.

Aby ste tak mohli urobiť, jednoducho sa dotknite 9 Slice objektu na vašej plátne a v Vlastnostiach objektu prepnite na kartu Všeobecné vlastnosti (prvá karta, ktorá je k dispozícii).

Na karte Všeobecné vlastnosti vidíte 4 margíny a môžete manuálne zmeniť ich pozície.