Оглавление (стр. 6 )

См. соответствующий подраздел раздела «Описание общих элементов информационных объектов» данного руководства.

Пример 1 Пример использования эффектов для элемента «Кнопка».

<button id="01" visible="true">

<param.../>

<effects>

<effect id="effect_1" event="onShow">

move:15,-700,100,100,100

</effect>

</effects>

</button>

6.3.4  Элемент <hint>

Необязательный элемент

См. соответствующий подраздел раздела «Описание общих элементов информационных объектов» данного руководства.

Пример:

<button id="btnNext" visible="true">

<param.../>

<hint type="text">Следующее задание</hint>

</button>

6.3.5  Элемент <activemark>

Определяет параметры дополнительного выделения кнопки при наведении на неё мыши.

Общая структура

<activemark

type="border"

src="/DATA/components/images/border. png"

bordercolor="#FF0000"

bordersize="1"

bgcolor="#FF0000"

x="0"

y="0"

width="0"

height="0"

depth="0"

/>

Атрибуты

type	Обязательный атрибут. Тип подсветки. Значение по умолчанию: border (прямоугольная рамка). Возможные значения: border – выводится прямоугольная рамка, с размерами и положением, указанными в атрибутах x, y, width, height image – выводится изображение - подсветка
x	Необязательный атрибут. Координата по горизонтальной оси в пикселях относительно родительского контейнера. Значение по умолчанию: 0.
y	Необязательный атрибут. Координата по горизонтальной оси в пикселях относительно родительского контейнера. Значение по умолчанию: 0.
width	Необязательный атрибут. Ширина прямоугольной рамки (в случае если type="border") на экране. Значение по умолчанию: 0.
height	Необязательный атрибут. Высота прямоугольной рамки (в случае если type="border") на экране. Значение по умолчанию: 0.
depth	Необязательный атрибут. Глубина. Значение по умолчанию: 0.
src	Путь к файлу изображения (в случае если type="image"), выступающего в роли подсветки
borderColor	Цвет рамки (в случае если type="border") Значение по умолчанию: #FFFFFF (черный). Возможные значения: #000000-#FFFFFF или # - #FFFFFFFF Примечание: Значение цвета может задаваться в одном из двух видов: #RRGGBB – в шестнадцатеричной системе в формате RGB, прозрачность при этом не учитывается #AARRGGBB – в шестнадцатеричном формате ARGB, при этом существует возможность указать полупрозрачный цвет фона
borderSize	Толщина рамки (в случае если type="border") Значение по умолчанию: 1
bgColor	Цвет фона (в случае если type="border") Значение по умолчанию: #FFFFFF (черный). Возможные значения: #000000-#FFFFFF или # - #FFFFFFFF Примечание: Значение цвета может задаваться в одном из двух видов: #RRGGBB – в шестнадцатеричной системе в формате RGB, прозрачность при этом не учитывается #AARRGGBB – в шестнадцатеричном формате ARGB, при этом существует возможность указать полупрозрачный цвет фона

Пример

Рамка вокруг текстовой кнопки при наведении

<button id="t02" visible="true">

<param type="TEXT" textValue="Флеш" x="40" y="320" width="225" styleNormal="Tahoma_16" styleActive="Tahoma_16_Bold" stylePressed="Tahoma_15_Bold"/>

<activemark type="border" x="-10" y="-5" width="250" height="40" bordersize="2" bordercolor="#FF0000" bgcolor="#00FF00"/>

</button>

6.3.6  Элемент <visitedmark>

Определяет параметры дополнительного выделения кнопки при наведении на неё мыши.

Общая структура

<visitedmark

src="/DATA/components/images/border. png"

x="0"

y="0"

width="0"

height="0"

depth="0"

/>

Атрибуты

src	Путь к файлу изображения, выступающего в роли отметки о посещении кнопки
x	Необязательный атрибут. Координата отметки по горизонтальной оси в пикселях относительно родительского контейнера. Значение по умолчанию: 0.
y	Необязательный атрибут. Координата отметки по горизонтальной оси в пикселях относительно родительского контейнера. Значение по умолчанию: 0.
width	Необязательный атрибут. Ширина отметки на экране. Значение по умолчанию: 0.
height	Необязательный атрибут. Высота отметки на экране. Значение по умолчанию: 0.
depth	Необязательный атрибут. Глубина отметки на экране. Значение по умолчанию: 0.

