Obiekty 9 Slice | hyperPad Documentation

Loading...

Logo

Obiekty 9 Slice (czasami nazywane 9 Patch) to obiekty z użytkownika zdefiniowanymi marginesami, które dzielą obraz na 9 sekcji i zmieniają sposób skalowania obiektu.

Obiekty 9 Slice są często używane przy tworzeniu interfejsów użytkownika lub innych elementów projektu, które muszą zachować pewne wyglądy podczas skalowania.

Typowo, kiedy zmieniasz rozmiar obiektu 9 Slice, dzieje się 3 rzeczy:

  • Rogi są przesuwane.
  • Boczne obszary są rozciągane.
  • Środkowa część jest tylko skalowana.

Jeśli zaczniesz od grafiki poniżej i spróbujesz ją skalować, łatwo zobaczysz różnice między obiektem 9 Slice a zwykłą grafiką.

Zwykła grafika (bez marginesów 9 Slice) skalowana poziomo do 230%. Zauważ, jak rogi obrazu są rozciągnięte i nie wyglądają na kwadratowe.

Przekształć oryginalną grafikę w obiekt 9 Slice z marginesami 20% (czerwone linie).

Jeśli skalujesz obiekt 9 Slice do tych samych 230% poziomo, możesz zobaczyć, że rogi obiektu zachowują swój kształt.

Tworzenie obiektów 9 Slice

Możesz zamienić dowolną grafikę w obiekt 9 Slice. Aby to zrobić, otwórz Bibliotekę zasobów, a następnie przejdź do grafiki, którą chcesz zamienić w obiekt 9 slice.

Kiedy znajdziesz swoją grafikę, dotknij i przytrzymaj ją, aż pojawi się Menu zasobów. Z menu zasobów wybierz "Przekształć w 9-Slice".

Przekształcenie w 9 Slice automatycznie stworzy wszystkie marginesy na poziomie 40% dla ciebie.

Modyfikowanie domyślnych marginesów

Jeśli chcesz zmienić domyślne marginesy, wybierz "Podgląd" z menu zasobów.

"Podgląd 9-Slice" wizualnie pokazuje linie marginesów na twojej grafice i ma pola do wprowadzania z pozycją marginesu (jako procent twojej grafiki).

Aby zmienić margines, możesz dotknąć i przesunąć białe kółka na każdej linii marginesu, lub wprowadzić liczby ręcznie. Zauważ, że podczas przeciągania linii marginesów, pola do ręcznego wprowadzania są automatycznie aktualizowane z nowym procentem pozycji.

Modyfikowanie specyficznych marginesów obiektów

Możesz również zmieniać marginesy dla każdego konkretnego obiektu 9 Slice, który dodasz do swojej sceny, bez wpływu na oryginalny obiekt 9 Slice.

Aby to zrobić, po prostu stuknij obiekt 9 Slice na swoim kanwie i z Właściwości obiektu przełącz się na zakładkę Właściwości ogólne (pierwsza dostępna zakładka).

W zakładce Właściwości ogólne możesz zobaczyć 4 marginesy i zmienić ich pozycje ręcznie.