↘ Złap żółty uchwyt (róg / krawędzie) i zmieniaj rozmiar — narożniki zostają nienaruszone, boki się powtarzają (nie rozciągają), border ma stałą grubość.

Konstrukcja: 9 osobnych grafik — rogi stałe, boki powtarzane (X/Y), środek pod treść

treść

2. Dialogi — ta sama ramka, mniejsze okno

Okienka dialogowe używają dokładnie tego samego assetu 9-slice co kontent — wystarczy zmienić rozmiar. Trzeci dialog otwiera się jako modal z animacją.

3. Buttony — 3-slice (cap + repeat-x + cap)

Hover = „wciśnięty” (podmiana assetu + osiadanie). Środek przycisku się powtarza — narożniki i nity nigdy się nie deformują, niezależnie od długości tekstu.

4. Inputy — wcięte w pergamin, stany + ikony

5. Slidery i przełączniki (działające)

6. Powiadomienia