→ Пошук по сайту       Увійти / Зареєструватися
Знання

Adobe Flex — технологія швидкої розробки RIA

 Flex  RIA  Flash

Adobe Flex — технологія для легкого і дуже швидкого створення RIA, Rich (от уже справді rich) Internet Applications. на описі інтерфейсу програми (і не тільки: обробників подій, зв'язку джерел даних з об'єктами і т.п.) за допомогою діалекту XML - MXML. Flex додаток може компілюватися на сервері, а може - з IDE [це стало можливим починаючи з Flex 2], як в Flash, результатом є swf файл, що виконується за допомогою Flash Player.

Чим Flex відрізняється від Flash?

Переваги Flex тісно пов'язані з його специфікою, MXML. Без завантаження зовнішніх роликів (а постійно користуватися ними або вбудованими у вигляді поля класу об'єктами, як не крути, не особливо приємно) ми не можемо створити настільки ефектного інтерфейсу, як це дозволяє зробити Flash, але для багатьох завдань присутнього скінованія якраз вистачає. У випадку зі строгими інтерфейсами бізнес-додатків швидкість розробки просто приголомшлива. Також Flex славиться своїми графіками, компоненти для побудови яких зроблені не тільки зручними для використання, але й у 99% випадків виглядають дуже прийнятно для використання as is. Приклад - графіки Google Analytics.

Копнувши глибше, ми розуміємо, що сила Flex - GUI в його фреймворку (бібліотека компонент), яка дуже вдало спроектована, увібравши в себе весь досвід попередніх компонент (v1 components, v2 components, компоненти для Flex 1/1.5). Інша складова - це компілятор mxmlc, Який перетворює mxml-код у звичайний AS3-код, який, у свою чергу, компілюється в swf. Таким чином, Flex-GUI являє собою в'язку вдало спроектованого фреймворку, заточеного під mxml, і компілятора mxmlc.

Переваги Flex

Flex 2, крім швидкості розробки, надає повні мультимедійні можливості Flash Platform: включаючи потокове відео, звук (у тому числі і програмний), бінарні сокети і велика кількість інших нових можливостей ActionScript 3. Можливостей, які, здавалося б, в 1.2 мегабайта запхати просто неможливо...

Про поширеність плеєра

Важливим є питання поширеності плеєра. Крім практики останніх років, що показує, що поширення останньої версії плеєра займає вже не 2 роки, а 6 місяців, у Adobe в руках тепер реально ефективна зброя: Express Install. Фича, яка легко використовується разом з промисловим стандартом для впровадження ролика в тіло сторінки (після знаменитого IE Eolas Update) - SWFObject - дозволяє фактично не паритися з приводу новизни 9 версії Flash Player. В еру broadband 1.2 мегабайта викачуються просто непомітно.

Про MXML

MXML — Заснований на XML декларативниа мова опису інтерфейсів, що використовується платформою Adobe Flex, Яка застосовується для створення RIA (Rich Internet Applications, насичених Інтернет-додатків). При створенні насичених інтернет-додатків MXML використовується для опису та налаштування властивостей візуальних елементів інтерфейсу, наприклад кнопок, панелей, таблиць і т.д. (хоча за допомогою MXML можна описувати і невізуальних елементи, наприклад веб-сервіси, поведінку компонентів, переходи і т.д.). Для обробки подій описаних за допомогою MXML компонентів використовується мова ActionScript 3. По суті MXML є декларативною надбудовою над ActionScript, тому що при компіляції по MXML-файлів створюються еквівалентні as-файли, які в подальшому вже переводяться в бінарний код.

Приклад коду MXML

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">
    <mx:Array id="sampleArray">
        <mx:String>Sample Label 1</mx:String>
        <mx:String>Sample Label 2</mx:String>

    </mx:Array>
    <mx:Panel title="Example Panel">
        <mx:ComboBox dataProvider="{sampleArray}"></mx:ComboBox>
    </mx:Panel>
