Adobe_Flex_3_Oficjalny_podrecznik_flexop.pdf

(536 KB) Pobierz
Adobe Flex 3. Oficjalny podręcznik
Adobe Flex 3.
Oficjalny podrêcznik
Autorzy: Jeff Tapper, Michael Labriola,
Matthew Boles, James Talbot
T³umaczenie: Andrzej Goñda, Aleksander Lam¿a
ISBN: 978-83-246-1966-5
Format: B5, stron: 648
Poznaj potê¿ne mo¿liwoœci Adobe Flex 3 i twórz bogate aplikacje internetowe
• Jak tworzyæ, wdra¿aæ i debugowaæ bogate aplikacje internetowe?
• Jak u¿ywaæ jêzyka MXML do budowania uk³adu aplikacji?
• Jak tworzyæ niestandardowe komponenty interfejsu u¿ytkownika w jêzykach
MXML i ActionScript?
Adobe Flex 3 to odpowiedŸ na zapotrzebowanie programistów w zakresie tworzenia
bogatych aplikacji internetowych za pomoc¹ przyjaznych i intuicyjnych narzêdzi.
Na Flex sk³adaj¹ siê m.in.: ActionScript 3.0, zwiêkszaj¹cy wydajnoœæ i prostotê
programowania; Flash Player 9, pozwalaj¹cy na szybsz¹ pracê i wykorzystuj¹cy
mniejsz¹ iloœæ pamiêci; Flex Builder 3, udostêpniaj¹cy m.in. œwietne narzêdzia do
usuwania b³êdów i promuj¹cy najlepsze praktyki kodowania oraz programowania
aplikacji.
Ksi¹¿ka „Adobe Flex 3. Oficjalny podrêcznik” poprowadzi Ciê krok po kroku przez
proces budowania dynamicznych, interaktywnych aplikacji. Zawiera ona szczegó³owy,
wyczerpuj¹cy, praktyczny kurs tworzenia i projektowania architektury bogatych
aplikacji internetowych (RIA) w jêzykach MXML i ActionScript 3.0. Dziêki temu
podrêcznikowi nauczysz siê pracowaæ ze z³o¿onymi zbiorami danych, tworzyæ w³asne
zdarzenia niestandardowe, stosowaæ style i skórki, a tak¿e instalowaæ aplikacje w sieci
lub komputerze. Poznasz wszystkie mo¿liwoœci Fleksa i bêdziesz umia³ zastosowaæ
w praktyce nowoczesne narzêdzia, a tak¿e z ³atwoœci¹ korzystaæ z innowacyjnych
technologii.
• Technologie bogatych aplikacji internetowych
• Pulpit programu Flex Builder 3
• Obs³uga zdarzeñ i struktury danych
• U¿ywanie zdalnych danych z kontrolkami
• Tworzenie komponentów w jêzyku MXML
• Repetery ze zbiorami danych
• Tworzenie niestandardowych komponentów w jêzyku ActionScript 3.0
• Stosowanie siatek danych i generatorów elementów
• Wprowadzanie nawigacji
• Formatowanie i walidacja danych
• Zarz¹dzanie histori¹ i g³êbokie linkowanie
• Wizualizowanie danych
• Wdra¿anie aplikacji Fleksa
Skorzystaj z indywidualnych warsztatów Flex 3
i zbuduj samodzielnie wyj¹tkow¹ aplikacjê internetow¹!
692058901.001.png 692058901.002.png
Spis treści
O autorach
15
Wstęp
17
Wprowadzenie
19
Lekcja 1 Wprowadzenie do bogatych aplikacji internetowych 29
Rozwój aplikacji komputerowych ................................................................................ 29
Odejście od architektury opartej na stronie ................................................................. 31
Zalety bogatych aplikacji internetowych ...................................................................... 33
Menedżerowie przedsiębiorstw ...................................................................................... 33
Przedsiębiorstwa branży IT ............................................................................................. 33
Użytkownicy końcowi ..................................................................................................... 33
Technologie bogatych aplikacji internetowych ........................................................... 33
Asynchroniczny JavaScript i XML (AJAX) .................................................................. 34
Flash ................................................................................................................................... 35
Flex ..................................................................................................................................... 35
Windows Presentation Foundation, XAML, Silverlight i Expression ..................... 36
Czego się nauczyłeś? .......................................................................................................37
Lekcja 2 Zaczynamy 39
Wstęp do programowania aplikacji Fleksa .................................................................. 40
Tworzenie projektu i aplikacji MXML ........................................................................ 40
Pulpit programu Flex Builder 3 .....................................................................................43
Uruchamianie aplikacji ..................................................................................................46
Tworzenie drugiej strony aplikacji w trybie projektowania .......................................52
Przygotowania do następnej lekcji ................................................................................57
Czego się nauczyłeś? .......................................................................................................58
Lekcja 3 Projektowanie interfejsu użytkownika 61
Kontenery ........................................................................................................................ 61
Tworzenie układu aplikacji e-commerce w trybie projektowania ..............................62
Praca z układami opartymi na więzach ........................................................................68
Wiązanie do kontenera nadrzędnego ............................................................................ 69
Użycie zaawansowanych więzów ...................................................................................74
6
ADOBE FLEX 3.
Oficjalny podręcznik
Praca ze stanami widoku ................................................................................................76
Sterowanie stanami widoku ............................................................................................78
Projektowanie aplikacji w trybie edycji kodu źródłowego ......................................... 80
Dodawanie stanów widoku i sterowanie nimi za pomocą MXML ...........................82
Czego się nauczyłeś? .......................................................................................................86
Lekcja 4 Stosowanie prostych kontrolek 89
Wprowadzenie do prostych kontrolek ........................................................................ 90
Wyświetlanie obrazów .................................................................................................... 91
Tworzenie widoku szczegółów ...................................................................................... 94
Korzystanie z wiązania danych do powiązania struktury danych
z prostą kontrolką ..................................................................................................... 97
Wykorzystywanie kontenera układu formularzy do umieszczania
prostych kontrolek w aplikacji ................................................................................. 99
Dodawanie przycisków radiowych i pól daty do aplikacji Dashboard ................... 103
Czego się nauczyłeś? ..................................................................................................... 105
Lekcja 5 Obsługa zdarzeń i struktury danych 107
Zrozumienie obsługi zdarzeń ......................................................................................108
Prosty przykład ............................................................................................................... 108
Obsługa zdarzenia przez funkcję języka ActionScript ............................................. 109
Przekazywanie danych podczas wywołania funkcji uchwytu zdarzenia ................ 110
Tworzenie struktury danych w zdarzeniu creationComplete ...................................111
Używanie danych z obiektu Event .............................................................................. 114
Tworzenie własnej klasy języka ActionScript ............................................................. 118
Tworzenie obiektu wartości .......................................................................................... 118
Tworzenie metody kreującej obiekt ............................................................................ 123
Tworzenie klas koszyka na zakupy .............................................................................. 125
Czego się nauczyłeś? .....................................................................................................129
Lekcja 6 Używanie zdalnych danych XML z kontrolkami 131
Pobieranie danych XML za pośrednictwem HTTPService ....................................... 132
Tworzenie obiektu HTTPService ................................................................................. 132
Wywoływanie metody send() ........................................................................................ 133
Używanie zwróconych danych ..................................................................................... 133
Zagadnienia bezpieczeństwa ........................................................................................ 134
Pobieranie danych XML za pośrednictwem HTTPService ....................................... 135
Wypełnianie ArrayCollection danymi z HTTPService ............................................. 137
Używanie obiektów ArrayCollection .......................................................................... 137
Używanie kolekcji w roli dostawców danych ............................................................. 138
Wypełnianie kontrolki ComboBox i programowe dodawanie opcji ......................140
Używanie danych XML z kontrolką Tree ................................................................... 143
Pojęcie operatorów E4X ................................................................................................ 143
Wypełnianie kontrolki Tree danymi XML ................................................................ 148
Pobieranie danych XML i przekształcanie ich w kolekcję ArrayCollection
obiektów użytkownika ............................................................................................. 154
ADOBE FLEX 3. 7
Spis treści
Stosowanie powiązania danych ze złożonymi strukturami danych ........................ 157
Przekształcanie danych koszyka na zakupy ............................................................... 159
Dodawanie elementów do koszyka ............................................................................. 159
Sortowanie elementów kolekcji ArrayCollection ..................................................... 160
Dodawanie elementu lub aktualizowanie ilości ........................................................ 162
Korzystanie z kursora do umieszczania elementu koszyka na zakupy .................. 164
Dodawanie przycisku Remove (usuń) ........................................................................ 171
Czego się nauczyłeś? .....................................................................................................172
Lekcja 7 Tworzenie komponentów w języku MXML 175
Wprowadzenie do komponentów języka MXML ...................................................... 176
Podstawy tworzenia niestandardowych komponentów ........................................... 176
Tworzenie własnego komponentu krok po kroku .................................................... 177
Wykorzystanie niestandardowych komponentów w architekturze aplikacji ....... 179
Tworzenie komponentu aktualizującego i usuwającego informacje
o produkcie oraz jego egzemplarza ........................................................................180
Wyświetlanie informacji o produkcie po kliknięciu przycisków aktualizacji
i usuwania .................................................................................................................184
Tworzenie kolejnego obiektu wartości .......................................................................189
Tworzenie komponentu zarządzającego danymi dla wszystkich trzech aplikacji ......... 191
Używanie nowego komponentu zarządzającego danymi .........................................197
Wprowadzanie funkcji dodawania produktu ........................................................... 200
Tworzenie i używanie komponentów dla aplikacji Dashboard ...............................201
Czego się nauczyłeś? .....................................................................................................203
Lekcja 8 Używanie kontrolek i komponentów Repeater ze zbiorami danych 205
Używanie zbiorów danych .......................................................................................... 206
Komponenty HorizontalList i TileList ......................................................................207
Wprowadzenie labelFunction ......................................................................................208
Wprowadzenie właściwości itemRenderer .................................................................209
Wyświetlanie kategorii za pomocą elementów HorizontalList i itemRenderer .................210
Wyświetlanie informacji o produktach spożywczych należących
do określonej kategorii ............................................................................................214
Używanie komponentu Repeater do wykonania pętli przeszukującej
zbiór danych .............................................................................................................. 214
Pobieranie danych z komponentów Repeater ........................................................... 215
Adresowanie komponentów utworzonych przez Repeater ..................................... 217
Wyjaśnienie różnic w wydajności komponentów TileList i Repeater .................... 218
Wyświetlanie informacji o artykułach spożywczych należących
do określonej kategorii ............................................................................................. 218
Kodowanie stanów wyświetlających szczegółowe informacje o produkcie ........... 224
Umieszczanie produktów w koszyku na zakupy ...................................................... 227
Czego się nauczyłeś? .................................................................................................... 229
8
ADOBE FLEX 3.
Oficjalny podręcznik
Lekcja 9 Używanie zdarzeń niestandardowych 232
Korzyści ze stosowania luźno powiązanej architektury ............................................232
Wysyłanie zdarzeń ........................................................................................................233
Deklarowanie zdarzeń komponentu ..........................................................................235
Kiedy używa się klas niestandardowych zdarzeń .......................................................236
Tworzenie i używanie CategoryEvent .........................................................................237
Tworzenie i używanie klasy ProductEvent ................................................................ 240
Używanie ProductEvent do usuwania produktu z koszyka ....................................244
Wykorzystanie ProductEvent do dodawania produktu do koszyka ......................246
Zrozumienie przepływu i bąbelkowania zdarzeń ..................................................... 247
Czego się nauczyłeś? .....................................................................................................252
Lekcja 10 Tworzenie niestandardowych komponentów w języku ActionScript 3.0 255
Wprowadzenie do tworzenia komponentów w języku ActionScript 3.0 ................256
Tworzenie struktury klasy ............................................................................................257
Nadpisywanie metody createChildren() .....................................................................259
Tworzenie przycisku w języku ActionScript ..............................................................260
Używanie metody addChild() do dodawania przycisku do komponentu ............260
Co to jest chrom i rawChildren ................................................................................... 261
Używanie metod addChild() i rawChildren do dodawania elementów
do chromu ..................................................................................................................262
Ustalanie rozmiarów i pozycji komponentów we Fleksie ........................................265
Zrozumienie metody measure() ................................................................................. 267
Nadpisywanie metody updateDisplayList() .............................................................. 267
Czego się nauczyłeś? .....................................................................................................273
Lekcja 11 Stosowanie siatek danych i rendererów elementów 276
Wprowadzenie do siatek danych i rendererów elementów ...................................... 277
Dodawanie standardowej siatki danych do komponentu ChartPod ..................... 277
Dodawanie wywołań HTTPService do aplikacji Dashboard ................................... 278
Wyświetlanie koszyka na zakupy w siatce danych .................................................... 282
Dodawanie kontrolek edycji w siatce do DataGridColumn ...................................284
Tworzenie renderera elementów służącego do wyświetlania informacji
o produkcie ................................................................................................................285
Tworzenie lokalnego renderera elementów w celu wyświetlenia
przycisku Remove .....................................................................................................287
Aktualizowanie ShoppingCartItem funkcjami Set i Get .........................................292
Używanie zaawansowanej siatki danych .....................................................................293
Sortowanie AdvancedDataGrid ...................................................................................294
Sortowanie w trybie zaawansowanym .........................................................................295
Nadawanie stylów zaawansowanej siatce danych ......................................................296
Grupowanie danych ......................................................................................................300
Wyświetlanie danych podsumowujących ................................................................... 305
Czego się nauczyłeś? ..................................................................................................... 313
Zgłoś jeśli naruszono regulamin