Использование компонента UI Combo Box - User Interface - Школа flash

Меню сайта

Категории раздела

Изучение ActionScript [1]

Уроки разных тематик [0]

Анимация во flash [3]

User Interface [4]

Переводы уроков [0]

Программное рисование [0]

Уроки для новичков [2]

Уроки пользовательской тематики [5]

Наш опрос

Статистика

-------------------------------

Всего: 5

Гостей: 5

Юзеров: 0

-------------------------------

Главная » Школа flash » User Interface

Использование компонента UI Combo Box

Стандартный компонент flash UI ComboBox позволяет пользователю сделать выбор одного пункта из выпадающего списка. В этом уроке я научу вас его использовать.
Приступим!

-----
Для начала, немного теории о свойствах компонента:
-----
data – массив данных пунктов компонента;
editable –
булевая величина, определяющая является ли компонент ComboBox
редактируемыми (true) или нет (false). Значением по умолчанию, является
false.
labels - заполняет компонент ComboBox массивом текста.
rowCount - устанавливает максимальное количество элементов, которые могут отображаться в списке. Значение по умолчанию 5.
Вы можете установить следующие параметры для каждого экземпляра компонента ComboBox (Window > Component Inspector):
restrict - указывает набор символов, которые пользователь может ввести в текстовое поле в выпадающем списке.
enabled - это булевое значение, свидетельствующее, может ли компонент может получать фокус и работать. По умолчанию это true.
visible - булевое значение, указывающее виден ли объект (true) или нет (false). По умолчанию это true.
-----
Теперь к практике. Мы будем делать флеш штучку с вопросом, используя ComboBox.
-----
1. Создайте новый документ flash любых размеров. Язык: Action Script 2.0

2. Вытащите на сцену компонент ComboBox, для этого нажмите: CTRL+F7 (открываем панель компонентов), затем раскройте список User Interface, найдите в нем

. Удерживая ЛКМ вытяните его на сцену.

3. Выделите вытянутый компонент, и дайте ему Instance name: cb

4. Создайте два динамических текстовых поля, расположите их друг над другом. Дайте первому instance name: otvet, второму: punkt.

5. Напишите вверху вопрос, (создав статическое текстовое поле) на который пользователь будет отвечать. Например, "сколько дней в 2011 году?".

6. Перейдите в первый кадр, и вставьте туда такой код:

Code

//By: Code by SkiLLeD
//Site: www.stalker-war.ru
//For: Flash School
cb.addItem({data:null, label:"Выберите..."}); // добавляем исходный пункт
cb.addItem({data:1, label:"365"}); // добавляем пункт 1 со значением 10
cb.addItem({data:2, label:"366"}); // добавляем пункт 2 со значением 20

var cbListener:Object = new Object(); // создаём слушатель событий comboBox
cbListener.change = function (ev:Object) { // имя вызванного компонента передаётся через параметр ev
otvet.text="Ответ: " + ev.target.selectedItem.label; // Выводим в текстовое поле выбранный ответ
punkt.text="Вы выбрали пункт: " + ev.target.selectedItem.data; // Выводим в текстовое поле номер выбранного пункта
if(ev.target.selectedItem.data == 2) {
otvet.text="Ответ неверный!"
}; // В этом условии мы проверяем верен ли ответ. Если выбран 2й вариант, то выводим в текстовое поле otvet информацию о неверном ответе
};
cb.addEventListener("change", cbListener); // Устанавливаем слушатель на события компонента

Все нужные комментарии в коде.

7. Готово! Протестируйте клип, выбирая различные пункты.
С вами был SkiLLeD
Удачи!