Image

Click to copy

Элемент для отображения изображений


Настройки внешнего вида и настроек:

Image alt (не обязательно) - описание изображения.

Width(обязательно) - ширина изображения.

Height(обязательно) - высота изображения.

Visible(обязательно) - делает компонент видимым, если включен. По умолчанию включено.

Name(обязательно) - имя компонента.


Триггеры рабочего процесса:

  • onCreate- срабатывает, когда элемент создается на странице;
  • onShow- срабатывает, когда компонент меняет свое состояние на видимое (отображается на странице);
  • onHide- срабатывает, когда компонент меняет свое состояние на скрытое (перестает отображаться);
  • onDestroy- срабатывает при уничтожении компонента;
  • onClick- срабатывает при нажатии на компонент.

Действия компонента:

Image Get Properties

Получает свойства изображения.

Входные параметры:

  • Component Id [string] - идентификатор компонента image.

Выходные параметры:

  • Width[string] - ширина изображения;
  • Height[string] - высота изображения;
  • Image URL[string] - адрес изображения;
  • Tooltip[string] - строка всплывающей подсказки;
  • Visible[boolean] - состояние видимости;
  • Loading[boolean] - состояние загрузки.

Image Set Properties

Устанавливает свойства изображения.

Входные параметры:

  • Component Id[string] - идентификатор компонента изображения;
  • Width[string] - ширина изображения;
  • Height[string] - высота изображения;
  • Image URL [string] - адрес изображения;
  • Tooltip[string] - строка всплывающей подсказки;
  • Visible[boolean] - состояние видимости;
  • Loading[boolean] - состояние загрузки.

Image Update Properties

Обновить свойства изображения.

Входные параметры:

  • Component Id[string] - идентификатор компонента изображения;
  • Width[string] - ширина изображения;
  • Height[string] - высота изображения;
  • Image URL[string] - адрес изображения
  • Tooltip[string] - строка всплывающей подсказки;
  • Visible[boolean] - состояние видимости;
  • Loading[boolean] - состояние загрузки.


Пример использования:

Элемент отлично подходит для украшения страницы, например, для логотипа.

Image | AppMaster Docs