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

Меню сайта

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

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

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

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

User Interface [4]

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

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

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

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

Наш опрос

Статистика

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

Всего: 3

Гостей: 3

Юзеров: 0

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

Онлайн пользователей нет

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

Сервис онлайн-записи на собственном Telegram-боте

Тот, кто работает в сфере услуг, знает — без ведения записи клиентов никуда. Мало того, что нужно видеть свое расписание, но и напоминать клиентам о визитах тоже. Нашли самый бюджетный и оптимальный вариант: сервис VisitTime.
Для новых пользователей первый месяц бесплатно.

Чат-бот для мастеров и специалистов, который упрощает ведение записей:

— Сам записывает клиентов и напоминает им о визите;
— Персонализирует скидки, чаевые, кэшбэк и предоплаты;
— Увеличивает доходимость и помогает больше зарабатывать;

Начать пользоваться сервисом

Как продвинуть сайт на первые места?

Вы создали или только планируете создать свой сайт, но не знаете, как продвигать? Продвижение сайта – это не просто процесс, а целый комплекс мероприятий, направленных на увеличение его посещаемости и повышение его позиций в поисковых системах.

Ускорение продвижения

Если вам трудно попасть на первые места в поиске самостоятельно, попробуйте технологию Буст, она ускоряет продвижение в десятки раз, а первые результаты появляются уже в течение первых 7 дней. Если ни один запрос у вас не продвинется в Топ10 за месяц, то в SeoHammer за бустер вернут деньги.

Начать продвижение сайта

Главная » Школа 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. Используя кнопки