Главная » ActionScript » Настройка компонента TextInput

0

Можно изменить размер экземпляра TextInput как во время разработки, так и при исполнении. При разработке выделите компонент в рабочей области и используйте инструмент "Свободное преобразование" или одну из команд "Модификация" > "Преобразовать". При исполнении используйте метод setSize() или применимые свойства класса TextInput, например height и width, scaleX и scaleY.

При изменении размера компонента TextInput размер его рамки изменяется в соответствии с новым ограничивающим прямоугольником. Компонент TextInput не использует полос прокрутки, но курсор вставки прокручивается автоматически при взаимодействии пользователя с текстом. Размер текстового поля тогда изменяется в пределах оставшегося пространства; компонент TextInput не содержит элементов фиксированного размера. Если размер компонента TextInput не позволяет отобразить текст полностью, текст обрезается.

Стили и компонент TextInput

Стили компонента TextInput задают значения для его обложек, внутренних полей и форматирования текста при отрисовке компонента. Стили texFormat и disabledTextFormat определяют стиль текста, отображаемого компонентом. Дополнительную информацию о свойствах стиля обложек см. в разделе

«Обложки и компонент TextInput» на странице 135.

Следующий пример задает стиль textFormat для шрифта, размера и цвета текста, отображаемого компонентом TextInput. Ту же процедуру можно использовать при задании стиля disabledTextFormat, который применяется при неактивном состоянии компонента.

1   Создайте новый документ Flash (ActionScript 3.0).

2   Перетащите компонент TextInput в рабочую область и присвойте ему имя экземпляра myTi.

3   Вставьте следующий код в Кадр 1 основной временной шкалы на панели "Действия".

var tf:TextFormat = new TextFormat();

tf.color = 0x0000FF; tf.font = "Verdana"; tf.size = 30; tf.align = "center"; tf.italic = true;

myTi.setStyle("textFormat", tf); myTi.text = "Enter your text here"; myTi.setSize(350, 50); myTi.move(100, 50);

4   Выберите "Управление" > "Тестировать ролик".

Обложки и компонент TextInput

Компонент TextInput имеет следующие обложки, которые можно редактировать в целях изменения внешнего вида компонента:

Обложки компонента TextInput

Следующая процедура меняет цвета рамки и фона компонента TextInput:

1   Создайте новый файл Flash.

2   Перетащите компонент TextInput в рабочую область и дважды щелкните его, чтобы открыть панель обложек.

3   Дважды щелкните обложку Normal.

4   Установите масштаб на 800 %, чтобы увеличить значок для редактирования.

5   Выделите один за другим каждый край рамки обложки Normal и задайте для них цвет #993399.

6   Дважды щелкните фон, чтобы его цвет появился в палитре "Заливка" в Инспекторе свойств. Выберите цвет

#99CCCC, чтобы применить его к фону.

7   Нажмите кнопку "Назад" в левой части панели правки над рабочей областью, чтобы вернуться в режим редактирования документа.

8   Выберите "Управление" > "Тестировать ролик".

Компонент TextInput должен выглядеть так, как показано на рисунке ниже:

Источник: Использование компонентов ActionScript 3.0 – 2008

По теме:

  • Комментарии