Вбудовані компоненти Flash
Компонент як складний зразок-кліп, присвоєння значення його властивостям за допомогою графічного інтерфейсу користувача в середовищі розробки Flash. Перевага використання компонентів, їх основні групи. Прості елементи керування, що служать для виведення.
| Рубрика | Программирование, компьютеры и кибернетика |
| Вид | реферат |
| Язык | украинский |
| Дата добавления | 18.08.2011 |
| Размер файла | 126,5 K |
Отправить свою хорошую работу в базу знаний просто. Используйте форму, расположенную ниже
Студенты, аспиранты, молодые ученые, использующие базу знаний в своей учебе и работе, будут вам очень благодарны.
Размещено на http://www.allbest.ru/
Вбудовані компоненти Flash
Содержание
- 1. Компоненти
- 2. Прості елементи керування, що служать для виведення
- 2.1 Компонент Button (Кнопка)
- 2.2 Компонент CheckBox (Прапорець)
- 2.3 Компонент ComboBox (Список, що розкривається)
- 2.4 Компонент Label (Текстовий напис)
- 2.5 Компонент List (Звичаний список)
- 2.6 Компонент RadioButton (Перемикач)
- 2.7 Компонент TextArea (Область редагування)
- 2.8 Компонент TextInput (Поле введення)
1. Компоненти
Компоненти - це складні зразки-кліпи, що є нащадками об'єкта movieClip та містять частину логіки застосування. Компонент - це кліп, що дозволяє присвоювати значення якимось своїм властивостям за допомогою особливого графічного інтерфейсу користувача в середовищі розробки Flash.
Компонент є незалежним від свого оточення. Компоненти надають можливості користувачам-непрограмістам настроювати програмно кліпи, що управляються. У компонентах змінні, що визначають поведінку, відділені від коду кліпу, що дозволяє розглядати їх як "чорні ящики": їх устрій невідомий, але відомі дані на вході та на виході, а також поведінка.
Доступ до існуючих у Flash компонентів забезпечує панель Components (Компоненти) (рис.1). Її поведінка нагадує панель Library (Бібліотека), тому методи розміщення, вилучення, додавання та інших компонентів аналогічні роботі з об'єктами в Library.
Велика частина компонентів Flash має візуальне представлення, тобто при відтворенні фільму вони видимі на робочому аркуші. Ці компоненти називаються візуальними. Вони призначені для взаємодії з користувачем застосування та являють собою різні елементи керування. Меншу частину компонентів складають невізуальні, тобто невидимі на робочому аркуші під час роботи застосування компоненти. Вони містять тільки код, що реалізує вирішення якої-небудь задачі: із зовнішніми даними та керування ними. Також це справедливо тільки під час роботи застосування - в окремому вікні середовища Flash або у вікні програвача Flash. Під час розробки застосувань невізуальні компоненти присутні на робочому аркуші у вигляді невеликих позначок. Також користувачі можуть створювати свої компоненти, що реалізують необхідну функціональність.
Рисунок 1 - Панель Components
Перевага використання компонентів: значне спрощення та прискорення процесу створення застосування при різкому зниженні кількості помилок.
Вада використання компонентів: як правило, код компонента надлишковий та велика його частина в конкретному застосуванні ніколи не виконується, але займає місце в. swf файлі.
У панелі Components основний простір займає ієрархічний список компонентів. Кожна вітка цього списку являє визначену категорію компонентів. Всього цих категорій три: користувальницький інтерфейс (UI Components), робота з мультимедіа (Media Components) та робота із зовнішніми даними (Data Components).
Задати значення властивостей, розташованих на робочому столі компонентів можна із сценаріїв за допомогою інспектора властивостей Properties (див. рис.2) і за допомогою панелі Component Inspector (Інспектор компонентів).
Рисунок 2 - Вкладка Properties інспектора властивостей при виділеному компоненті
Так в інспекторі властивостей додана вкладка Parameters (Параметри), в якій перераховані все доступні властивості виділеного компонента (рис.3).
У лівому стовпчику таблиці властивостей наведені їхні імена, а в правому - їх значення. За допомогою даної вкладки ми можемо задавати значення властивостей компонента вручну або за допомогою вибору зі списку параметрів.
Однак у вкладці Parameters інспектора властивостей відображені не всі властивості компонента. Зокрема, в ньому пропущені властивості, наслідувані компонентами від об'єкта movieClip: enabled, visible тощо. Для роботи з ними та іншими властивостями використовується панель Component Inspector (Інспектор компонентів).
Рисунок 3 - Вкладка Parameters інспектора властивостей при виділеному компоненті
Панель Component Inspector містить не тільки список властивостей та їх значення, у вкладці Parameters (див. рис.4), але й інші дві: Bindings (Зв'язування) та Schema (Схема), які будуть розглянуті нижче.
Розглянемо вбудовані компоненти, їх призначення та властивості за групами: прості елементи керування, складні елементи керування, допоміжні компоненти та компоненти - постачальники даних. Оскільки докладний опис властивостей кожного компонента містить Help редактора Flash, то ми не зупинятимемось на їх описі, а обмежимося тільки описом призначення кожного компонента.
Рисунок 4 - Панель Component Inspector
2. Прості елементи керування, що служать для виведення
Дана група компонентів складається з елементів керування, призначених для введення даних та керування виконання програми. В дану групу входять такі компоненти:
компонент Button (Кнопка) - звичайна кнопка, схожа зі стандартною кнопкою Windows. Підтримує подію click;
компонент CheckBox (Прапорець) - звичайний прапорець, що має два становища: "установлений" та "не установлений". Підтримує подію click;
компонент ComboBox (Список, що розкривається) дозволяє створювати список, що розкривається, причому користувач може як обрати пункт з цього списку, так і ввести до нього нове значення з клавіатури;
компонент Label (Текстовий напис) - звичайний текстовий напис, який можна використовувати спільно з будь-яким компонентом;
компонент List (Звичайний список) - дозволяє створювати звичайний список, зовнішній вигляд якого схожий із зовнішнім виглядом стандартного списку Windows;
компонент RadioButton (Перемикач). Для створення групи перемикачів, достатньо задати для кожного з них одне й те саме значення властивості groupName;
компонент TextArea (Область редагування) - область редагування, яку можна використовувати для відображення та (або) введення тексту;
компонент TextInput (Поле введення) - звичайне поле введення, яке можна використовувати для введення тексту.
Розглянемо ці компоненти детальніше.
2.1 Компонент Button (Кнопка)
Цей компонент служитиме заміною кнопці Flash. Властивості компонента Button перераховані у табл.1.
Таблиця 1 - Властивості компонента Button
|
Властивість |
Опис |
|
|
icon |
Рядок - ідентифікатор зразка сценарію, екземпляр якого поміщений на кнопку як графічне зображення (картинки). За замовчуванням - порожній рядок (немає картинки). |
|
|
label |
Рядок - напис на кнопці. |
|
|
labelPlacement |
Рядок, що задає місце розташування напису відносно картинки (якщо вона є). Можливі значення: left - розміщує напис лівіше картинки; right - розміщує напис праворуч картинки (за замовчуванням); top - розміщує напис вище картинки; bottom - розміщує напис нижче картинки. |
|
|
selected |
Логічна величина. Якщо має значення true, то кнопка натиснута, якщо false, то кнопка "відтиснута". Має значення тільки для кнопок-перемикачів. |
|
|
toggle |
Логічна величина. Якщо має значення true, то кнопка перетворитися у кнопку-перемикач. Якщо false (значення за замовчуванням), то кнопка поводить себе як звичайна командна кнопка. |
Для обробки натискання кнопки, що є екземпляром компонента Button, можна обробляти подію click. Приклад сценарію-оброблювача події, прив'язаного до кнопки:
on (click) {
_root. play ();
}
2.2 Компонент CheckBox (Прапорець)
Зовнішній вигляд компонента CheckBox схожий із зовнішнім виглядом стандартного прапорця Windows. Компонент CheckBox підтримує подію click. Основні властивості компонента перераховані в табл.2.
компонент кліп flash користувач
Таблиця 2 - Властивості компонента CheckBox
|
Властивість |
Опис |
|
|
label |
Рядок - заголовок прапорця. |
|
|
labelPlacement |
Рядок, що задає місце розташування заголовка відносно прапорця. Можливі значення: left - поміщає заголовок лівіше прапорця; right - поміщає заголовок праворуч від прапорця (за замовчуванням); top - поміщає заголовок вище прапорця; bottom - поміщає заголовок нижче прапорця. |
|
|
selected |
Логічна величина. При значенні true прапорець встановлений, при значенні false не встановлений. |
2.3 Компонент ComboBox (Список, що розкривається)
Компонент ComboBox дозволяє створювати списки, що розкриваються, причому користувач може як вибрати пункт з цього списку, так і ввести до нього нове значення з клавіатури. Зовнішній вигляд цього компонента схожий із зовнішнім виглядом стандартного прапорця Windows. Властивості компонента ComboBox перераховані в табл.3.
Таблиця 3 - Властивості компонента ComboBox
|
Властивість |
Опис |
|
|
data |
Необов'язковий масив рядків, що представляє значення, прив'язані до пунктів списку. |
|
|
editable |
Логічна величина. Значення true дозволяє користувачеві вводити у список, що розкривається, значення з клавіатури. Значення false дозволяє тільки вибирати вже існуючі у списку пункти (значення за замовчуванням). |
|
|
labels |
Масив рядків, що представляють назви пунктів списку. |
|
|
rowCount |
Кількість пунктів, що одночасно відображаються у списку. Якщо кількість пунктів у списку перевищує це значення, з'являється смуга прокручування. Значення за замовчуванням дорівнює 5. |
Розглянемо приклад створення списку, що розкривається. Для задання пунктів списку, що розкривається, ComboBox використовуються два масиву: labels та data. У масиві labels містяться рядки, що містять назви пунктів списку. Масив data зберігається у пам'яті; рядки, що містяться у ньому, у відображенні списку участі не беруть.
Коли користувач вибирає який-небудь пункт у списку ComboBox, цей компонент обчислює індекс обраного пункту в масиві labels та вилучає з масиву data елемент з таким самим індексом. Значення цього елемента поміщається у доступну тільки для сценаріїв та тільки для читання властивість value, звідки може бути прочитано та використано у сценарії.
Якщо масив data не заданий, то у властивість value поміщається назва обраного пункту, тобто значення відповідного елемента масиву labels у рядковому вигляді. Якщо користувач увів у список ComboBox значення з клавіатури, у властивість value поміщається саме це значення.
Для введення обох цих масивів рядків Flash надає діалогове вікно Values (Значення) (рис.5). Щоб викликати його на екран, потрібно виділити у списку вкладки Parameters інспектора властивостей пункт, відповідний властивості data або labels (див. рис.3), та натиснути кнопку із зображенням лупи, яка з'явиться у правій частині правого стовпчика списку властивостей.
Рисунок 5 - Діалогове вікно Values
Більшу частину діалогового вікна Values займає список рядків - елементів масиву. Всі елементі масиву пронумеровані, і нумерація починається з нуля. Для розміщення нового елемента у масив потрібно натиснути кнопку із зображенням знаку "плюс". У список додається новий рядок, за натисканням на який можна ввести туди потрібний текст. Для вилучення рядка, переміщення його вверх або вниз необхідно скористатися кнопками із зображенням знака "мінус", "стрілки вверх" та "стрілки вниз" відповідно.
Для обробки вибору користувачем якого-небудь пункту у списку, що розкривається, ComboBox можна обробити подію change. Також цей компонент може обробляти й інші події, докладніше про які можна узнати в інтерактивній довідці Flash.
2.4 Компонент Label (Текстовий напис)
Компонент Label - звичайний текстовий напис, який можна використовувати спільно з яким-небудь компонентом. Він подібний за зовнішнім виглядом із стандартним списком Windows. Деякі властивості компонента Label перераховані у табл.4.
Єдина відмінність цього компонента від звичайного тестового поля Flash - це можливість виведення тексту, що відформатований за допомогою тегів HTML.
Таблиця 4 - Властивості компонента Label
|
Властивість |
Опис |
|
|
autoSize |
Рядок, що задає режим автоматичної зміни розмірів компонента у відповідності з розмірами тексту напису. Значення: none - відключає режим автоматичної зміни розміру (за замовчуванням); left - включає режим зміни розміру та вирівнює текст напису по лівій стороні компонента; right - включає режим зміни розміру та вирівнює текст напису по правій стороні компонента; center - включає режим зміни розміру та вирівнює текст напису по центру компонента. |
|
|
html |
Логічна величина. Значення true дозволяє обробку тегів HTML у тексті напису, а значення false - забороняє (значення за замовчуванням). |
|
|
label |
Рядок, що містить текст напису. |
2.5 Компонент List (Звичаний список)
Компонент List дозволяє створювати звичайний список, зовнішній вигляд якого схожий із зовнішнім виглядом стандартного прапорця Windows. Деякі властивості компонента List перераховані у табл.5.
Таблица 5 - Властивості компонента List
|
Властивість |
Опис |
|
|
data |
Необов'язковий масив рядків, що представляє значення, прив'язані до пунктів списку. |
|
|
labels |
Масив рядків, що представляє назви пунктів списку. |
|
|
multipleSelection |
Логічна величина. Значення true дозволяє користувачеві вибирати у списку відразу декілька пунктів. Значення false обмежує вибір тільки одним пунктом (значення за замовчуванням). |
|
|
rowHeight |
Висота пункту списку у пікселах. Значення за замовчуванням дорівнює 20. |
Список List створюється так само, як і список, що розкривається ComboBox, та підтримує майже такий самий набір подій, включаючи подію change.
2.6 Компонент RadioButton (Перемикач)
Компонент RadioButton дозволяє створити перемикач. Його зовнішній вигляд схожий із зовнішнім виглядом стандартного перемикача Windows. Властивості компонента RadioButton перераховані у табл.6.
Таблиця 6 - Властивості компонента RadioButton
|
Властивість |
Опис |
|
|
data |
Необов'язкове значення, прив'язане до перемикача. Може мати будь-який тип, доступний у Flash. |
|
|
groupName |
Ім'я групи, в яку входить перемикач, у рядковому вигляді. |
|
|
label |
Рядок - заголовок перемикача. |
|
|
labelPlacement |
Рядок, що задає місце розташування заголовка відносно самого перемикача. Можливі значення: left - поміщає заголовок зліва перемикача; right - поміщає заголовок справа перемикача (за замовчуванням); top - поміщає заголовок вище перемикача; bottom - поміщає заголовок нижче перемикача. |
|
|
selected |
Логічна величина. При значенні true перемикач включений, при значенні false виключений. |
Однак перемикачі являють інтерес при створенні з них груп. Для розміщення перемикачів у групу необхідно задати для кожного з них одне й те саме значення властивості groupName. У цій групі тільки один перемикач може бути включений. Також групу перемикачів прийнято поміщати в рамку у вигляді прямокутника (див. рис.6).
Рисунок 6 - Група перемикачів, виділених прямокутною рамкою
Для кожної групи перемикачів, створених на робочому аркуші, Flash створює екземпляр об'єкта Object, чиє ім'я співпадає з іменем групи. Цей екземпляр має властивість selectedData, що повертає значення властивості data включеного перемикача. Якщо значення цієї властивості не задане, то повертається значення властивості label. При клацанні мишкою на перемикачі RadioButton виникає подія click. Приклад оброблювача події:
on (click) {
_root. txt. Result. text = _root. grpChoose. data; }
Цей сценарій поміщає значення властивості data включеного перемикача з групи grpChoose у поле введення txtResult.
2.7 Компонент TextArea (Область редагування)
Компонент TextArea - це звичайна область редагування, яку можна використовувати для відображення та (або) введення тексту. Вона подібна до стандартної області редагування Windows та поля введення Flash. Властивості компонента TextArea перераховані в табл.7.
Таблиця 7 - Властивості компонента TextArea
|
Властивість |
Опис |
|
|
editable |
Логічна величина. Значення true дозволяє користувачеві вводити текст в область редагування (значення за замовчуванням). Значення false робить область редагування доступною тільки для читання. |
|
|
html |
Логічна величина. Значення true дозволяє обробку тегів HTML у тексті, що міститься в області редагування, а значення false - забороняє (поведінка за замовчуванням). |
|
|
text |
Рядок - вміст області редагування. |
|
|
wordWrap |
Логічна величина. Значення true включає автоматичне перенесення тексту - вмісту області редагування (поведінка за замовчуванням), а значення false виключає його. |
При зміні користувачем вмісту області редагування TextArea виникає подія change.
2.8 Компонент TextInput (Поле введення)
Компонент TextInput - це звичайне поле введення, яке можна використовувати для введення тексту. Воно подібно до стандартного поля введення Windows та поля введення Flash. Властивості компонента TextInput перераховані в табл.8.
Таблиця 8 - Властивості компонента TextInput
|
Властивість |
Опис |
|
|
editable |
Логічна величина. Значення true дозволяє користувачеві вводити текст в область редагування (значення за замовчуванням). Значення false робить область редагування доступною тільки для читання. |
|
|
text |
Рядок - вміст області редагування. |
|
|
password |
Логічна величина. Значення true перетворює компонент у поле введення пароля, а значення false - у звичайне поле введення (значення за замовчуванням). |
При зміні користувачем вмісту поля введення TextInput виникає подія change.
Размещено на Allbest.ru
Подобные документы
Поняття та властивості компонента DataGrid. Компоненти DataChooser та DateField, які являють собою календар, що дозволяє користувачеві вибрати потрібну дату. Приклад використання компонентів Menu та MenuBar. Властивості компонента NumericStepper та Tree.
реферат [80,7 K], добавлен 20.08.2011Кодування відео у Flash. Кодек Sorenson Spark. Параметри цифрового відео. Використання імпортованих кліпів. Профілі діалогового вікна Wizard. Редагування кліпу, що імпортується засобами Flash. Macromedia Flash Video. Групи елементів Track options.
контрольная работа [301,8 K], добавлен 28.06.2011Основи, типові функції і настройка інтерфейсу Flash. Формати статичної графіки, робота з кольором та текстом. Бібліотеки та провідник Flash. Публікація і експорт статичної графіки. Покадрова та трансформаційна анімації. Засоби відладки ActionScript.
дипломная работа [89,8 K], добавлен 02.05.2009Изучение особенностей Flash-анимации, ее достоинства и недостатки. Существенные характеристики, видовые особенностей Flash-аниматора. Примеры использования Flash-технологий. Роль Flash-аниматора в сфере web-дизайна. Необходимый инструментарий web-мастера.
контрольная работа [54,8 K], добавлен 24.05.2015Создание видеоролика про хлор, используя Flash-технологии. Характеристика и принцип работы в MACROMEDIA FLASH 8. Сцены. Анимация движения объекта. Встроенные эффекты. Последовательность действий при создании Flash-фильма, его просмотр и тестирование.
курсовая работа [504,5 K], добавлен 10.04.2008Використання редактора Macromedia Flash MX 2004 для вдосконалення програмного продукта і налагодження середовища. Установка можливостей редагування виділеної групи об'єктів; налагодження автоматичного форматування коду Action Script і комбінацій клавіш.
реферат [261,6 K], добавлен 27.06.2011Программа Flash компании Macromedia. Создание обучающей системы по Macromedia Flash 7. Структура программы Flash. Базовые моменты, подлежащие описанию для включения их в обучающую систему, реализованную в виде web-узла. Реализация обучающей системы.
курсовая работа [23,3 K], добавлен 21.02.2009Общая характеристика и история создания мультимедийной платформы Adobe Flash, области ее применения. Публикация и экспортирование роликов. Специфика работы с FLA файлом. Задание параметров публикации для файлов Flash. Просмотр и редактирование документов.
контрольная работа [34,0 K], добавлен 08.07.2013Создание тестовой программы используя flash-технологии, Action-скрипт. Характеристика и принципы работы в программе Macromedia Flash 7 MX. Использование панели Actions-скрипт. Создание и оформление теста с помощью программы Macromedia Flash.
курсовая работа [614,0 K], добавлен 10.04.2008Основные принципы работы с Macromedia Flash, структура программы, использование векторной графики, передача данных в потоковом режиме в Macromedia Flash, разделение данных и их представление. Разработка макета, информационной структуры и дизайна сайта.
дипломная работа [394,3 K], добавлен 12.07.2010
