xboxscene.org forums

Author Topic: Audio Player Skin And Button Map  (Read 793 times)

isaac_24

  • Archived User
  • Full Member
  • *
  • Posts: 177
Audio Player Skin And Button Map
« 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?
Logged

unleashx

  • Archived User
  • Hero Member
  • *
  • Posts: 621
Audio Player Skin And Button Map
« Reply #1 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.
Logged

isaac_24

  • Archived User
  • Full Member
  • *
  • Posts: 177
Audio Player Skin And Button Map
« Reply #2 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
Logged

unleashx

  • Archived User
  • Hero Member
  • *
  • Posts: 621
Audio Player Skin And Button Map
« Reply #3 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.
Logged

isaac_24

  • Archived User
  • Full Member
  • *
  • Posts: 177
Audio Player Skin And Button Map
« Reply #4 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.
Logged

isaac_24

  • Archived User
  • Full Member
  • *
  • Posts: 177
Audio Player Skin And Button Map
« Reply #5 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.
Logged

isaac_24

  • Archived User
  • Full Member
  • *
  • Posts: 177
Audio Player Skin And Button Map
« Reply #6 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?
Logged

unleashx

  • Archived User
  • Hero Member
  • *
  • Posts: 621
Audio Player Skin And Button Map
« Reply #7 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. :)
Logged

isaac_24

  • Archived User
  • Full Member
  • *
  • Posts: 177
Audio Player Skin And Button Map
« Reply #8 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
Logged