Виджет Icon используется для отображения небольшого изображения или символа.

Виджет «Значок» можно использовать для того, чтобы пользователи могли быстро понять смысл текста. Например, размещение значка местоположения ( ) перед такими числами, как 23.35, 79.57, помогает пользователям определить, что эти значения являются широтой и долготой.

ик 1

Добавить значок в проект

Чтобы добавить иконку в проект:

  • Просто перетащите виджет Icon с вкладки Base Elements (в панели виджетов) или добавьте его непосредственно из дерева виджетов.
  • Виджет Icon по умолчанию отображает значок настроек.
ик 2

Вот пример того, как можно использовать виджет Icon с пользовательскими элементами:

  • Сначала перетащите виджет Column с вкладки Layout Elements (в панели виджетов) или добавьте его непосредственно из дерева виджетов.
  • Перейдите в редактор свойств (в правой части экрана) и прокрутите вниз до раздела «Свойства колонки«.
  • Установите для параметра Выравнивание по поперечной оси значение Начало, а для свойства Отступы10.
  • Добавьте один виджет Image внутри колонки. Перейдите в Property Editor, прокрутите вниз до раздела Image и установите Width в inf (Click onicon) и Height в 200.
  • Добавьте виджет «Текст«. Измените его название на Title, а тематический стиль на Title 1.
  • Добавьте еще один текстовый виджет. Измените название на Description.
  • Теперь добавьте один виджет Row из вкладки Layout Elements.
  • Наконец, добавьте виджет Icon, перетащив его с вкладки Base Elements (на панели виджетов) или непосредственно из дерева виджетов.
  • Перейдите в редактор свойств (в правой части экрана) и прокрутите вниз до раздела «Иконка«.
  • Нажмите на кнопку Настройки, затем найдите и выберите значок с названием Время.
  • Добавьте еще один виджет Text и измените его название на Time.
ик 3

Настройка значка

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

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

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

Добавить подложку

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

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

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

Показать/скрыть значок

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