Introducing to Thermo and Next Generation of Flex @ MAX 2008

FXG ako univerzálny formát

Špecifikácia FXG (1.0) popisuje univerzálny grafický XML formát pre Flash Platform-u. FXG obsahuje vysoko-úrovňové grafické a textové objekty, ktoré sa využívajú na vytvorenie, združenie, transfomáciu a vizuálnu modifikáciu základných vektorových a rastrových tvarov. Renderovací model FXG sa približuje renderovaciemu modelu Flash Player-a 10 a ponúka všetky grafické možnosti Flash Platform-i spolu s podporou pre budúce možnosti Flash Player-a.

FXG ako podmnožina MXML definuje výmenný formát pre Flash Catalyst. FXG je podporovaný v Creative Suite 4 a to Photoshop, Illustrator a Fireworks CS4.

Zdroj: http://opensource.adobe.com/wiki/display/flexsdk/FXG+1.0+Specification

Flash Catalyst

Flash Catalyst je to, čo sme všetci predtým poznali ako Thermo. Je to nový profesionálny dizajnérsky nástroj na tvorbu vzhľadu aplikácií a interaktívneho obsahu bez nutnosti programovania, čo môže siahať od interaktívnych reklám, cez produktové príručky a portfóliá až po užívateľské rozhrania pre aplikácie. Flash Catalyst umožňuje dizajnérom začať pri statických kompozíciách vytvorených v Adobe Photoshop CS4, Illustrator CS4 alebo Fireworks CS4 a skonvertovať vytvorenú predlohu do aplikácie s interaktívnom obsahom.

Zdroj: http://labs.adobe.com/technologies/flashcatalyst/

Myšlienka, ktorá sa skrýva za Catalyst-om je orientovaná na dizajnérov a umožňuje im vytvoriť skôr kompletné zážitky ako len “témy” a “skiny” v spolupráci paralelne s vývojármi.

Preview verzia Flash Catalyst (Mac verzia) bola dostupná na Adobe MAX 2008 pre všetkých a bola distribuovaná na jednom DVD spolu s Gumbo-m (Mac aj Win verzia).

Ryan Stewart po krátkom úvode spravil malé demo. Vychádzal z dizajnu vytvoreného vo Photoshop-e, ktorý ako *.psd importoval do Catalyst-u.

Catalyst umožňuje import aj z aplikácií ako Adobe Illustrator alebo Adobe Fireworks.

Počas importu *.psd dizajnu do aplikácie sa na pozadí generuje “well formed” kód v *.fxg formáte. Pridávanie stavov, prechodov a efektov je veľmi jednoduché vďaka dizajn módu.

Časová os umožňuje presne nastaviť dĺžku trvania prechodov v čase pomocou drag-n-drop.

Ryan nakoniec vytvoril jednoduchý interaktívny element, kde cez dva kliky nadefinoval onClick akciu, ktorá nastaví run-time stav aplikácie. Nakoniec otvoril uloženú aplikáciu v novom Gumbo-vi, bohužial renderovanie v dizajn móde máličko zlyhalo.

Snažil som sa vytvoriť si jednoduchú slideshow aplikáciu cez Catalyst a Gumbo. Dizajn som vytvoril cez Photoshop a následne importoval do Catalyst-u. Výsledok nebol moc uspokojivý, poloha objektov bola odlišná od originálu, väčšinou sa prvky nachádzali na pozícii 0, 0. Niektoré vektorové vrstvy boli úplne rozbité, bolo nutné ich rasterizovať vo Photoshop-e pred importom. Konverzia objektov na interaktívne elementy prebiehala hladko. Avšak pri náhľade projektu sa mi compiler ohlásil asi s 30-timi chybami. Na dnes som to nechal tak, ale v testovaní budem pokračovať :)

Edit: Chyba zrejme nebude v podkladoch ako som sa domnieval. Použil som pre import podklady z http://thermoteamblog.com/ a aplikácia sa zachovala rovnako — objekty sú posunuté, rozbité a nepoužiteľné. Skúsim sa obrátiť na Thermo Team o pomoc, dúfam že sa problém vyrieši. Nerád by som odkladal zamýšlané články až k oficiálnemu vydaniu :)

Gumbo a Spark

Gumbo je názov pre novú verziu Flex Builder-a a Spark je označenie skin a komponentovej architektúry použitej pre Gumbo. Zásadnou novinkou je okrem nových vlastností samozrejme vyššie popísané FXG, ktoré obsahuje základné grafické a textové elementy, skupinové elementy a možnosti základných transformácií. FXG obsahuje tagy pre tvorbu základných tvarov ako napr. , a , tagy a atribúty pre výplne a obrysy týchto základných tvarov s rôznymi farbami, prechodmi alebo rastrami ako aj podporu pre filtre, masky, priehladnosti a blend módy na FXG elementoch.

Heidi Bauer-Williams z Flex Builder tímu predstavila ďalšie zásadné novinky pre Gumbo.

Package explorer — zlepšuje prehladnosť štruktúry kódu a umožňuje dokonca zobraziť už aj štruktúru swc knižníc

Templates — možnosť vytvorenia šablón pre rôzne typy súborov

Zobrazovanie ASDoc dokumentácie v tooltipoch

Automatické generovanie getter-ov/setter-ov pre akúkoľvek premmennú v triede

Automatické generovanie event handlerov

Skok na riadok v debugger-i po dosiahnutí breakpoint-u

Výskyt breakpoint-ov na základe podmienok — vhodné napr. pre debugging slučiek

Network monitor — sledovanie sieťového trafiku z/do aplikácie, podpora HTTP a AMF protokolu. (bez náhľadu)

Move refactoring — refaktoring na základe presunu v rámci package štruktúry. Konečne, lebo väčšinou si zvyknem umiestnenie triedy rozmyslieť vtedy, keď je takmer celá trieda dopísaná a dvakrát podedená.

Bola zvýšená rýchlosť compiler-a ako aj znížená spotreba pamäte celej aplikácie. Bola pridaná podpora pre FlexUnit a jednoduchá integrácia PixelBender efektov. Práca s Flex Builderom je opäť o niečo jednoduchšia a príjemnejšia, avšak stále je čo zlepšovať. Závery si nedovolím robiť, pretože aplikácia nie je finálna a Adobe môže ešte všeličím prekvapiť. Koniec koncov, opísané “nové feature” sú bežnou vecou konkurenčných nástrojov. Dúfam len, že Adobe sa ich bude snažiť predbehnúť :)