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

0

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

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

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

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

«Использование обложек для компонента TextArea» на странице 133.

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

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

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

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

var tf:TextFormat = new TextFormat();

tf.color = 0xCC99FF; tf.font = "Arial Narrow"; tf.size = 24;

myTa.setStyle("disabledTextFormat", tf); myTa.text = "Hello World"; myTa.setSize(120, 50);

myTa.move(200, 50);

myTa.enabled = false;

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

Использование обложек для компонента TextArea

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

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

Примечание. Изменение обложки ScrollBar в одном компоненте приведет к ее изменению во всех других компонентах, использующих компонент ScrollBar.

Следующая процедура изменяет цвет рамки обложки Focus Rect, которая отображается при получении компонентом TextArea фокуса, и цвет рамки обложки Normal.

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

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

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

4   Щелкните рамку обложки Focus Rect, чтобы выбрать ее. При этом текущий цвет рамки появится в палитре

"Заливка" в Инспекторе свойств.

5   Откройте щелчком мыши палитру "Заливка" в Инспекторе свойств и выберите цвет #CC0000, чтобы применить его к рамке.

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

7   Дважды щелкните компонент TextArea, чтобы открыть панель значков обложки.

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

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

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

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

При выборе области текста для ввода текста ее рамка должна выглядеть, как на рисунке ниже:

Внешняя рамка — это обложка Focus Rect, а внутренняя рамка — это рамка обложки Normal. Информацию о редактировании обложки UIScrollBar см. в разделе «Настройка компонента UIScrollBar» на

странице 138.

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

По теме:

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