Настройка компонента TextInput

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

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

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

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

Следующий пример задает стиль 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 должен выглядеть так, как показано на рисунке ниже:

    Компонент TextInput с измененными цветами рамки и фона.