Пример

Рамка вокруг текстовой кнопки при наведении

<button id="button_01" visible="true">

<param .../>

<visitedmark src="/DATA/skin/Buttons/galka. png" x="-25" y="0"/>

</button>

6.3.7  События, порождаемые объектом «Кнопка»

Событие	Описание	Параметры
onShow	возникает в момент появления изображения	-
onHide	возникает в момент скрытия изображения	-
onRollOver	возникает при наезде на изображение курсором мыши	-
onRollOut	возникает при съезде курсора мыши с изображения	-
onPress	возникает при нажатии мышью на изображении	eventParam="unpressed" – событие срабатывает, когда кнопка до нажатия не находилась в нажатом состоянии. eventParam="pressed" – событие срабатывает, когда кнопка до нажатия находилась в нажатом состоянии. По умолчанию выполняется всегда.
onRelease	возникает при отпускании кнопки мыши над изображением	-
onStartEffect	возникает при старте некоторого назначенного эффекта (если эффекты назначены)	id эффекта
onCompleteEffect	возникает при завершении некоторого визуального эффекта (если эффекты назначены)	id эффекта

Пример:

<button id="button_01" playing="true">

<param .../>

<actions>

<action event="onPress" eventParam="unpressed"> </action>

<action event="onRelease"> </action>

<action event="onShow"> </action>

<action event="onHide"> </action>

<action event="onRollOver"> </action>

<action event="onRollOut"> </action>

</actions>

</button>

6.3.8  Действия, применяемые к объекту «Кнопка»

showObject	Показать объект с заданным id	id объекта
hideObject	Спрятать объект данным id	id объекта
showObjectOnly	Показать объект(ы) с заданным id, при этом спрятать объекты с другими id, расположенные на одном уровне (в общем контейнере), например, в общей группе.	id объекта
enableObject	Сделать объект активным	id объекта
disableObject	Сделать объект неактивным	id объекта
setPosition	Изменить расположение объекта на экране	id объекта, x-координата, y-координата, ширина, высота

Пример

Текстовая кнопка

<button id="btn4" visible="true" enabled="false">

<param type="TEXT" x="640" y="330" depth="-5" textValue="Сохранить" styleNormal="Verdana_14" styleActive="Verdana_Bold" stylePressed="Verdana_Bold_14"/>

<actions>

<action event="onPress">...</action>

<action event="onRelease">...</action>

</actions>

</button>

Пример

Графическая кнопка

<button>

<param type="IMAGE" x="855" y="75" depth="-5" srcNormal="/DATA/skin/Buttons/b_dalee_norm. png" srcActive="/DATA/skin/buttons/b_dalee_over. png" srcPressed="/DATA/skin/buttons/b_dalee_down. png"/>

<actions>

<action event="onPress">...</action>

<action event="onRelease">...</action>

</actions>

</button>

7  Описание медиа-объектов

Медиа-об

Состав сцен образуют мультиформатные информационные медиа-объекты:

·  иллюстрации (объект «Изображение»);

·  анимация (объект «Flash-ролик»);

·  интерактивные анимационные компоненты (объект «Flash-ролик»);

·  видео (объект «Видео»);

·  панорамы (объект «Quicktime»);

·  звуковые «иллюстрации» (объект «Аудио»);

·  текстовые поля (объект «Текст»);

·  композиции из перечисленных визуальных объектов (объект «Группа объектов»);

·  интерактивные визуальные объекты (объект «Кнопка»);

·  объект для управления временными процессами (объект «Таймер»);

·  объект для создания векторных графических элементов оформления (объект «Контур»).

В текущем разделе представлена документация, содержащая описание свойств медиа-объектов.

7.1  Описание общих элементов медиа-объектов

Свойства и поведение вышеперечисленных объектов можно задавать посредством присвоения определенных значений определенным параметрам определенных элементов в настроечных файлах. Некоторые элементы и параметры индивидуальны для каждого тапа объектов, некоторые установочные элементы могут быть применены к любому из перечисленных объектов. В данном разделе приводится описание означенных общих элементов.

Внимание! Объекты (медиа-объекты), входящие в состав установочных и конфигурационных файлов, могут иметь (в качестве атрибута) идентификатор id, позволяющий устанавливать логические связи с именованными объектами. При написании имени идентификатора недопустимы точки!

7.1.1  Элемент <param>

Обязательный элемент

