Меню сайта
Главная страница Файлы Онлайн книги Альбом Форум Тесты по игре STALKER Школа flash Показать сервисы
Категории раздела
Изучение ActionScript [1]
Уроки разных тематик [0]
Анимация во flash [3]
User Interface [4]
Переводы уроков [0]
Программное рисование [0]
Уроки для новичков [2]
Уроки пользовательской тематики [5]
Наш опрос
Какой из враждующих кланов сильнее?
Всего ответов: 593
Статистика
-------------------------------

-------------------------------
Всего: 3
Гостей: 3
Юзеров: 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
Удачи!


Смотреть итог

Счетчики: 2334 | Добавил: SkiLLeD | Рейтинг: 4.5/Оценили: 2 чел.
Всего комментариев: 9
-1  
Че за лол ставит отрицательную оценку?

+1  
Круто! smile happy

+2  
Интересный урок cool

+3  
Очень хороший и интересный урок, спасибо smile

+5  
прикольно!

+3  
Прикольно получается)))

+4  
Интересный урок smile

+3  
Кулл, буду пробовать

+3  
Оцениваем, комментируем!

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Профиль
Привет, Гость



СТАЛКЕР!
Я всегда рад видеть
еще одну живую душу!
Но я не знаю кто ты?



Топ-тройка



Design by Stalker-War sitemap | sitemap forum