xboxscene.org forums

OG Xbox Forums => Official UnleashX Forum => Dashboard Forums => WIP Beta => Topic started by: isaac_24 on May 06, 2005, 09:18:00 AM

Title: Audio Player Skin And Button Map
Post by: isaac_24 on May 06, 2005, 09:18:00 AM
I'm trying to skin a custom audip skin and have run into some problem with the button map. I have a few questions:

1) Does the button map have a width and height attribute like the main background does?

2) Is there a limit as to how big/long/small the buttons can be? Like if they can only be a certain size?
Title: Audio Player Skin And Button Map
Post by: unleashx on May 06, 2005, 09:38:00 AM
1) The button map will be divided in 4x8 grids, so there's no width and height.
Refer to the following image map for more info:
(IMG:http://img.photobucket.com/albums/v78/UnleashX/buttonTmpl1.png)

2) Theoretically, no. Your image, as represented by a signle grid, will be resized to fit the width and height specified in the "Element" element. Take for example the following:

<Element Type="Play" Left="219" Top="186" Width="30" Height="36" />

The "Play" image will be stretch into 30x36 pixels area.
Title: Audio Player Skin And Button Map
Post by: isaac_24 on May 06, 2005, 10:07:00 AM
This makes it difficult to fit a button map like this:

(IMG:http://img217.echo.cx/img217/8982/button27zk.png)

I can't find a way to divide each button with an equal width. If the width needs to be the same for each cell, why add a width attribute to each button element? Hopefully I missed something or some flexibilty can be implemented some time later :(

This post has been edited by isaac_24: May 6 2005, 05:15 PM
Title: Audio Player Skin And Button Map
Post by: unleashx on May 06, 2005, 12:13:00 PM
That is easy. Make the semi-circular thing part of the background image. Then line up the buttons horizontally (just retain the circular buttons and make everything else transparent). Then use the xml to position each button.

With the image I attached in my earlier post, I can control the position via the xml. You should layout your buttons like I have them in that image.
Title: Audio Player Skin And Button Map
Post by: isaac_24 on May 06, 2005, 04:52:00 PM
Oh, I sorta get it now. I was using the example from the orange skin you included in MPlayer.rar file. It had the whole bar included. I'll give that a shot and see what I come up with.
Title: Audio Player Skin And Button Map
Post by: isaac_24 on May 06, 2005, 07:53:00 PM
Ok. Thanks unleashx! It worked. I also noticed that the buttons need to be in a certain order also, I tried changing it around but it would jump around from button to button everywhere. I put them in the order you have (prev, play, pause, stop, etc) and it worked fine. Changing the xml order didn't do anything either.
Title: Audio Player Skin And Button Map
Post by: isaac_24 on May 06, 2005, 08:13:00 PM
Under your buttons, what are the two bars at the bottom? I understand that it's the volume bar but why have 2 for each instead of 1?
Title: Audio Player Skin And Button Map
Post by: unleashx on May 06, 2005, 08:40:00 PM
The first bar is the position or progress indicator. The lower one is the volume indicator.

Be sure to let me know when you're done with this, i wanna try it out. :)
Title: Audio Player Skin And Button Map
Post by: isaac_24 on May 06, 2005, 09:40:00 PM
I've posted the skin in this thread. It's my first one so be gentle.  :D

EDIT: Before I forget, if you pause the song, the SongTrack name get shown out the bounds of the Audio Player. It does in using the default Audio Player as well.

This post has been edited by isaac_24: May 7 2005, 04:52 AM