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

8.11.2 Элемент <image.../>

Задается картинка в качестве таскаемого элемента списка.

8.11.3 Элемент <text.../>

Задается текст в качестве таскаемого элемента списка.

8.11.4 Элемент <video.../>...

Задается видео либо какой-либо еще объект в качестве таскаемого элемента списка.

8.11.5 Элемент <param>

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

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

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

<param

checkMode="immediately"

order="vertical"

x="0"

y="0"

width=""

offsetX="0"

offsetY="0">/>

Атрибуты

checkMode	Необязательный атрибут. Проверка происходит сразу после установки элемента списка, либо после нажатия на кнопку проверить. Значение по умолчанию: immediately. Возможные значения: immediately – проверка происходит сразу после установки перетаскиваемого объекта, и, в случае неправильной установки, объект отъезжает на исходную позицию, а элементы списка, находящиеся между исходной и конечной позициями перетаскиваемого элемента, отъезжают вверх или вниз соответственно after – проверка происходит после нажатия на кнопку проверить (кнопка, для которой задано действие checkObject)
order	Необязательный атрибут. Порядок расстановки элементов списка. Значение по умолчанию: vertical. Возможные значения: vertical – вертикальная расстановка hoizontal – горизонтальная расстановка
x	Необязательный атрибут. Горизонтальное расстояние от левого верхнего угла рабочей области до 1-го элемента списка. Значение по умолчанию: 0
y	Необязательный атрибут. Вертикальное расстояние от левого верхнего угла рабочей области до 1-го элемента списка. Значение по умолчанию: 0
offsetX	Необязательный атрибут. Горизонтальное расстояние между элементами списка. Значение по умолчанию: 0
offsetY	Необязательный атрибут. Вертикальное расстояние между элементами списка. Значение по умолчанию: 0

8.11.6 События, порождаемые объектом «Draglist»

Событие	Описание	Параметры
onPlacedRight	возникает при установке перетаскиваемого элемента на правильную позицию (может задаваться как для объекта «Draglist», так и для конкретного элемента списка)	-
onPlacedWrong	возникает при попытке установки перетаскиваемого элемента на неправильную позицию (может задаваться как для объекта «Draglist», так и для конкретного элемента списка)	-
onComplete	возникает при правильной расстановке всех элементов списка при проверке сразу или после нажатия на кнопку проверить (задается для объекта «Draglist»)	-
onWrongComplete	возникает после нажатия на кнопку проверить при неправильной расстановке элементов списка (задается для объекта «Draglist»)	-

8.11.7 Действия, применимые к объекту «Интеграция»

checkObject	Проверка расстановки элементов списка для проверки после расстановки	-
resetObject	Случайная расстановка элементов списка. Обнуление результатов (ошибки, подсказки…)	-

Пример

Показ кнопки сброс после правильной расстановки всех таскаемых объектов из набора

Пример:

<draglist id="dl" visible="true">

<param order="horizontal" checkMode="after" offsetX="10" offsetY="100" x="100" y="50" width="200">

<resultOf type="discrete">

</param>

<actions>

<action event="onPlacedRight"> showObject:dl. btnR</action>

<action event="onPlacedWrong"> hideObject:dl. btnR</action>

<action event="onComplete">showObject:dl. btnR</action>

<action event="onWrongComplete"> hideObject:dl. btnR</action>

</actions>

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

<param type="IMAGE" x="900" y="500" srcNormal="norm. png" srcActive="over. png" srcPressed="down. png"/>

<hint type="text">Проверка</hint>

<actions>

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

</actions>

</button>

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

<param src="/DATA/components/dragging/23.jpg"/>

</image>

<text visible="true" id="tt1234">

<value>Этот текст – таскаемый элемент списка. Его ширина уменьшается до ширины объекта draglist (200)</value>

</text>

<video visible="true" playing="true" id="video1">

<param src="/DATA/components/dragging/08.avi" width="480" height="360" depth="-600"/>

<rollovermenu point="TOP_LEFT" options="copy, save"/>

<control attachPoint="TOP_LEFT" countdown="false"

x="-10" y="100" style="Video"/>

</video>

</draglist>

8.12  Шаблон «Коллекция» (collection)

Шаблон «Коллекция» позволяет составлять коллекции (списки, альбомы) медиа-объектов.

Возможности:

·  настройка размера, местоположения и цвета фона поля списка;

