A drawer is a hidden part of the user interface. You can use drawers to display controls that are only infrequencly used. This sample uses a drawer to display controls for selecting visualization presets. Click on the narrow vertical bar on the left to open the drawer. You will see two buttons. Click on the buttons to select the next or previous visualization. Click on the narrow vertical bar to close the drawer.
This particular drawer effect is achieved by using two subviews. One subview contains the windows for the visualization and has a zIndex of 5, ensuring that it will be in front of any other views with undefined z-indexes. The other subview contains the button to open the drawer as well as the two buttons that select visualization presets, and is mostly hidden by the first subview, except for the left edge with the narrow vertical button.
When the narrow vertical button is clicked, a JScript function is called that opens the drawer if it is closed, and closes it if it is open, both by using the moveTo method on the subview.
See the textplay sample for a different way to create a drawer effect by exposing a hidden part of the main view.
See the Windows Media Player SDK for more information.
