Текстовые поля

Текстовые поля — это TextInput (для ввода одной строки) и TextArea (многострочный текст). С помощью свойства (параметра) — text можно читать и записывать содержимое поля.

Параметр password для TextInput устанавливается в true, если нужно ввести пароль, вместо введенных символов будут отображаться звездочки.

У многострочного текста TextArea есть еще логические параметры

• html — разрешает использование некоторых тегов языка HTML для оформления текста;

• wordWrap — разрешает перенос предложения на следующую строку без вставки символа окончания абзаца.

4. Закройте окно Actions (F9) и перейдите в кадр 1 слоя Компоненты. Откройте панель Components и из группы user Interface перетащите на поле два компонента TextInput для ввода имени и пароля. Первому из них присвойте имя name, а второму — pass.

Если в нижней части экрана нет панели Parameters, ее нужно вывести на экран, выбрав пункт меню Windows—Properties—Parameters.

5. Выделите поле pass, перейдите на панель Parameters и измените значение параметра password (пароль) на true.

Если посмотреть в окно библиотеки, вы увидите, что туда добавлены элементы TextInput и TextArea типа Compiled Clip (скомпилированный клип). Они существенно влияют на размер получаемого SWF-файла.

Кнопки

6. Добавьте кнопку (компонент Button) ниже полей ввода и присвойте ей имя enter и задайте ее параметру label значение Войти.

Используя параметр icon, можно построить кнопку с рисунком и надпись. В поле icon нужно записать кодовое имя символа из библиотеки (пункт Linkage контекстного меню), а параметр labelPlacement определяет положение надписи относительно рисунка.

Если присвоить параметру toggle значение true, кнопка ведет себя как кнопка с фиксацией, то есть после щелчке она остается в нажатом положении, а после повторного щелчка возвращается в «ненажатое». В этом случае параметр selected определяет начальное состояние кнопки.

Форматирование

Форматирование компонентов (изменение внешнего вида) возможно только из программы. Для этого используется метод setStyle в следующей форме

компонент.setStyle ( параметр, значение );

В качестве параметров можно использовать, например,

• fontFamily — название шрифта;

• fontSize — размер шрифта;

• fontStyle — начертание, normal (обычный) или italic (курсив);

• fontWeight — жирность, normal (обычный) или bold (жирный);

• color — цвет в формате RGB.

Полный список параметров стиля для каждого компонента можно посмотреть в справочной системе.

Общие свойства всех компонентов можно установить с помощью метода setStyle глобального объекта style. Например строка

_global.style.setStyle("fontSize", 18);

устанавливает размер шрифта 18 по умолчанию.

7. С помощью панели Properties увеличьте высоту всех элементов до 26 (выделяя их поочередно). Добавьте в кадр 1 слоя Программы код

_global.style.setStyle("fontSize", 18);

enter.setStyle("fontSize", 16);

Проверьте работу клипа.

Теперь добавим в нижнюю часть сцены текст с сообщением об ошибке, но сначала скроем его, изменив свойство _visible.

8. Добавьте в нижнюю часть сцены динамическую текстовую надпись (Dynamic Text) "Невозможно войти в систему. Неверное имя или пароль.". Присвойте надписи имя errInfo. Установите шрифт Arial красного цвета, размер — 18 пунктов. На панели Properties выберите вариант Multiline (многострочный текст). Добавьте к коду кадра 1 слоя Компоненты строчку

errInfo._visible = false;