Задаёт основные характеристики вывода объекта на экран.

Общая структура

<{объект}>

<param

src="{строка}"

x="{число}"

y="{число}"

width="{число}"

height="{число}"

depth="{число}"

opacity="{число}"

hitArea="[bounds|opacity|[x, y, ширина, высота]| {(x1, y1), (x2, y2), … (xn, yn)}]"

/>

</{объект}>

Дополнительные атрибуты для продолжительных во времени объектов

<{объект}>

<param

...

rewind="[true|false]"
loop="[false|true]"

/>

</{объект}>

Дополнительные атрибуты для медиа-объектов: «Изображение» (image), «Видео» (video) и «Flash» (flash)

В данном разделе приведены параметры, определяющие размеры и способ представления (визуализации), перечисленных в подзаголовке объектов на сцене.

<{объект}>

<param

width="{число}"

height="{число}"

...

sizeMode="[normal|fit|fit_only_big]"
hAlign="[left|center|right]"

vAlign="[top|center|bottom]"

/>

</{объект}>

Внимание! При наличии в составе элемента <param> атрибута sizeMode,атрибуты width и height определяют размеры не контура изображения объекта, а периметра воображаемой (условной) рамки, в которую вписано (согласно определенным правилам) изображение, а параметры hAlign и vAlign в таком случае определяют условия выравнивания изображения в границах данной воображаемой рамки.

Атрибуты

src	Обязательный атрибут. Задаёт путь к файлу изображения (см. Задание путей к объектам).
x	Необязательный атрибут. Координата по горизонтальной оси в пикселях относительно родительского контейнера. Значение по умолчанию: 0.
y	Необязательный атрибут. Координата по вертикальной оси в пикселях относительно родительского контейнера. Значение по умолчанию: 0.
width	Необязательный атрибут. Ширина изображения на экране. Значение по умолчанию: 0. Если атрибут не задан или его значение равно 0, то берётся значение ширины изображения из файла.
height	Необязательный атрибут. Высота изображения на экране. Значение по умолчанию: 0. Если атрибут не задан или его значение равно 0, то берётся значение высоты изображения из файла.
depth	Необязательный атрибут. Глубина объекта на экране относительно родительского объекта. Значение по умолчанию: 0. Примечание: Все видимые двухмерные объекты упорядочены на экране по глубине. Чем больше значение свойства depth, тем «дальше» от наблюдателя находится объект.
opacity	Необязательный атрибут. Прозрачность изображения. Значение по умолчанию: 1. Примечание: Значение 1 соответствует полностью непрозрачному объекту, значение 0 соответствует полностью прозрачному объекту. Если прозрачность находится в диапазоне от 0 до 0.10, объект не будет реагировать на события мыши.
hitArea	Зона чувствительности объекта на события мыши. Значение по умолчанию: bounds (весь объект) Значение параметра hitArea можно определить четырьмя разными способами: ·  bounds – активная зона определяется прямоугольной областью, соответствующей ширине и высоте изображения; ·  оpacity – определяет активную зону с учетом прозрачности. В зону не входят части изображения, непрозрачность которых меньше 10% (0.10); ·  строка в формате '[x, y, ширина, высота]' – определяет прямоугольную активную зону объекта заданного размера; ·  строка в формате '{(x1, y1), (x2, y2), … (xn, yn)}' – определяет многоугольную активную зону объекта-кнопки.
rewind	Необязательный атрибут (для продолжительных во времени объектов). Определяет поведение видо и аудио объектов по завершении восптроизведения. Значение по умолчанию: ·  true – по окончании воспроизведения объект возвращается в исходное состояние; ·  false – по окончании воспроизведения объект не возвращается в исходное состояние;
loop	Необязательный атрибут. Зацикленность воспроизведения видо и аудио объектов. Значение по умолчанию: false
sizeMode	Необязательный атрибут. Значение по умолчанию: normal Значение параметра sizeMode можно определить тремя разными способами: ·  normal – размер изображения соответствует значениям атрибутов width и height (или берется из файла); ·  fit – изображение пропорционально совоим собственным размерам, вписывается в размеры условной (воображаемой) рамки; ·  fit_only_big – если размеры изображения (по одной из сторон) превышают размеры условной рамки, то изображение пропорционально совоим собственным размерам вписывается в размеры условной (воображаемой) рамки;
hAlign	Необязательный атрибут. Задает горизонтальное выравнивание изображения относительно условной рамки. Значение по умолчанию: left – выравнивание по левому краю уcловной рамки. Возможные значения: left – левый край изображения распологается по левому краю условной рамки; center – центор изображения соответствует центру условной рамки; right – правый край изображения распологается по правому краю условной рамки;
vAlign	Необязательный атрибут. Задает горизонтальное выравнивание изображения относительно условной рамки. Значение по умолчанию: top – выравнивание по верхнему краю условной рамки. Возможные значения: top – верхний край изображения распологается по верхнему краю условной рамки; center – центор изображения соответствует центру условной рамки; bottom – нижний край изображения распологается по нижнему краю условной рамки;

