До вмісту
HotLayout Документація

Медіабібліотека

Тут ви додаєте в проєкт зображення й ставите їх на екрани.

Звідки береться зображення#

Виділіть віджет Зображення — або рядок списку, на початку якого стоїть зображення. Поле Зображення має чотири джерела:

Джерело Що це
Бібліотека Зображення, завантажене в проєкт.
Асет Картинка, вшита у ваш застосунок. Перелік імен дає застосунок; малюється вона й без мережі.
Посилання Адреса, що починається з https://.
З даних Адреса, яка приходить у даних, — див. Дані.

Завантажте зображення#

  1. Оберіть Бібліотека.
  2. Натисніть Завантажити зображення і оберіть файл.
  3. Клацніть зображення в сітці, щоб поставити його.

Бібліотека проєкту у властивостях зображення: три завантажені картинки й кнопка завантаження

Бібліотека належить проєкту: кожен документ проєкту бачить ті самі зображення, і поповнювати її може кожен редактор проєкту.

Формати й розміри#

  • PNG, JPEG або WebP до 2 МБ.
  • SVG до 512 КБ.

Перевірка читає сам файл, тож перейменувати файл на інше розширення не допоможе. Якщо зображення завелике, зменште чи стисніть його перед завантаженням.

SVG#

Перш ніж SVG потрапить у бібліотеку, його перевіряє сервер: з файла прибирають скрипти й зовнішній вміст. Це займає мить — зображення з'явиться в бібліотеці само; якщо ні, відкрийте бібліотеку ще раз.

SVG буде відхилено, якщо він надто складний, щоб його малював телефон, якщо він лише обгортає растрову картинку (тоді завантажте саму картинку) або якщо в нього немає ані viewBox, ані розміру. Повідомлення називає причину. Якщо ваш SVG відхилено, експортуйте його ще раз простим SVG або як PNG.

Як зображення показано#

  • Пропорції — квадрат, широке, класичне або власна пара ширини й висоти. Висота, задана в розділі Стиль, сильніша за пропорцію.
  • Як вписати — заповнити рамку, обрізавши зайве, або вмістити картинку цілком.
  • Коло — обрізати картинку колом заданого діаметра.
  • Опис для доступності — короткий опис для людей, які користуються читачем екрана. Перекладається, як і будь-який текст.

Коли завантаження недоступне#

  • Увійдіть, щоб завантажувати зображення в проєкт. або відмова сховища — ваша роль не може додавати зображення, або сеанс закінчився. Увійдіть знову чи зверніться до адміністратора.
  • Нові файли не додаються, доки публікацію для цієї організації вимкнено. — пробний період скінчився або ліцензія минула. Зображення, що вже в бібліотеці, працюють далі. Див. Пробний період і ліцензія.

Далі#

HotLayoutЕкрани для server-driven UI.