Adobe Flash Professional CS5 Використання компонента Button

Компонент Button — це прямокутна кнопка зі змінним розміром, яку користувач може натиснути за допомогою миші або клавіші пробілу, щоб ініціювати виконання дії в програмі. До екземпляра Button можна додати значок користувача. Також можна змінити поведінку компонента Button із натисканням на перемикання. Після натискання кнопка-перемикач залишається в натиснутому положенні і повертається у вихідне положення при повторному натисканні.

Компонент Button є основним елементом багатьох форм та веб-додатків. Кнопки можна використовувати скрізь, де користувач має ініціювати подію. Наприклад, у більшості форм використовується кнопка «Надіслати». А до презентації можна додати кнопки «Попередній» та «Наступний».

Взаємодія користувачів із компонентом Button

Кнопку в програмі можна увімкнути або вимкнути. У вимкненому стані кнопка не реагує на мишу чи клавіатуру. Увімкнена кнопка отримує фокус при натисканні або переході за допомогою клавіші Tab. Коли екземпляр Button отримує фокус, ним можна керувати за допомогою таких клавіш.

Перекладає фокус на попередній об'єкт.

Натискає або відпускає кнопку та запускає подію click .

Перекладає фокус на наступний об'єкт.

Перекладає фокус на наступний об'єкт, якщо кнопка задана як кнопка за промовчанням для FocusManager.

Щоб отримати додаткові відомості про керування фокусом, див. опис інтерфейсу IFocusManager та класу FocusManager удовіднику ActionScript® 3.0 для Adobe® Flash® Professional CS5та розділ «Робота з FocusManager».

Щоб призначити кнопку як натискну кнопку за замовчуванням у додатку (тобто, кнопки, що отримує подію click, коли користувач натискає клавішу Enter ),задайте властивість FocusManager.defaultButton. Наприклад, у наступному коді як кнопка за замовчуванням задається екземпляр Button з ім'ям submitButton .

Коли додаток додає компонент Button, його можна зробити доступним для програм читання з екрана шляхом додавання наступних рядків коду ActionScript.

Розширений доступ до компонента включається лише один раз, незалежно від кількості створених екземплярів.

Параметри компонента Button

В Інспекторі властивостей (Вікно > Властивості > Властивості) або Інспекторі компонентів (Вікно > Інспектор компонентів) можна задати наступні параметри розробки для кожного екземпляра Button: emphasized , label , labelPlacement , selected toggle. Кожен із цих параметрів має відповідну властивість ActionScript з тим самим ім'ям. При надаванні значення цим параметрам ви встановлюєте вихідний стан властивості у додатку. Встановлення властивості ActionScript перевизначає значення, задане параметру. Відомості про можливі значення цих параметрів див. у описі класу Button удовіднику ActionScript® 3.0 для Adobe® Flash® Professional CS5.

Створення програми з компонентом Button

Нижче описано процедуру додавання компонента Button у програму під час розробки. У цьому прикладі об'єкт Button змінює стан компонента ColorPicker, коли клацає об'єкт мишею.

Створіть новий документ Flash (ActionScript 3.0).

Перетягніть компонент Button з панелі «Компоненти» до робочої області та введіть наступні значення в Інспекторі властивостей.

Введіть ім'я екземпляраaButton.

ВведітьShow (Показати) для параметра label.

Додайте компонент ColorPicker до робочої області та привласніть йому ім'я екземпляраaCp.

Відкрийте панель "Дії", виберіть "Кадр 1" на головній часовій шкалі та введіть наступний код ActionScript.

У другому рядку коду функція clickHandler() реєструється як обробник для події MouseEvent.CLICK . Подія відбувається, коли користувач клацає компонент Button, внаслідок чого функція clickHandler() виконує одну з наступних дій залежно від значення Button:

"Show" (Показати) робить екземпляр ColorPicker видимим і змінює мітку компонента Button на "Disable" (Вимкнути).

"Disable" (Вимкнути) відключає екземпляр ColorPicker і змінює мітку Button на "Enable" (Включити).

Enable (Включити) включає екземпляр ColorPicker і змінює мітку Button на Hide (Приховати).

"Hide" (Приховати) робить екземпляр ColorPicker невидимим і змінює мітку Button на "Show" (Показати).

Щоб запустити програму, виберіть команду «Управління» > "Тестувати ролик".

Створення програми з компонентом Button

Нижче наведено процес створення кнопки-перемикача Button з використанням ActionScript, а також описується тип події на панелі «Вивід» при натисканні екземпляра Button. У цьому прикладі створюється екземпляр Button шляхом виклику конструктора класу і додається до робочої області шляхом виклику методу addChild() .

Створіть новий документ Flash (ActionScript 3.0).

Перетягніть компонент Button з панелі «Компоненти» на панель Бібліотека поточного документа.

Внаслідок цього компонент додається до бібліотеки, але залишається невидимим у додатку.

Відкрийте панель "Дії", виберіть "Кадр 1" у головній часовій шкалі та введіть наступний код, щоб створити екземпляр Button.

Метод move() розміщує кнопку у точці робочої області з координатами50(x), 50(y).

Тепер додайте наступний код ActionScript, щоб створити прослуховувач подій та функцію обробника подій.

Виберіть «Керування» > "Тестувати ролик".

При натисканні кнопки Flash відображається повідомлення «Тип події: click» на панелі «Вивод».

На пости, що розміщуються в Twitter™ та Facebook, умови Creative Commons не поширюються.