Flex інструкція
Що таке Flex?
Flex являє собою потужне, відкрита структура оригінальну програму, яка дозволяє будувати традиційні додатки для браузера, мобільних і настільних, використовуючи ту ж модель програмування, інструмент та кодову.
Flex надає Flex SDK, що складається з бібліотеки класів Flex (класи ActionScript), то Flex компілятори, відладчик, в MXML і ActionScript мови програмування, а також багато інших програм для створення виразних і інтерактивних насичених інтернет-додатків (RIA)
Flex піклується про користувальницький інтерфейс (UI) або функціональних можливостей на стороні клієнта веб-додатки. Функціональність на стороні сервера залежить від серверних компонентів, написаних на традиційній мові сценаріїв (Java / PHP і т.д.)
Flex додаток розгорнуто в SWF-файл (и) плюс HTML-оболонки, файл CSS (и) і будь-які файли сценаріїв на стороні сервера (тобто Java. Cfm. PHP, і т.д.) на сервер. Як і в традиційних веб-додатків
Ці ресурси доставляються з сервера в браузер клієнта за допомогою звичайного HTTP-запиту / відповіді моди і Flash Player запустити додаток в браузері.
переваги Flex
Flex програми будучи Flash Player на основі можуть отримати доступ до можливості пристрою, такі як GPS, камера, локальна база даних, графіки акселерометром.
Flex програми можуть працювати на Andriod, BlackBerry Tablet OS, ОС IOS пристроїв.
Flex програми можуть працювати в браузерах, а також на робочому столі.
Flex програми незалежні від платформи. Інтерфейс може бути нативним до платформи або може бути однаковим на кожній платформі.
Flex програми можуть взаємодіяти з сервером з усіма основними технологіями на стороні сервера, таких як Java, Spring, Hibernate, PHP, Ruby. NET, Adobe ColdFusion і SAP з використанням галузевих стандартів, таких як REST, SOAP, JSON, JMS і AMF.
Flex Додатки, розроблені забезпечує багатий користувальницький досвід за допомогою інтуїтивного взаємодії з додатком та подання інформації в візуально багатшим інтерфейс.
Flex додаток являє собою один додаток, сторінка, на якій держави можуть можуть переходити з одного стану в інший стан без необхідності вилучення нової сторінки з сервера або оновити браузер.
Flex додаток знижує навантаження на сервер в значній мірі тому, що потрібно тільки повернути додаток один раз, а не нову сторінку кожен раз, коли користувач змінює погляди.
недоліки Flex
Flex програми однопоточен додатки, але Flex забезпечує асинхронну модель програмування для пом'якшення цієї проблеми.
Flex є ActionScript і XML на основі. Вивчення цих двох є обов'язковою умовою для роботи в Flex.
Цей підручник допоможе вам про те, як підготувати середовище розробки, щоб почати роботу з Adobe Flex Framework. Цей підручник буде також навчить вас, як встановити JDK і Adobe Flash Builder на вашій машині, перш ніж установки Flex Framework:
Системні вимоги
FLEX потрібно JDK 1.4 або вище, так що найперше вимога повинна бути JDK встановлений у вашій машині.
Крок 3 - Налаштування Adobe Flash Builder 4.5
Всі приклади, наведені в цьому посібнику, були написані з використанням Adobe Flash Builder 4.5 Професія IDE пробна версія. Тому я хотів би запропонувати, ви повинні мати останню версію Adobe Flash Builder встановлений на вашому комп'ютері в залежності від операційної системи.
Flash Builder можна запустити, виконавши наступні команди на вікна машини, або ви можете просто зробити подвійне клацання на FlashBuilder.exe
Flash Builder можна запустити, виконавши наступні команди на Unix (Solaris, Linux і т.д.) машини:
Adobe Flash Builder пробна версія може бути використана протягом 60 днів. Просто прийміть умови і пропустити перші кроки по реєстрації і як і раніше з IDE. Ми використовуємо версію для навчання мети.
Після успішного запуску, якщо все в порядку, то він повинен відобразити наступний результат:
Adobe Flash Builder поставляється з попередньо налаштованим FLEX SDKs. Ми використовуємо Flex SDK 4.5 в наших прикладах, які поставляється в комплекті з Adobe Flash Builder 4.5.
Крок 4: Налаштування Apache Tomcat:
Tomcat може бути запущений, виконавши наступні команди на вікна машини, або ви можете просто зробити подвійне клацання на startup.bat
Tomcat може бути запущений, виконавши наступні команди на Unix (Solaris, Linux і т.д.) машини:
Tomcat може бути зупинений, виконавши наступні команди на вікнах машини:
Tomcat може бути зупинений, виконавши наступні команди на Unix (Solaris, Linux і т.д.) машини:
Перш ніж ми почнемо з створення фактичного пріложеніяHelloWorld за допомогою Flash Builder, давайте подивимося. які ж точні частини програми Flex. Додаток Flex складається з наступних чотирьох важливих частин, з яких остання частина не є обов'язковим, але перші три частини є обов'язковими:
Flex Framework бібліотеки
Загальнодоступні ресурси (HTML / JS / CSS)
Код на стороні сервера
Приклади розташування різних частин типового додатки FlexHelloWord буде. як показано нижче:
Представляє елемент керування Button, яка може бути натиснута, щоб зробити якісь дії.
Код на стороні сервера
Це сторона серверної частини вашого застосування і його дуже необов'язковими. Якщо ви не робите будь-якої обробки з бекенда-в вашому додатку, то вам не потрібна ця частина, але якщо є деяка обробка потрібна на внутрішньому інтерфейсі і на стороні клієнта додатки взаємодіють з сервером, то вам доведеться розвивати ці компоненти.
Наступна глава буде використовувати всіх вищезазначених концепцій для створення додатка HelloWorld за допомогою Flash Builder.
Ми будемо використовувати Flash Builder 4.5 для створення Flex додатків. Давайте почнемо з простого пріложеніяHelloWorld:
Крок 1 - Створення проекту
Першим кроком є створення простого проекту Flex за допомогою Flash Builder IDE. Запуск майстра проектів за допомогою опцііFile> New> Проект Flex. Тепер назвіть ваш проект какHelloWorld. використовуючи вікно майстра виглядає наступним чином.
Ось короткий опис всіх важливих папок:
Елемент управління NumericStepper дозволяє вибирати число з упорядкованого набору.
Комплекс управління надає користувачам розширені можливості мати справу з великою кількістю даних простим способом і забезпечує їм можливість взаємодії з додатком. Кожен комплекс управління UI успадковує властивості від UIComponent класу, який в свою чергу, успадковує властивості від EventDispatcher і інших класів верхнього рівня.
Контроль і опис
Клас EventDispatcher є базовим класом для всіх класів, які можуть відправляють події. Клас EventDispatcher дозволяє будь-якого об'єкта в списку відображення стати метою події і як такі, використовувати методи інтерфейсу IEventDispatcher.
Клас UIComponent є базовим класом для всіх візуальних компонентів, як інтерактивних, так і неінтерактивних.
Складні елементи управління
Нижче наведено кілька важнихсложних елементів управління:
Контроль і опис
Елемент управління DataGrid відображає рядок заголовків стовпців над прокручувати сітки.
AdvancedDataGrid додає деякі додаткові функціональні можливості стандартного елемента керування DataGrid для додавання функцій візуалізації даних.
Меню управління створює спливаюче меню з варіантами вибору.
Елемент управління ProgressBar забезпечує візуальне представлення ходу виконання завдання в часі.
TitleWindow розширює панель, включаючи кнопку закриття і область переміщення.
Ми можемо додати поведінку гнучкого застосування з використанням концепції ефектів. Наприклад, коли текстове поле отримати фокус, ми можемо зробити його текст стати сміливіше і зробити його розмір невелике більше.
Кожен ефект успадковує властивості від класу ефекту, який в свою чергу, успадковує властивості від EventDispatcher і інших класів верхнього рівня.
ефект опис
Клас Effect є абстрактним базовим класом, який визначає основні функціональні можливості всіх ефектів Flex. Цей клас визначає базовий клас фабрики для всіх ефектів.
Основні ефекти
Нижче наведено кілька важнихОсновние візуальні ефекти: