Input text во флеше

Чтобы двигаться дальше по уроку, необходимо зарегистрироваться в следующей swf-ке. Пожалуйста, введите своё имя и нажмите Enter.

Не ожидали?) На самом деле, это результат к которому мы будем стремиться в данном уроке.

Итак, берём графику, которая аккуратно располагается на слоях и простирается на два кадра. На первом - окно с полем ввода для имени, а на втором – олень с табличкой. Примерно вот так:

На первом кадре текстовому полю присваиваем имя txtname1 и отмечаем, что это вводимый текст (Input text), и не забываем внедрять незнакомые шрифты:

На втором кадре тексту присваиваем имя txtname2. Он у нас будет динамический (Dynamic Text):

Добавляем новый слой. На нём в первом кадре пишем код:

  1. stop();
  2.  
  3. var t:String; // переменная для хранения имени
  4.  
  5. addEventListener(KeyboardEvent.KEY_UP, onKUP);
  6. txtname1.addEventListener(MouseEvent.MOUSE_DOWN, onMDown);
  7.  
  8. functiononKUP(e:KeyboardEvent){
  9.      if(e.charCode == 13){ // если нажат ENTER (13 єто его ASCII код)
  10.           t = txtname1.text; // присваеваем временной переменной значение
  11.           gotoAndStop(2); // переходим на следующий кадр с оленем
  12.           txtname2.text = t; // записываем имя в нужное текстовое поле
  13.      }
  14. }
  15.  
  16. functiononMDown(e:MouseEvent){
  17.      txtname1.text = ""; // по клику удаляем старый текст с поля
  18. }

Пройдитесь по комментариям, и вам должно стать всё ясно. В примере два обработчика событий: один по клику на txtname1 удаляет текст, для удобства, а второй прослушивает нажатия клавиш, и ждёт Enter. Текст из первого поля присваивается временной переменной t и только потом мы переходим на следующий кадр и вставляем имя в нужное текстовое поле. Стоит заменить, что если бы мы написали вот так:

txtname2.text = txtname1.text; 

после перехода на второй кадр, это вызвало бы ошибку, так как txtname1 на этом кадре не определён. Вот именно по этому и нужна переменная t, которая видна на оба кадра.

Исходник для любопытных.

Автор урока: Андрей Барвинко

flash-animated.com 

Комментарии
Аватар пользователя Bliffing

а что это за шрифт ?

Аватар пользователя Oksana

lobster

Аватар пользователя LeeTovetz

Думаю был бы интересный пост. посвященный различным курсам, школам и учебным заведениям по анимации. Он лайн и оф лайн. Не все могут в Москву к Саше Дорогову приехать или в Питер на Мельницу. Поэтому был бы очень интересный пост с небольшим описанием. Кто что зачем и сколько. Спасибо.

моя радость тут ))) http://leetovetz.deviantart.com/gallery/

Аватар пользователя Oksana

где-то я видела такой список, вот http://animationclub.ru/forums/4

Аватар пользователя hugin

Спасибо, Учитель)))
А маски в гифке не сохраняются?
Нужно swf в гифки конвертировать?
Или можно как-то напрямую из флеша?
Заранее, спасибо)))

Аватар пользователя flahhi

hugin пишет:

А маски в гифке не сохраняются?

Сохраняются. Не сохраняется только код, что вполне логично))

Аватар пользователя Oksana

Нужно swf в гифки конвертировать?  - не совсем понятен вопрос. gif из флеша: file - publish settings - gif image (галочку поставить)

Аватар пользователя LeeTovetz

Очень прикольно. И интересно. Спасибо.

моя радость тут ))) http://leetovetz.deviantart.com/gallery/

Пожалуйста, оставьте ваш комментарий. Спасибо!
Содержимое этого поля является приватным и не будет отображаться публично.
CAPTCHA
Вопрос для проверки
Заполните поле проверки