Video som förklarar de nya komponenterna i Flex 4
Bild hämtad från Flickr.
CS4 paketet är alldeles runt hörnet och kort därpå kommer antagligen nästa version av Flex. En av de stora nyheterna, som varit kännt ganska länge, är att de utvecklat en ny och mer flexibel komponentarkitektur. Faktum är att jag redan skrivit om det i ett tidigare inlägg för drygt ett år sedan.
Jag kommer ihåg att det var ganska svårt att sätta ord på vad som var så speciellt med det nya komponentramverket. Därför blev jag glad när jag hittade en video där Ely Greenfield själv demonstrerar hur det fungerar. Under den inbäddade videon finns mitt ursprungliga inlägg.
Så här försökte jag förklara det för drygt ett år sedan:
Flex har ett stort antal komponenter som numera täcker in det mesta för att skapa avancerade användargränssnitt. Allt från enkla labels och knappar till mer avancerade listor och datagrids. Jag har alltid ansett att när Flex väl täcker in behovet av dessa grundläggande komponenter, så finns den riktiga potentialen i nyskapande funktionalitet som inte återfinns i någon annan teknologi. Men Adobe verkar ha tänkt ett par, tre fyra steg längre.
På Max i Barcelona pratar Ely Greenfield om några experiment Adobe gjort i Flex komponentramverk. I korta drag är de ute efter att en komponent endast ska definiera sin absoluta grundfunktionalitet för att det sedan ska vara enkelt att förändra dess interaktion och utseende i efterhand. Ely visar upp en skiss som påminner om ett MVC (Model, View, Controller) designmönster för en komponent. Controller-delen kan enkelt utökas eller förändras för att ge olika funktionalitet beroende på i vilket läge komponenten befinner sig. View-delen byggs upp med MXML och ger ett kraftfullt verktyg till förändring av komponentens utseende.
Tillvägagångssättet påminner mycket om HTML och CSS. Tänk dig en onumrerad lista i html. I sin enklaste form representerar den en samling av punkter i text. Men med CSS kan utseendet förändras, och med pseudoklasser kan man ange hur den ska se ut i olika lägen beroende på användarinteraktion.
Ely visar bland annat upp en vanlig listkomponent. Genom att förändra dess "view" så visas listan horisontellt istället för vertikalt. Med lite ny grafik så har vi helt plötsligt en tabview-liknande komponent. Ytterligare några små förändringar så liknar det en accordion-komponent. Han lägger till några ikoner och några transitions, vilket skulle kräva en hel del jobb med en traditionell accordion-komponent. Efter det gömmer han texten och visar bara ikonerna, lägger till en animation vid mouseover för att visa texten. Vi har nu en helt ny typ av komponent som det inte finns någon direkt motsvarighet till i Flex komponentramverk. Men kärnan är fortfarande en vanlig list-komponent.
Korsar man detta med Thermo, en applikation i tidigt stadium som visades på Max, så får man ett väldigt kraftfullt och smart verktyg för att skapa, eller snarare förändra, komponenter utifrån ett vanligt designdokument. En designer kan rita en scrollbar där de olika delarna sedan kan mappas mot de element som utgör en scrollbarkomponent. Det intressanta är att detta inte enbart gäller utseende, utan även funktion.
Allt detta är i prototypstadiet, och det kommer säkert dröja ett bra tag innan det kommer skarpt i Flex. Men det visar på innovation även när det kommer till vanliga applikationskomponenter. Det är väldigt viktigt för att Flex inte enbart ska ses som ett modernt alternativ av Java Swing.
Postat 9/18/2008, Kommentarer (230)Taggar: flex komponenter video
Kommentarer:
Kommentera inlägget