Windows Media Player SDK banner art
PreviousNext

Art Files

You must create one or more art files for your skin. Without art, the user will have nothing to look at. You could create an invisible skin, but no one would see it! And even then, you would still have to create art files to hold your invisible images, because the skin definition file requires art files for specific elements.

There are three uses of art in skins:

Primary Images

You must create a primary image for your skin. This is what the users will see when they install your skin. The primary image is composed of one or more images that are created by specific skin controls. If you have more than one control, you must specify the z-order. It defines which controls are displayed "in front" of other ones. Each View control will have a background image that you can add other element images to, allowing you to create a primary composite image. You also may have secondary images, such as a sliding tray, that do not display when your skin first appears, but that show up when the user takes some action. These follow the same rules as primary images, in that they are created with a set of controls.

Mapping Images

One of the most powerful features of Windows Media Player skins is that you can use image mapping to trigger events for your skin. Image maps are files that contain special images. The images in an image map file, however, are not meant to be viewed by the user, but are used by Windows Media Player to take action when the user clicks on your skin. In essence, the user cannot see them, but the mouse can. Different controls need different kinds of image maps. For example, if you color part of an image map a specific red value, and the user clicks on the corresponding area of your primary image, a button will fire an event. Color is used to define which events are triggered by clicks in what areas of the skin. This may sound odd, but it allows a great deal of artistic control over the actions that your skin can process.

Alternate Images

You can also set up alternate images to display when a user does something. For example, you can create an alternate image of a button that will be displayed only when the mouse hovers over the button. This is a good way to let users know what they can do, and also allows for a highly discoverable user interface. By using ToolTips and hover images carefully, you can create unusual user interfaces that still give the user feedback on what options are available.

PreviousNext


© 2000-2001 Microsoft Corporation. All rights reserved.