Виджет HtmlView позволяет отображать содержимое HTML и CSS внутри вашего приложения. Это полезно, если вам нужно специальное форматирование текста.

хтм 1

Добавление HtmlView в ваш проект

Чтобы добавить виджет HtmlView в свой проект:

  • Сначала перетащите виджет HtmlView с вкладки Base Elements (на панели виджетов) или добавьте его непосредственно из дерева виджетов.
  • Перейдите на панель свойств и прокрутите вниз до раздела HTML View.
  • Введите содержимое HTML и CSS в поле ввода HTML Content.
хтм 2

Отображение содержимого HTML из разных источников

Иногда вам может понадобиться отобразить содержимое HTML из других источников, таких как локальные переменные состояния и ответы API. Для упрощения рассмотрим, как можно отобразить содержимое HTML и CSS из локальной переменной, которая выглядит следующим образом:

хтм 3

Локальная переменная состояния с содержимым HTML и CSS выглядит следующим образом:

хтм 4

Чтобы показать содержимое HTML из переменной:

  • Выберите виджет HtmlView в дереве виджетов или в области холста.
  • Перейдите на панель свойств и прокрутите вниз до раздела Содержимое HTML.
  • Нажмите на кнопку Установить из переменной. Откроется новая панель.
  • Установите для параметра Источник значение Локальное состояние.
  • Установите для параметра Доступные параметры имя переменной локального состояния.
  • Нажмите кнопку Подтвердить.
хтм 5

Изменение свойств

Панель свойств может быть использована для настройки поведения вашего виджета.

Добавление накладок

Здесь приведены инструкции по добавлению подкладок.

Настроить выравнивание

Здесь приведены инструкции по настройке выравнивания.

Показать/скрыть WebView

Инструкции по отображению/скрытию виджета находятся здесь.