txt
In the previous chapter, you learned how to create a photo gallery that pulls images in
through XML. Next we are going to build off this design and take it to the next level.
We??™ll work with video instead of stills. Also, instead of using a button click to select a
video, we??™ll use the drag-and-drop capabilities that are built into Flex.
Using drag-and-drop is a great way to give your interface a more tactile feel, and it
allows for greater complexity within the interface by allowing the user to drag an
object to multiple locations.
177
FLEX VIDEO GALLERY WITH DRAG-AND-DROP
Chapter 9
Drag-and-drop in Flex
The Flex development platform includes the Drag and Drop Manager, which allows you to select a component,
drag it over the top of another component, and add it to that component. All Flex components
support drag-and-drop, but some have extra support to make it easier. These are components such as
Lists and DataGrids. We??™ll start by creating a simple example using components that have this extra support,
and then follow up with a more elaborate example. The second example will involve putting dragand-
drop functionality into a photo gallery using a manual method, which is pretty complex but gives
you greater control over the interaction.
There are three stages to a drag-and-drop operation:
The initiation, when the user first selects a component and, while holding down the mouse
button, moves that component.
The dragging, when the component is being moved.
Pages:
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135