·  настройка характеристик шрифта списка;

·  структура списка:

·  номер элемента коллекции по порядку,

·  название элемента коллекции,

·  характеристика элемента коллекции;

·  формирование элемента коллекции из нескольких объектов;

·  использование мультимедиа объектов всех видов;

·  вкл/выкл копирования списка с настройками типа элемента управления (значок/текст), его местоположения, шрифта;

·  настройка местоположения и вида обязательных индикаторов и кнопок управления просмотром элементов коллекции в следующем составе:

·  кнопка В СПИСОК для возврата в мизансцену со списком элементов коллекции,

·  стрелки листания вперёд/назад,

·  номер текущего элемента,

·  характеристика элемента;

·  настройка размера и местоположения мультимедиа объектов, из которых состоят элементы коллекции;

·  настройка местоположения и вида блоков управления просмотра и проигрывания объектов коллекции;

·  вкл/выкл подписи для элементов и объектов коллекции с настройками типа элемента управления (значок/текст), его местоположения, шрифта;

·  вкл/выкл копирования элементов и объектов коллекции с настройками типа элемента управления (значок/текст), его местоположения, шрифта.

Элемент имеет следующую общую структуру

<collection id="{строка}" visible="[true|false]">

<settings>

<control x="820" y="250" visible="true"

style="DefaultCollectionMXK"/>

<!-- Координаты и размеры списка. Стили шрифта описываются в файле text_styles. xml -->

<list>

<param x="80" y="100" height="440" width="900"/>

<column id="1" width="20" style="MS_Sans_Serif_16"/>

<column id="2" width="500" style="MS_Sans_Serif_16"/>

<column id="type" width="60" style="MS_Sans_Serif_16"/>

</list>

</settings>

<items>

<item>

<{Медиа-объект} id="{строка}"/>

...

<title type="{строка}"

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

visible="[true|false]"

style = "Verdana_Bold_14"

x="810" y="360" width="200" depth="5" bgcolor="#F2F7C1"

/>

</item>

...

</items>

</collection>

Атрибуты:

id	Необязательный атрибут. Задаёт идентификатор объекта. Необходим, если нужно выполнять некоторые действия в отношении данного объекта.
visible	Необязательный атрибут. Задаёт видимость объекта на экране. Значение по умолчанию: false (объект не виден на экране). В дальнейшем видимость объекта может быть изменена с помощью действий (actions): showObject, hideObject и т. д.

8.12.1 Элемент <collection><settings><control>

Пример описания элемента DefaultCollectionMXK (файл DATA/skin/controlStylesDef. xml; имя данного файла может быть другим см. раздел «Корневой установочный файл /config. xml»).

<group name="DefaultCollectionMXK">

<button id="previous">

<param type="IMAGE" x="15" y="0"

srcNormal="\DATA\skin\buttons\previous_n. png"

srcActive="\DATA\skin\buttons\previous_a. png"

srcPressed="\DATA\skin\buttons\previous_d. png"/>

</button>

<button id="next">

<param type="IMAGE" x="60" y="0"

srcNormal="\DATA\skin\buttons\next_n. png"

srcActive="\DATA\skin\buttons\next_a. png"

srcPressed="\DATA\skin\buttons\next_d. png"/>

</button>

<button id="showlist">

<param type="TEXT" x="85" y="0" width="100" textValue="В список" styleNormal="Verdana_14" styleActive="Verdana_14_Bold" stylePressed="Verdana_14_Bold"/>

</button>

<text id="counter">

<param x="15" y="25" width="200" style="Verdana_14"/>

</text>

<text id="type">

<param x="80" y="25" width="200" style="Verdana_14"/>

</text>

</group>

Примечания к примеру: Имена кнопок: "previous", "next", "showlist" (предыдущий объект коллекции, последующий объект коллекции, показать список объектов коллекции) и имена текстовых полей "counter" (счетчик: текущий элемент коллекции из общего числа элементов), "type" (текстовое поле, в котором отображается тип текущего объекта коллеции) – предопределены и изменению не подлежат!

8.12.2 Элемент <collection><settings><list>

Данный элемент содержит описание свойств таблицы списка названий (и типов) объектов в составе коллекции.

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

<list>

<param x="80" y="100" height="440" width="900"/>

<column id="1" width="20" style="MS_Sans_Serif_16"/>

<column id="2" width="500" style="MS_Sans_Serif_16"/>

