Foundation Flex for Designers

Foundation Flex for Designers......Page 1
CONTENTS AT A GLANCE......Page 7
CONTENTS......Page 9
ABOUT THE AUTHORS......Page 13
ABOUT THE TECHNICAL REVIEWER......Page 14
ABOUT THE COVER IMAGE DESIGNER......Page 15
ACKNOWLEDGMENTS......Page 16
INTRODUCTION......Page 17
Layout conventions......Page 19
INTRODUCING FLEX AND FLEX BUILDER 3......Page 21
Creating your first project......Page 22
The Flex Builder 3 interface......Page 25
A first look at Flex components......Page 26
Displaying content......Page 30
Summary......Page 41
STYLING......Page 43
The Flex Style Explorer......Page 44
Getting the style back into our applications......Page 55
A more subtle design......Page 58
Summary......Page 61
WORKING WITH STATES......Page 63
Building a personal website......Page 64
Setting up the project......Page 66
Building the base state......Page 67
Creating a new state......Page 74
Styling the project......Page 79
Summary......Page 86
FLEX AND FIREWORKS......Page 89
Creating a Flex layout in Fireworks......Page 90
Importing and manipulating images in Fireworks......Page 91
Organizing Flex Components in Fireworks......Page 93
Using Fireworks to align and refine a layout......Page 98
Modifying the images......Page 102
Bringing the layout into Flex Builder......Page 104
Summary......Page 107
FLEX WITH PHOTOSHOP AND ILLUSTRATOR......Page 109
Building skins in Photoshop......Page 110
Connecting Photoshop skins......Page 112
Scale 9......Page 117
Using the CSS Design view......Page 120
Skinning Flex components in Illustrator using SWF files......Page 122
Importing the Illustrator skins into Flex Builder......Page 128
Summary......Page 130
FLEX BUILDER AND FLASH......Page 133
Creating Flex skins in Flash......Page 134
Adding animation......Page 138
Bringing in a texture for a Panel......Page 139
Going from Flash to Flex......Page 142
Importing Flash animations into Flex......Page 145
Integrating Flash and Flex in a deeper way......Page 147
Summary......Page 151
Overview......Page 153
What is ActionScript?......Page 154
Understanding packages......Page 155
Classes and objects......Page 156
Methods......Page 157
Access modifiers......Page 158
Variables arrays and collections......Page 160
Accessing external data......Page 162
SWFLoader......Page 163
ActionScript and MXML......Page 164
Importing ActionScript classes into Flex......Page 165
Controlling flow with events......Page 166
Binding data......Page 168
Summary......Page 169
FLEX PHOTO GALLERY......Page 171
Starting off......Page 172
Building the Thumbnails panel......Page 175
The Tile component......Page 177
Proper alignment......Page 179
Bringing in the XML......Page 183
Getting the computer to do the work: repeaters......Page 184
Creating the View panel......Page 186
Connecting the Thumbnails and View panels......Page 188
Adding some sizzle......Page 190
Finishing touches......Page 192
Summary......Page 193
FLEX VIDEO GALLERY WITH DRAG-AND-DROP......Page 195
Drag-and-drop with List controls......Page 196
Manually adding drag-and-drop support......Page 201
Altering the file to work with video......Page 205
Writing the drag-and-drop functions......Page 208
Summary......Page 211
EXPLORING FLEX CHARTING......Page 213
Importing a project into Flex Builder......Page 214
A look at the ActionScript involved......Page 216
Adding the DataGrid......Page 218
Creating a column chart......Page 221
Creating a line chart with animation......Page 224
Creating a pie chart......Page 228
Adding a second set of data......Page 232
Summary......Page 233
CREATING FORMS: THE “WILL FLEX FOR FOOD” REGISTRATION PAGE......Page 235
Getting started......Page 237
Adding the Accordion component......Page 240
Adding panes to the Accordion......Page 243
Adding content......Page 244
Adding combo boxes......Page 246
Working with validation......Page 247
Passwords......Page 250
Filling the Final Thoughts pane......Page 252
Summary......Page 253
FLEX AND AIR......Page 255
Creating a new AIR application......Page 256
Building the Media Center layout......Page 259
The ActionScript......Page 261
Connecting FileSystemTree to functions......Page 265
Adding the remaining components......Page 266
Adding CSS......Page 269
Exporting an AIR package......Page 271
Controlling the application window......Page 274
Getting rid of the box......Page 275
Re-creating the functionality......Page 277
Adding the drag functionality......Page 278
Summary......Page 279
INDEX......Page 281