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

Меню сайта

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

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

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

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

User Interface [4]

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

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

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

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

Наш опрос

Статистика

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

Всего: 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. Используя кнопки