<column id="type" width="60" style="MS_Sans_Serif_16"/>

</list>

Элемент param

Описывает координаты и размеры таблицы списка.

Атрибуты

x, y	Необязательные атрибуты. Координаты размещения таблицы списка. Значение по умолчанию: 0
height, width	Необязательный атрибут. Высота и ширина таблицы Значение по умолчанию: 0

Элемент column

Описывает свойства колонок таблицы.

Атрибуты

id	Обязательные атрибуты. Идентификатор колонки таблицы. Возможные знчения: ·  1 – колонка с нумерацией объектов коллекции ·  2 – колонка с именами объектов коллекции ·  type – колонка, отображающая тип объектов коллекции. Значение по умолчанию: 0
width	Обязательный атрибут. Ширина колонки. Значение по умолчанию: нет
style	Необязательный атрибут. Стиль текта колонки.

8.12.3 Элемент <collection><items>

Данный элемент содержит список контейнеров, представляющих свойства объектов в составе коллекции.

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

<items>

<item>

<{Медиа-объект} id="{строка}"/>

...

<title type="{строка}"

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

visible="[true|false]"

style = "Verdana_Bold_14"

x="810" y="360" width="200" depth="5" bgcolor="#F2F7C1"

/>

</item>

...

</items>

8.12.4 Элемент <collection><items><item>

Данный элемент – контейнер, представляющий информационный объект в составе коллекции. Данный контейнер содержит один или несколько медиа-объектов и подпись – наименование информационного объекта коллекции.

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

<item>

<{Медиа-объект} id="{строка}"/>

...

<title type="{строка}"

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

visible="[true|false]"

style = "Verdana_Bold_14"

x="810" y="360" width="200" depth="5" bgcolor="#F2F7C1"

/>

</item>

8.12.5 Элемент <collection><items><item><title>

Данный элемент – контейнер, представляющий информационный объект в составе коллекции. Данный контейнер содержит один или несколько медиа-объектов и подпись – наименование информационного объекта коллекции.

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

<title type="{строка}"

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

visible="[true|false]"

style = "Verdana_Bold_14"

x="810" y="360" width="200" depth="5" bgcolor="#F2F7C1"

/>

Атрибуты

type	Oбязательные атрибуты. Тип информационного объекта (фото, модель…). Значение по умолчанию: нет
value	Обязательный атрибут. Название информационного объекта Значение по умолчанию: нет
visible	Необязательный атрибут. Задаёт видимость объекта на экране. Значение по умолчанию: false (объект не виден на экране).
style	Необязательный атрибут. Стиль надписи
x, y	Необязательный атрибут. Координаты надписи
width	Необязательный атрибут. Ширина надписи
depth	Необязательный атрибут. Глубина слоя
bgcolor	Необязательный атрибут. Цветовой фон надписи

8.13  Шаблон «МОЗАИКА» (puzzle)

Складная картинка или Пазл (от англ. puzzle) — игра-головоломка, представляющая собой мозаику, которую требуется составить из множества фрагментов рисунка различной формы.

Алт.

«Мозаика»  — игра-головоломка, представляющая собой мозаику, которую требуется составить из множества фрагментов рисунка.

Возможности:

·  последовательное представление множества иллюстраций

·  управление выбором нужной иллюстрации (с визуальным индикатором номера выбранной иллюстрации и количества иллюстраций)

·  разбиение иллюстрации на 8, 16 и 24 фрагмента;

·  представление поля для сборки иллюстрации, набора фрагментов и уменьшенной копии иллюстрации (с возможностью её увеличения);

·  возможность выбора одновременного отображения всех фрагментов иллюстрации или последовательного отображения по одному фрагменту.

Внимание! Данный шаблон не претерпел существенной модернизации. Это один из немногих (если не единственный) шаблон в котором сохранен архаичный синтаксис. Это обстоятельство накладывает определенные условия и ограничения на порядок включения шаблона в состав учебного модуля.

Для включения данного шаблона в состав учебного модуля необходимо в списке шагов (см. раздел «Файл описания списка сцен (шагов) (/DATA/scene/lab. xml)») явно указать тип шаблона (type="puzzle")

Пример.

<step id="pazl" src="pazl. xml" type="puzzle" resultCount="false"/> <!-- сцена пазл -->

Файл, содержащий данный шаблон, имеет следующую структуру, сопровожденную подробными комментариями.

<!--кнопки-->

