Создание текстового поля ввода во Flash CS5

На этом уроке мы рассмотрим два вопроса:

  1. Создание текстового поля ввода (input text field) во Flash CS5 и CS6
  2. Дополнительная информация

Для того чтобы пользователь мог вводить текст там где это необходимо (интерактивные формы на сайте, информация для ввода в различных играх и т.д.) существует специальный тип текстового поля ввода во Flash CS5 – input text field. Он очень похож по своему назначению на поле ввода текста в языке разметки страниц HTML.

При визуальном создании текстового поля во Flash CS5 и CS6, точно также как и в случае со статическим текстом (static text) и динамическим текстом (dynamic text), используется инструмент Text, который находится в панели инструментов программы Flash. Тип текстового поля Input и имя экземпляра назначаются в панели свойств (Properties Panel).

Кроме того в этой же панели Вы можете назначить:

  • шрифтовую гарнитуру, размер и цвет того шрифта, который пользователь будет видеть во время ввода текста в это поле
  • показывать ли контур черного цвета толщиной в 1 пиксел вокруг текстового поля (если эту опцию оставить неотмеченной, то граница будет невидимой)
  • сделать установки по абзацному форматированию, при котором разрешается создание многострочного текстового поля, назначение количества символов (цифр и букв)

По аналогии с полями ввода текста в HTML Вы можете снабдить текстовое поле Flash CS5 понятным описанием (label), которое по своему типу будет статическим текстом (static text).

Создание текстового поля во Flash CS5

Щелкните на инструменте Text.

Выбор инструмента Текст

Кликните мышью в любом месте на сцене (stage) и потяните, чтобы нарисовать текстовое поле.

Рисование текстового поля

В панели свойств выберите тип поля для текстового поля Input.

Выберите шрифтовую гарнитуру, размер шрифта, его цвет.

Щелкните на кнопке Показать контур (Show Border) для показа контура вокруг текстового поля.

Текстовое поле Flash: панель Свойства

Нажмите Ctrl + Enter. Flash Player покажет текстовое поле Flash CS5.

Щелкните мышью в этом поле и введите текст.

Введенный Вами текст будет показан в текстовом поле.

Дополнительная информация

Flash автоматически внедряет шрифтовые гарнитуры в итоговый swf-файл при использовании статического текста в фильме/игре, но не делает этого с текстом типа Input. Поэтому если Вы хотите использовать какой-то нестандартный шрифт в своем проекте (отличный от Arial, Times New Roman или Verdana), то Вам необходимо прямо указать Flash, что нужно внедрить такой шрифт в публикуемый swf-файл.

Для этого нужно нажать кнопку Embed (внедрить) на панели свойств. Далее Вы указываете какие символы должны быть внедрены.

Внедрение текста: панель Свойства Flash CS5

Для динамических текстовых полей (dynamic text field) есть смысл внеднять все символы выбранной текстовой гарнитуры, тогда как для полей ввода текста (input text field) только те, которые могут быть введены с клавиатуры: буквы, цифры, знаки пунктуации. Понятно, что внедренные в swf-файл шрифты увеличивают итоговый размер файла, поэтому там где только возможно этого внедрения нужно избегать.