These are the names of the effects that we created earlier and that were carried over
in the MXML file when we copied it (Figure 9-20).
Figure 9-20. Rollover effects on VideoDisplay
188
CHAPTER 9
11. So far, these are the same changes that we made for the image thumbnails. We??™ll add the new
part, which controls the dragging, to the mouseMove property in the Events section of the
Category view (Figure 9-21).
Figure 9-21. Adding the dragging function to VideoDisplay
Set this property to dragIt(event, event.target.getRepeaterItem() ). We will create this function to manage
the drag-and-drop of this video piece.
12. Since we are dealing with videos now, the View Panel Image component must also be changed
to a VideoDisplay component. Delete the existing Image component. Put a VideoDisplay component
in its place and size it to fill the entire content area of the View Panel (Figure 9-22).
Figure 9-22. Large VideoDisplay
189
FLEX VIDEO GALLERY WITH DRAG-AND-DROP
13. This component will display our videos when they are dragged onto the View Panel. The only
property that we have to assign for this one is the name, so set the ID to myVideo (Figure 9-23).
The View Panel will serve as our drop target for our drag-and-drop operation.
14. To make the panel ready to accept the
dragged item, we need to set some of its
properties. For the View Panel component,
set the properties of the dragDrop,
dragEnter, and dragExit properties are shown
in Figure 9-24. These are functions that
we are about to write that control what we want to happen at each of these events.
Pages:
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141