6.3.3.2Переход на рабочий стол

КАК НАСТРОИТЬ ПАРАМЕТРЫ ПЕРЕХОДА?

Для настройки параметров перехода на рабочий стол предназначена нижняя половина страницы настроек:

Необходимо нажать на кнопку и в появившемся диалоговом окне выбрать рабочий стол.

174 DataRate

6.3.3.3Анимация примитивов

Использование анимации и переходов для реакциии на открытие и закрытие мнемосхемы

Пример:

В данном примере показано, как анимировать примитивы в зависимости от того, открыта мнемосхема или закрыта.

Демонстрационный пример будет содержать рабочий стол с двумя областями: область кнопок и область мнемосхемы.

При нажатии в первой области на кнопку Кнопка1 или Кнопка2 во второй области рабочего стола будет отображаться соответственно Мнемосхема 1 или Мнемосхема 2. Если мнемосхема открыта то соответствующая кнопка будет отображаться нажатой, а другая кнопка отжатой.

Для демонстрации необходимо:

∙Создать проект, элемент проекта и объект

∙В объекте создать три вида (мнемосхемы):

1 - Кнопки – вид, в котором будут находиться кнопки для демонстрации

2 - Мнемосхема1

3 - Мнемосхема2

Динамическая визуализация данных 175

Создание вида "Кнопки"

Откроем вид и добавим две кнопки как Объемный прямоугольник.

Добавим надпись на каждую кнопку. Для этого выделим примитив Надпись на панели

176 DataRate

инструментов и поместим на верхнюю кнопку надпись Кнопка 1, а на нижнюю - соответственно Кнопка 2.

Поскольку это демонстрационный пример, то группировка надписи и объемного прямоугольника производиться не будет.

Создание видов "Мнемосхема1" и "Мнемосхема2"

На виды Мнемосхема1 и Мнемосхема2 поместим надписи Мнемосхема 1 и Мнемосхема 2.

Динамическая визуализация данных 177

Настройка рабочего стола

Для отображения мнемосхем следует создать рабочий стол с двумя областями. В левой области установить ссылку на вид Кнопки.

Настройка переходов

Сначала для каждой кнопки необходимо создать аргумент, по которому будет происходить отрисовка. Аргументом в данном случае будет соответствующий вид.

Для создания аргумента (на примере кнопки1) воспользуемся технологией Drag&Drop:

∙Выделите примитив Кнопка1.

∙Во вкладке Виды нажмите левую кнопку мыши и не отпуская её перетащите на вкладку Аргументы выделенной кнопки.

∙Отпустите левую кнопку мыши.

Врезультате выделенному примитиву добавиться аргумент с привязкой на вид

Мнемосхема1.

178 DataRate

Аналогичные действия выполним и для примитива Кнопка2.

Следующим этапом будет настройка Анимации, Реакции и Перехода. Нам необходимо научить нашу кнопку трем вещам:

∙Отображаться нажатой и отжатой

∙Реагировать на нажатие левой кнопки мыши

∙Открывать вид, т.е. делать переход на соответствующий вид.

Отображение кнопки нажатой или отжатой

Для того чтобы кнопка отображалась нажатой или отжатой, можно воспользоваться анимацией - Инверсия границ.

Для этого (на примере кнопки 1):

∙Выделите примитив Кнопка 1, выберите вкладку Анимация и щелкните на кнопке

Инверсия границ

∙В появившемся списке свойств выберите Простое преобразование и в качестве

источника входного значения – Мнемосхема1 (это аргумент примитива, который мы добавили ранее)

∙И настройте входные и выходные значения. Напротив Выходного значения Да

введите true, а напротив Нет – false. Значение аргумента Мнемосхема1, будет равно true когда вид Мнемосхема1 будет открыт, false когда вид будет закрыт.

Динамическая визуализация данных 179

Реакция на нажатие левой кнопки мыши

Чтобы графический примитив реагировал на нажатие левой кнопки мыши, добавим реакцию примитиву.

Для этого необходимо (на примере кнопки1):

∙Выделить Кнопку 1 и выбрать вкладку Реакции

∙Нажать на кнопку Добавить реакцию

∙Нажать на кнопку и в появившемся окне Редактор реакции выбрать из списка реакцию Нажатие левой кнопки

180 DataRate

Название реакции появиться в свойствах примитива.

Итак, реакция добавлена. Теперь необходимо настроить переход.

Настройка перехода

Для настройки перехода необходимо:

∙Нажать на кнопку

∙В раскрывшейся странице свойств настроить переход (на примере кнопки 1): Для кнопки Кнопка 1 указать вид Мнемосхема1, Открыть в другой области и

выбрать правую область рабочего стола в качестве области для перехода.

Аналогично настроим Анимацию, Реакцию и Переход для второй кнопки (в настройках перехода необходимо выбрать Мнемосхема2).

Пример работы

Для демонстрации необходимо закрыть все открытые виды. Затем запустить проект на имитацию кнопкой на панели инструментов и открыть рабочий стол.

Динамическая визуализация данных 181

Щелкнем по кнопке Кнопка 1. В правой области открылась Мнемосхема1. Кнопка 1 отображается нажатой.

182 DataRate

Теперь щелкнем по кнопке Кнопке 2. Кнопка 1отображается теперь отжатой, а Кнопка 2 –

нажатой. В правой части отображается текст - Мнемосхема 2.

Динамическая визуализация данных 183