9 Slice Об'єкти | hyperPad Documentation

Loading...

Logo

Об'єкти 9 Slice (іноді їх називають 9 Patch) - це об'єкти з визначеними користувачем полями, які ділять зображення на 9 секцій і змінюють спосіб масштабування об'єкта.

Об'єкти 9 Slice часто використовуються при створенні користувацьких інтерфейсів або інших елементів проекту, які повинні зберігати певний вигляд під час масштабування.

Зазвичай відбувається 3 речі, коли ви змінюєте розмір об'єкта 9 Slice:

  • Кути переміщуються.
  • Бічні області розтягуються.
  • Частина в центрі лише масштабується.

Якщо ви почнете з графіки нижче і спробуєте її масштабувати, ви легко зможете побачити різниці між об'єктом 9 Slice і звичайною графікою.

Звичайна графіка (без полів 9 Slice) масштабована по горизонталі до 230%. Зверніть увагу, як кути зображення розтягуються і не виглядають квадратними.

Перетворіть оригінальну графіку в об'єкт 9 Slice з полями 20% (червоні лінії).

Якщо ви масштабуєте об'єкт 9 Slice до тих самих 230% по горизонталі, ви можете побачити, що кути об'єкта зберігають свою форму.

Створення об'єктів 9 Slice

Ви можете перетворити будь-яку графіку в об'єкт 9 Slice. Для цього відкрийте Бібліотеку ресурсів, а потім перейдіть до графіки, яку ви хочете перетворити на об'єкт 9 Slice.

Коли ви знайдете свою графіку, торкніться і утримуйте її, поки не з'явиться меню Меню ресурсів. У меню ресурсів виберіть "Перетворити в 9-Slice".

Перетворення в 9 Slice автоматично створить всі поля на 40% для вас.

Модифікація стандартних полів

Якщо ви хочете змінити стандартні поля, виберіть "Перегляд" в меню ресурсів.

"Перегляд 9-Slice" візуально показує лінії полів на вашій графіці і має поля введення з позицією полів (як відсоток вашої графіки).

Щоб змінити поле, ви можете торкнутися і перемістити білі кола на кожній лінії поля або ввести цифри вручну. Зверніть увагу, що при перетягуванні ліній полів поля введення автоматично оновлюються з новим відсотком позиції.

Модифікація специфічних полів об'єкта

Ви також можете змінити поля для кожного конкретного об'єкта 9 Slice, який ви додаєте на свою сцену, без впливу на оригінальний об'єкт 9 Slice.

Для цього просто торкніться об'єкта 9 Slice на вашій панелі, а в Властивостях об'єкта перемкніть на вкладку Загальні властивості (перша доступна вкладка).

На вкладці Загальні властивості ви можете бачити 4 поля та змінювати їх позиції вручну.