Блок "Анимация"
Блок доступен начиная с версии 0.10
Назначение блока
Блок предназначен для добавления движения и интерактивности в интерфейс пресета. Он позволяет настраивать различные эффекты, которые делают визуализацию данных более наглядной, а взаимодействие с пользователем — более интуитивным. Блок позволяет анимировать другие визуализаторы.
Для начала работы с блоком необходимо выбрать его из библиотеки и переместить в область графа.
Настройки блока
Работа с настройками блока осуществляется с помощью локального меню (пункт Настройки):
Общие настройки блоков описаны в отдельном разделе.
"Группа "Анимация"
| Наименование | Тип | Обязательное | Описание | Пример |
|---|---|---|---|---|
| Тип делений анимации | Выпадающий список | Да | Определяет вид точек анимации, а также список настроек блока. - По датам. Точки анимации могут быть заполнены блоком автоматически, если указаны необходимые параметры (Дата начала, Дата окончания, Динамика) - По значениям. Точки анимации могут быть любым строковым значением. Все точки должны быть указаны в параметре "Значения для анимации" |
Тип делений анимации "По датам"
| Наименование | Тип | Обязательное | Описание | Пример |
|---|---|---|---|---|
| Дата начала | Строка | Да | Дата начала отображения анимации. Задается датой в формате, указанном в маске. Формат дат должен быть одинаковым во всех настройках блока. | 01.01.2010 |
| Дата окончания | Строка | Да | Дата окончания отображения анимации. Задается датой в формате, указанном в маске. | 01.01.2010 |
| Динамика | Выпадающий список | Да | Динамика анимации. От этого параметра зависит количество точек в анимации. Например, если выбрана годовая динамика, расстояние между точками анимации будет равно одному году - Годовая - Месячная - Дневная - Часовая - Минутная - Секундная |
Минутная |
| Интервал | Целое число | Нет | Количество точек в указанной динамике, которые будут объединены в один шаг. Например, если выбрана годовая динамика и интервал равен 3, расстояние между точками анимации будет равно трем годам. | 3 |
| Маска | Строка | Нет | Формат даты | DD.MM.YYYY hh:mm |
| Даты анимации | Строка | Нет | Точные даты, по которым будет происходить анимация. Указываются в формате, указанном в маске, с разделителем в виде точки с запятой (;), без пробелов. | 01.01.2015;01.01.2016;01.01.2019 |
| Даты для отображения | Строка | Нет | Даты, которые будут отображаться в визуализаторе. Указываются в формате, указанном в маске, с разделителем в виде точки с запятой (;), без пробелов. | 01.01.2015;01.01.2016;01.01.2019 |
Тип делений анимации "По значениям"
| Наименование | Тип | Обязательное | Описание | Пример |
|---|---|---|---|---|
| Значения для анимации | Строка | Нет | Значения, по которым будет происходить анимация. Указываются с разделителем в виде точки с запятой (;), без пробелов | Луховицкий район;Талдомский район;Шатурский район;городской округ Дзержинский |
| Значения для отображения | Строка | Нет | Значения, которые должны отображаться для анимации. Указываются с разделителем в виде точки с запятой (;), без пробелов | Луховицкий район;Талдомский район;Шатурский район;городской округ Дзержинский |
Остальные настройки
| Наименование | Тип | Обязательное | Описание | Пример |
|---|---|---|---|---|
| Отображать промежуточные шаги анимации | Флаг | Нет | Отображает точки, по которым происходит анимация, но не отображаются подписи | |
| Задержка шага анимации (мс) | Целое число | Нет | Время паузы в секундах между последовательными этапами анимации, указывается в миллисекундах | |
| Рассчитывать и кэшировать результат | Флаг | Нет | Производит расчет всех шагов анимации. Может занеимать долгое время | |
| Автоматическая анимация при открытии | Флаг | Нет | При открытии пресета анимация включается автоматически | |
| Зацикливание анимации | Флаг | Нет | После завершения анимации на последней точке она автоматически начинается заново — с первой точки | |
| Скрыть точки анимации в визуализаторе | Флаг | Нет | В визуализаторе отображаются только кнопки. Точки и прогресс-бар не отображаются | |
| Управляющий блок | Флаг | Нет | При включении анимация сможет управлять другими блоками без связей на графе | |
| Наименование | Строка | Нет | Идентификатор, по которому происходит привязка анимации и управляемых блоков (в данном параметре анимации и в управляемых блоках должны быть одинаковые значения) |
Входы блока
В блоке нет входов
Выходы блока
В блоке нет выходов
События блока
| Название выхода | Тип | Описание |
|---|---|---|
| Событие шага анимации | Объект | Используется для динамического обновления визуализаторов при изменении отметки в блоке "Анимация" |
Описание работы блока
Визуализаторы приводятся в движение с помощью блока "Анимация" двумя способами:
Через механизм событий
Значение текущего шага анимации используется как параметр в других блоках, что обновляет визуализаторы. При переключении шага запускается расчет цепочки графа, и визуализаторы получают актуальные данные для нового шага.
С помощью параметра "Управляющий блок"
В этом случае в визуализаторе изначально есть все необходимые для анимации данные, так как они предоставляются управляемыми блоками (актуально только для блока "Диаграмма")
Описание работы визуализатора
- Для запуска анимации необходимо нажать кнопку Play;
- Чтобы поставить анимацию на паузу, необходимо нажать кнопку Pause;
- Для остановки анимации необходимо нажать кнопку Stop;
- При необходимости можно вручную переключиться на любой шаг анимации.
Настройки визуализатора
Общий список настроек доступен на странице Настройки визуализаторов.
Визуализатор позволяет задать дополнительные настройки:
| Наименование | Тип | Обязательное | Описание |
|---|---|---|---|
| Размер шрифта текста кнопок | Целое число | Нет | Размер шрифта кнопок |
| Цвет текста кнопок | Цвет | Нет | Цвет иконок play, stop, pause внутри кнопок |
| Цвет фона кнопок | Цвет | Нет | Цвет фона кнопок |
| Скругление углов кнопок | Целое число | Нет | Скругление кнопок в px |