Adobe Flash Professional CS5 Налаштування компонента ComboBox

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

Розмір компонента ComboBox зміниться відповідно до вказаної ширини та висоти. Розмір списку зміниться відповідно до ширини компонента, якщо не вказано властивість dropdownWidth .

Якщо текст не міститься по довжині у полі зі списком, він буде обрізаний. Необхідно змінити розмір поля зі списком і задати властивість dropdownWidth , щоб вмістився текст.

Використання стилів для компонента ComboBox

Для зміни зовнішнього вигляду компонента ComboBox можна встановити властивості стилю. Стилі задають значення для обкладинок, засоби відображення осередків, внутрішніх полів та ширини кнопок компонента. Наступний приклад задає стилі buttonWidth і textPadding. Стиль buttonWidth задає ширину області влучення кнопки і діє, якщо компонент ComboBox є редагованим і ви можете тільки натиснути кнопку, щоб розгорнути список, що розкривається. Стиль textPadding задає проміжок між зовнішнім кордоном текстового поля та текстом. Це стане в нагоді при центруванні тексту по вертикалі в текстовому полі, коли розмір компонента ComboBox збільшується по вертикалі. В іншому випадку текст може відображатися у верхній частині текстового поля.

Створіть новий файл Flash (ActionScript 3.0).

Перетягніть компонент ComboBox у робочу область та привласніть йому ім'я екземпляраaCb.

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

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

Зауважте, що областю кнопки, яку ви можете натиснути, щоб відкрити список, що розкривається, є обмежена область справа. Також зверніть увагу, що текст відцентрований по вертикалі в текстовому полі. Можна спробувати виконати приклад без двох виразів setStyle(), щоб побачити ефект.

Використання обкладинок для компонента ComboBox

Компонент ComboBox використовує такі обкладинки для візуалізації своїх станів.

combobox

Можна змінити колір обкладинки Up у робочій області, щоб змінити колір компонента в неактивному стані.

Створіть новий файл Flash (ActionScript 3.0).

Перетягніть компонент ComboBox у робочу область.

Двічі клацніть компонент, щоб відкрити панель його обкладинок.

Двічі клацніть обкладинку Up, щоб вибрати її та відкрити для редагування.

Встановіть масштаб на 400%.

Клацніть мишею в центрі обкладинки, щоб її колір з'явився на панелі «Заливка» в Інспекторі властивостей.

На панелі «Заливка» виберіть колір #33FF99 для застосування до обкладинки Up.

Натисніть кнопку «Назад» у лівій частині панелі редагування над робочою областю, щоб повернутися до режиму редагування документа.

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

Компонент ComboBox повинен відображатись у робочій області так, як показано на малюнку нижче.

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