1. Let’s Flex the Web
Budowanie aplikacji w środowisku Adobe Flex

2. Let’s Flex the Web
Witamy!
Plan prezentacji
• Wykorzystanie podstawowych komponentów
• Kontenery
• Layout Managery
• Data Binding
• Popupy
• Efekty i przejścia
• Stany aplikacji

3. Let’s Flex the Web
Wykorzystanie podstawowych
komponentów
Tomasz Cieślar

4. Let’s Flex the Web
MXML ActionScript
Właściwości Read-Write <mx:Tile id=“_tile1“ label=“moj tytul“ _tile1.label = „moj tytul“
visible = „true“/> _tile1.visible = true;
Metody Brak dostępu z MXML _mojaLista.sortItemsBy(„data“, „DESC“);
Zdarzenia private function changeHandler(ebeny:MouseEvent):void
{
…………..
}
<mx:Accordion id=“_mojAcc“ _mojPrzycisk.addEventListener(MouseEv
change=“changeHandler(event)“ /> ent.CLICK, changeHandler);
Style Do ustawienia stylu
<mx:Tile id=“_mojTytul“ paddingTop=12
paddingBottom=“12“ /> _mojTytul.setStyle(„paddingTop“,12);
_mojTytul.setStyle(„paddingBottom“,12);
Do zwrócenia wartości
Var _aktualnyPaddingTop:Numer =
_mojTytul.getStyle(„paddingTop“);
Efekty Do ustawienia efektu
<mx:Tile id=“_mojTytul“
showEffect=“{AWipeEffect}“ /> _mojTytul.setStyle(‚showEffect‘,
AWipeEffect);
Do zwrócenia wartości
Var aktualny ShowEffect:String =
_mojTytul.getStyle(„showEffect“);

5. Let’s Flex the Web
Kontenery
Tomasz Cieślar

6. Let’s Flex the Web
Kontenery
Layoutu Nawigacji
• Application ControlBar • Accordion
• Box • TabNavigator
• Canvas • ViewStack
• ControlBar
• DividedBox
• Form
• Grid
• Panel
• Tile
• TileWindow

7. Let’s Flex the Web
Data Binding

8. Let’s Flex the Web
Bindowanie
Co znaczy Bindować?
Jak coś zbindować?
• „{ }” curly braces
• <mx:Binding />
• BindingUtils – bindowanie z poziomu AS

9. Let’s Flex the Web
Efekty, przejścia i stany
aplikacji

10. Let’s Flex the Web
Efekty
Rodzaje efektów
• Blur, Dissolve, Fade, Glow, Iris, Move, Resize, Rotate, WipeDown, WipeLeft,
WipeRight, WipeUp, Zoom
Sposoby odtwarzania
• Parrarel
• Sequence

11. Let’s Flex the Web
Stany aplikacji
• Stan bazowy
• Zmiany w różnych stanach
• Zależności między stanami
• Przejścia między stanami

12. Let’s Flex the Web
Podsumowanie

13. Let’s Flex the Web
Pytania

14. Let’s Flex the Web
Dziękujemy za uwagę
SKN MediaFrame