</mx:Application>

Flex — навчальні матеріали

Для написання Flex-застосунків використовується MXML і ActionScript.

 Flash  Flex  RIA
MXML – це мова розмітки XML, яка використовується для опису і налаштування компонентів інтерфейсу користувача. Можна також використовувати MXML для декларативного визначення невізуальних аспектів застосунку, таких як доступ до джерел даних на сервері та прив’язка даних між компонентами інтерфейсу користувача і джерелами даних на сервері.

Джерела даних (Data providers)

 Flash  Flex  RIA
Елементи керування джерел даних Flex використовують унікальний ідентифікатор (UID) для відстеження елементів даних. Flex може автоматично створювати та керувати UID’ами. Однак існують обставини, коли необхідно надати свою властивість uid шляхом реалізації інтерфейсу IUID, та обставини, за яких подача власної властивості uid покращує ефективність обробки даних.

Використання компонентів HTTPService

 Flash  Flex  RIA
Можна використовувати компонент HTTPService з будь-якою технологією, що використовується на стороні сервера, включаючи сторінки PHP, ColdFusion, JavaServer Pages (JSPs), Java servlets, Ruby on Rails і сторінки Microsoft ASP.

Прив’язка даних (Data binding)

 Flash  Flex  RIA
Прив’язка даних (Data binding) дозволяє передавати дані між об’єктами на стороні клієнта в Adobe® Flex®. Прив’язка автоматично копіює значення властивості об’єкту джерела у властивість об’єкту адресату. Це відбувається, коли властивість джерела змінюється.

Використання E4X у прив’язці даних

 Flash  Flex  RIA
Представлення прив’язки даних у фігурних дужках або за допомогою тегу може містити ECMAScript для XML (E4X)-представлення, коли джерелом прив’язки є придатна до прив’язки властивість типу XML. Не можна використовувати E4X при визначенні прив'язки даних за допомогою BindingUtils.bindProperty() або методу BindingUtils.bindSetter().

Ієрархічні об'єкти даних

 Flash  Flex  RIA
Ієрархічні об'єкти даних використовуються з елементами контролю, які відображають вкладену ієрархію вузлів і підвузлів, таку, як гілки дерева і листки, а також підменю меню і елементи.

Елемент керування DataGrid

 Flash  Flex  RIA
Елемент керування DataGrid — це список, який може відображати більше однієї колонки даних. Це відформатована таблиця даних, яка дозволяє задати комірки таблиці, які можна редагувати, а також це основа для багатьох керованих даними застосунків.

Про представлення даних

 Flash  Flex  RIA
Adobe® Flex® надає наступний набір можливостей для представлення даних в за стосунку: прив’язка даних, контроль даних, форматування. Ці можливості працюють у поєднанні з Adobe® LiveCycle™ Data Services ES і властивостями Vega для роботи з віддаленими даними.

Опис моделі даних (Defining a data model)

 Flash  Flex  RIA
Модель даних можна визначити в тезі MXML, в функції ActionScript або в класі ActionScript. Загалом, потрібно використовувати моделі на основі MXML для простих структур даних, а ActionScript — для більш складних структур і бізнес–логіки (бізнес–логіка — це програмний код, який реализує функціональність застосунку) на стороні клієнта.

Прості компоненти MXML

 Flash  Flex  RIA
Застосунки Adobe ® Flex ® зазвичай складаються з кількох файлів MXML та ActionScript, і кожен MXML-файл є окремим компонентом MXML. MXML-компоненти дозволяють інкапсулювати функціональність в багаторазово використовуваному компоненті, розширити існуючі компоненти Flex шляхом додавання їм нової функціональності, а також посилатися на MXML-компонент за допомогою тегу MXML.

Основні поняття розділу[Приховати / показати]

Adobe Flex ресурси

wiki.flash-ripper.com

Coding with MXML and ActionScript

Developing Applications in MXML

Using ActionScript


загрузка...
Сторінки, близькі за змістом