<settings>

<result count="[true|false]"/>

<controls>

<!--кнопка "Завершить" -->

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

<param type="TEXT" x="{число}" y="{число}"

textValue="Завершить"

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

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

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

/>

</button>

<!--кнопка "8 фрагментов" -->

<button id="8pieces" visible="true">

<param type="TEXT" x="{число}" y="{число}"

textValue="8"

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

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

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

/>

</button>

<!--кнопка "16 фрагментов" -->

<button id="16pieces" visible="true">

<param type="TEXT" x="{число}" y="{число}"

textValue="16"

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

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

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

/>

</button>

<!--кнопка "24 фрагмента" -->

<button id="24pieces" visible="true">

<param type="TEXT" x="{число}" y="{число}"

textValue="24"

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

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

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

/>

</button>

<!--кнопка "выводить фрагменты по одному" -->

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

<param type="TEXT" x="{число}" y="{число}"

textValue="1"

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

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

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

/>

</button>

<!--кнопка "выводить одновременно все фрагменты" -->

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

<param type="TEXT" x="{число}" y="{число}"

textValue="все"

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

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

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

/>

</button>

<!--кнопка выбора иллюстрации, предназначенной для сборки, из просматриваемой группы иллюстраций -->

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

<param type="TEXT" x="{число}" y="{число}"

textValue=" Выбрать "

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

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

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

/>

</button>

<!--кнопка увеличения выбранной уменьшенной иллюстрации до натурального размера -->

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

<param type="TEXT" x="{число}" y="{число}"

textValue="Увеличить"

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

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

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

/>

</button>

<!--кнопка перехода к предыдущему фрагменту иллюстрации (если выбран режим "выводить фрагменты по одному")-->

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

<param type="IMAGE"

x="{число}" y="{число}" depth="{число}"

srcNormal="\DATA\skin\Puzzle\btnPrevious_n. png"

srcActive="\DATA\skin\Puzzle\btnPrevious_h. png"

srcPressed="\DATA\skin\Puzzle\btnPrevious_d. png"/>

</button>

<!--кнопка перехода к последующему фрагменту иллюстрации (если выбран режим "выводить фрагменты по одному") -->

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

<param type="IMAGE"

x="{число}" y="{число}" depth="{число}"

srcNormal="\DATA\skin\Puzzle\btnNext_n. png"

srcActive="\DATA\skin\Puzzle\btnNext_h. png"

srcPressed="\DATA\skin\Puzzle\btnNext_d. png"/>

</button>

<!--кнопка перехода к предыдущей иллюстрации -->

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

<param type="IMAGE"

x="{число}" y="{число}" depth="{число}"

srcNormal="\DATA\skin\Puzzle\btnPrevious_n. png"

srcActive="\DATA\skin\Puzzle\btnPrevious_h. png"

srcPressed="\DATA\skin\Puzzle\btnPrevious_d. png"/>

</button>

<!--кнопка перехода к последующей иллюстрации -->

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

<param type="IMAGE"

x="{число}" y="{число}" depth="{число}"

srcNormal="\DATA\skin\Puzzle\btnNext_n. png"

srcActive="\DATA\skin\Puzzle\btnNext_h. png"

srcPressed="\DATA\skin\Puzzle\btnNext_d. png"/>

</button>

<!—Слайдер управления просмотром последовательности иллюстраций («линейка с ползуном»)-->

<slider id="imageselect">

<param width="{число}" x="{число}" y="{число}"

useTicks="true" adjustSize="true"/>

<layout

ballNormal="\DATA\skin\Puzzle\ball. png"

bg="\DATA\skin\Puzzle\scroll. png"/>

</slider>

<!—счетчик кадров (номер просматриваемой иллюстрации/общее количество) -->

<text id="counter">

<param width="{число}" x="{число}" y="{число}"

style="{строка}"/>

</text>

<!—текстовое поле вывода подписи к выбранной иллюстрации -->

<text id="title">

<!-- координаты подписи к изображнию /--> <param x="{число}" y="{число}"

width="{число}" height="{число}"

style="{строка}"/>

</text>

</controls>

<!--зона сборки мозаики -->

<target x="{число}" y="{число}"

width="{число}" height="{число}"/>

<!--месторасположение фрагментов для сборки (начальные координаты приводятся, как для группы фрагментов, так и для одинарного фрагмента)-->