7.1.2  Элемент <effects>

Необязательный элемент

Задаёт набор эффектов, применяемых к визуальным медиа-объектам при возникновении некоторых событий. Объекты на сцене могут плавно появляться и исчезать, перемещаться в заданных пределах, одновременно изменять степень прозрачности в процессе перемещения.

Каждый отдельный эффект задаётся отдельным элементом <effect>

7.1.3  Элемент <effects><effect>

Данный элемент определяет отдельный эффект представления визуального медиа-объекта в пределах учебной сцены.

Общая структура

<effects>

<effect id="" event="onShow">

effect_type:effect_params

</effect>

</effects>

Атрибуты

id	Необязательный атрибут. Задаёт идентификатор эффекта. Необходим, если нужно выполнять некоторые действия при начале/окончании эффекта.
event	Обязательный атрибут Событие, после наступления которого будет применен эффект Конкретные значения зависят от элемента, в котором определен эффект

Содержимое

Строка, содержащая описание эффекта

Наименование_эффекта:параметр_1,параметр_2,...

Правила задания эффекта на событие: отдельный эффект задаётся в виде имени, определяющего тип эффекта, затем следует разделитель двоеточие после которого через запятую перечисляются параметры.

Эффект	Описание эффекта	Параметры эффекта
fade	Плавное изменение прозрачности объекта	alphaDelta, startAlpha, finishAlpha startAlpha – начальное значение прозрачности объекта finishAlpha – конечное значение прозрачности объекта alphaDelta – шаг изменения прозрачности объекта
move	Плавное перемещение объекта из одной точки в другую	speed,{(startX, startY),(finishX, finishtY)} speed– скорость движения объекта (если после числа следует аббревиатура ms, то данное значение соответствует времени в миллисекундах, за которое должен произойти эффект) startX– начальная позиция объекта по горизонтали startY– начальная позиция объекта по вертикали finishX– конечная позиция объекта по горизонтали finishtY – конечная позиция объекта по вертикали

Пример 1 Пример использования эффектов для элемента «Изображение».

<image id="01" visible="true">

<param src="/DATA/components/image/24.jpg" x="324" y="255" width="200"

height="150" depth="100"/>

<effects>

<effect id="effect_1" event="onShow">

move:20,{(-200,255),(324,255)}</effect>

</effects>

<actions>

<action event="onCompleteEffect" eventParam="effect_1">

hideObject:title1

</action>

</actions>

</image>

Коментарии к примеру: Изображение id="01" в момент появления начинает плавно перемещаеться по сцене; когда действие эффекта свершится, событие onCompleteEffect активизирует действие, которое сделает невидимым подпись к изображению hideObject:title1

События, посылаемые элементом effects

Событие	Описание	Параметры
onStartEffect	возникает при старте некоторого назначенного эффекта	eventParam="id_эффекта"
onCompleteEffect	возникает при завершении некоторого визуального эффекта	eventParam="id_эффекта"

7.1.4  Элемент <rollovermenu>

Необязательный элемент

Определяет положение и состав кнопок для всплывающего меню объекта.

Общая структура

<{Визуальный объект}>

<!-- свойства конкретного визуального объекта -->

<rollovermenu style="{указатель на объект стиля}" attachPoint="TOP_LEFT"/>

</{Визуальный объект}>

Для детального ознакомления с описанием данной структуры следует обратиться к разделу «Конфигурирование и стилевое оформление общих элементов пользовательского интерфейса ЭУМ»

7.1.5  Элемент <control>

Необязательный элемент

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

Общая структура

<{Визуальный объект (видео, аудио...)}>

<!-- свойства конкретного визуального объекта -->

<control style="{указатель на объект}" x="{число}" y="{число}" attachPoint="{константа}"/>