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

-------------------------------
Всего: 3
Гостей: 3
Юзеров: 0
-------------------------------
-------------------------------



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

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

Компонент NumericStepper отображает упорядоченный список чисел, в
котором пользователь может выбрать нужное. Этот компонент включает
однострочное поле для текстового ввода и две кнопки со стрелками,
которые можно использовать для пошагового перемещения по набору
значений. Для просмотра набора значений можно также использовать клавиши
со стрелками вверх и вниз.
В этом уроке я научу вас его использовать.
Приступим!
-----
Изучать компонент мы будем выполняя урок, в итоге которого получим флешку, которая запрашивает возраст пользователя. С помощью компонента Numeric Stepper пользователь выбирает значение, и в соседнем текстовом поле выводится дата рождения, относительно выбранного возраста.
-----
1. Создайте новый документ, AS 2.0.

2. Вытащите на сцену компонент Numeric Stepper. (Нажмите CTRL+F7, в открвшемся окошке раскройте список User Interface, найди и вытяните на сцену удерживая ЛКМ компонент
.

3. Выделите компонент, и дайте ему instance name: ageStepper.

4. Создайте динамическоме текстовое поле, и дайте ему instance name: result.

5. Создайте еще одно текстовое поле, и дайте ему instance name: brth.

6. Выделите первый кадр ролика, и откройте панель Actions (F9), и вставьте туда такой код:

Code
//By: Code by SkiLLeD
//Site: www.stalker-war.ru
//For: Flash School
brth.text="Ваш год рождения: неизвестен"; // Устанавливаем начальное значение в текстовое поле brth
result.text="Выберите возраст..."; // Устанавливаем начальное значение в текстовое поле result
ageStepperListener = new Object();
ageStepperListener.change = function(eventObject)
{
var theStepper = eventObject.target;
var theValue = theStepper.value; // Создаем слушателя событий компонента
var j = theValue; // Записываем в прееменную j выбранный возраст для дальнейшей проверки орфографии
if ((j%10==1)&&(j!=11)) {
 godr = " год";
}
else if (((j%10>=2)&&(j%10<=4))&&((j<10)||(j>20))) {
 godr = " года";
}
else {
 godr = " лет"; // Проверяем орфографию
}
result.text="Вам " + theValue + godr; // Выводим кол-во лет с учетом орфографии (Переменная godr)
today = new Date();
var a = theValue;
var b = today.getFullYear();
var c = b - a; // В строках 22-25 получаем текщий год и вычитаем из него указанный возраст, тем самым получая год рождения. Вот такая математика :-)
brth.text="Ваш год рождения: " + c // Выводим подсчитанный в переменной c год рождения
}

ageStepper.addEventListener("change", ageStepperListener); // Подключение слушателя событий


Все необходимые коментарии даны в коде.
7. Готово, протестируйте ролик нажатием сочетания клавиш CTRL+ENTER. Используя кнопки
компонента, увеличивайте значение возраста, и наблюдайте над изменеяющейся датой рождения в поле brth.
На этом все, с вами был SkiLLeD =)
Удачи!


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

Счетчики: 1392 | Добавил: SkiLLeD | Рейтинг: 5.0/Оценили: 3 чел.
Всего комментариев: 7
0  
Супер, спасибо! smile

+4  
Интересно)

+3  
Хороший урок, спасибо!

+2  
Интересно) smile

+4  
Круто, респект!

+2  
Круто, сейчас буду изучать smile

+5  
Оцениваем, комментим!

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



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



Топ-тройка



Design by Stalker-War sitemap | sitemap forum