<startplace all_x="{число}" all_y="{число}" one_x="{число}" one_y="{число}" spaceh="{число}" spacev="{число}"/>

<!--координаты размещения и размер области вывода уменьшенной копии изображения -->

<selector x="{число}" y="{число}" width="{число}" height="{число}"/>

</settings>

<!--список действий -->

<actions>

<!--действие на событие «все объекты расставлены» -->

<action event="onAllObjectsPlaced">playObject:sndPuzzleFinished</action>

<!--действие на событие «объект установлен правильно» -->

<action event="onPlacedRight">playObject:sndPuzzlePlaced</action>

</actions>

<!--озвучивание по действию на событие «объект установлен правильно» -->

<audio id="sndPuzzlePlaced">

<param src="\DATA\components\sound\puzzle_placed. mp3"

playing="false" loop="false"/>

</audio>

<!--озвучивание по действию на событие «все объекты расставлены» -->

<audio id="sndPuzzleFinished">

<param src="\DATA\components\sound\puzzle_finished. mp3"

playing="false" loop="false"/>

</audio>

<puzzleimages>

<!--список иллюстраций -->

<puzzleimage src="\DATA\components\Images\L08_01_1.jpg" title="Декоративное блюдо и туалетные коробочки. Роспись по эмали, скань, филигрань. Ростовская финифть" preview="\DATA\components\Images\L08_01_1_small. jpg" style="Verdana_14"/>

...

</puzzleimages>

<{медиа объекты}/>

...

<{кнопки}/>

...

8.14  Шаблон «Сопоставление» (Relations)

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

Возможности:

·  перетаскивание медиа-объектов;

·  назначение различных реакций на правильное и неправильное размещение объекта в целевых зонах: ввод и вывод объекта за пределы зоны, переполнение или полное заполнение зоны, расстановку всех объектов в зоны (правильную, неправильную и любую, расстановку всех элементов из группы таскаемых объектов);

·  каждый перетаскиваемый объект может иметь одну или несколько целевых зон;

·  перетаскиваемый объект может не иметь целевой зоны вовсе (объект, не имеющий соответствия – объект обманка);

·  вывод объектов для перетаскивания по одному или всех сразу;

·  вывод объектов для перетаскивания, целей и групп таскаемых объектов в произвольном или фиксированном порядке;

·  добавление в набор таскаемых элементов одного из нескольких заданных объектов (элемент choice);

·  использование в качестве целей любых медиа-объектов (картинок, видео, зон, которые задаются координатами и не выводятся графически и др.) или групп медиа-объектов, каждая из которых (т. е. каждая группа) образует одну цель (целевую зону);

·  вывод целей в произвольном и фиксированном порядке;

·  проверка правильности расстановки сразу (непосредственно после установки объекта) или по кнопке (при этом существует возможность многократно переставлять объекты между целями до проверки);

·  последовательная активация объектов-целей, что позволяет требовать от пользователя расстановки объектов в определённом порядке (может быть полезно в режиме аттестация);

·  неправильно поставленный объект может быть отправлен обратно на свою стартовую позицию, удален с экрана или плавно перемещён в корзину;

·  цель может принимать один или несколько объектов, при этом размещённые объекты могут выстраиваться табличным способом (в колонку, в строку) с выравниванием, принимать предопределённые положения или оставаться на том месте, в котором их поставили после перетаскивания;

·  каждая цель может быть подсвечена, если во время таскания объект попадает в её зону;

·  существует объект "Корзина" – некоторое место (в пределах или за пределами учебной сцены), куда плавно перемещаются неправильно поставленные объекты (при соответствующих настройках);

·  задание точки регистрации таскаемого объекта, по которой будет проверяться его местонахождение (курсор мыши, левый верхний угол объекта, центр объекта, конкретные координаты на таскаемом объекте относительно его левого верхнего угла)

Элемент имеет следующую общую структуру

<relations id="" visible="" type="[dragging|clicking]">

<param randomObjects="[true|false]" randomTargets="[true|false]" randomSets="[false|true]" checkMode="[once|after]" wrongPlaced="[start|trash|hide|frozen]" show="[all|1..]" allowMultiple="[false|true]" regPoint="[mouse|center|left_top|x;y]" speed="" depthDelta="" align="[left|center|right|top|bottom]">

<resultOf type="{см. раздел: «Тип подсчета результатов».}">

</param>

<trashbox x="" y="" width="" height="" depth=""/>