Creating visual experiences with Flex 3.0 0321545370, 9780321545374

Leading Flex developers Sanchez and McIntosh show how to build Flex and AIR applications that are stunningly beautiful a

386 45 7MB

English Pages 399 [431] Year 2008;2009

Report DMCA / Copyright

DOWNLOAD FILE

Creating visual experiences with Flex 3.0
 0321545370, 9780321545374

Table of contents :
Cover......Page 1
Contents......Page 10
Foreword......Page 20
Preface......Page 22
Acknowledgments......Page 26
About the Authors......Page 27
I: Introduction......Page 28
The Audience......Page 30
The Content......Page 31
User Interaction......Page 33
The Presentation......Page 34
Summary......Page 38
Flex 3.0 Framework......Page 40
Developing Flex Applications......Page 42
Summary......Page 44
II: The Flex 3 Framework......Page 46
Understanding Flex Layout......Page 48
Automatic Positioning......Page 50
Absolute Positioning......Page 52
Sizing Components......Page 56
Managing Scrolling......Page 58
Summary......Page 62
Understanding Style Properties......Page 64
Applying Styles Inline......Page 67
Applying Styles Using CSS......Page 68
Style Precedence......Page 71
Working with Styles Using ActionScript......Page 75
Styling in Design View......Page 78
CSS Design View......Page 81
Summary......Page 83
5 Graphical Skinning......Page 84
Difference Between Bitmap and Vector......Page 87
Embedding Graphics in Flex 3......Page 88
Using 9-Slice Grids......Page 89
Naming Conventions for Skin Importing......Page 91
Using the Skin Import Wizard......Page 94
Working with Skins in CSS Design View......Page 96
Skin Templates......Page 97
Mixing Tools......Page 98
Summary......Page 99
6 Programmatic Skinning......Page 100
Introducing the Drawing API......Page 101
Creating a Programmatic Skin......Page 102
Understanding Measurement and Programmatic Skinning......Page 107
Summary......Page 108
7 Lists and Navigation Components......Page 110
List-Based Components......Page 111
Item Renderers and Editors......Page 114
Navigation Controls......Page 118
Navigation Containers......Page 122
Specifying Labels and Icons......Page 125
Using a List-Based Component for Navigation......Page 126
Summary......Page 127
Understanding by Example......Page 128
Icons......Page 130
Focus Border......Page 132
Tool Tips......Page 134
Using the Tool Tip Manager......Page 140
Cursors......Page 142
Summary......Page 145
Attention to Text......Page 146
Customizing Fonts......Page 147
Embedding Fonts......Page 148
Advanced Anti-Alias Properties......Page 150
Specifying Character Ranges......Page 151
Text Styling for Consistency......Page 153
Working with Text......Page 154
Working with HTML Text......Page 156
Summary......Page 160
Filters......Page 162
Working with Filters......Page 163
Filter Properties......Page 165
Applying Filters......Page 166
Blends......Page 169
Summary......Page 172
Using Effects and Transitions......Page 174
Effects......Page 178
Applying Effects......Page 179
Compound Effects......Page 183
Easing Functions......Page 185
Data Effects......Page 189
Default Data Effects......Page 190
Custom Data Effects......Page 192
Other Tweening Options......Page 194
View States......Page 195
Adding Transitions......Page 198
Summary......Page 203
III: Beyond Flex......Page 204
Flex Component Kit......Page 206
Motion XML......Page 209
Summary......Page 210
13 Customizing AIR Applications......Page 212
Getting Started......Page 213
Working with Window Chrome......Page 215
Summary......Page 218
IV: Exercises......Page 220
4.1 Loading a Style Sheet at Runtime......Page 222
Summary......Page 226
5.1 Creating a Graphical Skin with Flash......Page 228
Creating the Artwork......Page 229
Converting Artwork to Symbols......Page 231
Bringing Your Flash Artwork into Flex......Page 233
The Final Product......Page 236
Taking This Example Further......Page 237
Using Bitmap Assets in Flash......Page 238
Summary......Page 239
Getting Started......Page 240
Creating the Artwork......Page 241
Taking Your Skin Artwork into Flex......Page 244
Taking This Example Further......Page 247
Using Skin Templates......Page 248
Summary......Page 249
5.3 Creating a Graphical Skin with Fireworks......Page 250
Creating the Artwork......Page 251
Bringing Your Skins into Flex......Page 255
Using Skin Templates......Page 259
Summary......Page 261
5.4 Creating a Graphical Skin with Photoshop......Page 262
Creating the Artwork......Page 263
Taking Your Skin Artwork into Flex......Page 267
Taking This Example Further......Page 272
Using Skin Templates......Page 273
Summary......Page 274
6.1 Creating a Programmatic Skin......Page 276
Setting Up a Testing Harness......Page 277
Creating the Skin Class......Page 278
Applying the Skin to the Buttons......Page 279
Drawing the Artwork......Page 280
Applying Styles......Page 288
Taking This Example Further......Page 289
Summary......Page 291
Getting Started......Page 292
Testing the Application......Page 295
Summary......Page 300
7.2 Creating a Photo Gallery Using a Tile List......Page 302
Summary......Page 309
9.1 Embedding a Font in a SWF File Using Flash......Page 312
Summary......Page 313
9.2 Packaging a CSS File with a Font as a SWF......Page 314
Summary......Page 316
9.3 Creating a Style Sheet for HTML Text......Page 318
Summary......Page 322
11.1 Applying a Custom Effect......Page 324
Summary......Page 326
11.2 Creating a Transition between Views States......Page 328
Summary......Page 339
Creating the Skin Structure......Page 340
Creating the Skin Artwork......Page 343
Creating Transitions......Page 345
Bringing the Flash Skin into Flex......Page 348
The Final Product......Page 353
Summary......Page 354
12.2 Using Flash Skin Templates......Page 356
Summary......Page 358
Creating a Basic Container in Flash......Page 360
Bringing Your Custom Container into Flex......Page 362
Summary......Page 364
12.4 Using Motion XML......Page 366
Preparing Flex......Page 370
Summary......Page 373
V: References......Page 374
A: Skinning and Styling Diagrams......Page 376
B: Filters Cheat Sheet......Page 394
Flex Skins and Themes......Page 398
Community Flex Components......Page 399
Reference......Page 400
Adobe Blogs......Page 401
Other Blogs......Page 402
Flex and AIR Showcase......Page 403
Fonts......Page 404
Graphics......Page 405
A......Page 406
B......Page 408
C......Page 409
D......Page 410
E......Page 411
F......Page 412
G......Page 415
I......Page 416
J......Page 417
M......Page 418
O......Page 419
P......Page 420
R......Page 421
S......Page 422
T......Page 424
U......Page 425
Z......Page 426

Polecaj historie