Bitmap based skins

[Steven]

you specify in the xml definition which sub-panel is the background but only the main player panel and the play information panel are supported as backgrounds. I dont have it in front of me but you should be able to see it in use for the example file

[vpsaxman]

Thanks, I'll check it out.

Another question: is there any way to resize the player vertically?

[Steven]

its based on the height of the first element bitmap (panel)

[vpsaxman]

Thanks for the fast reply! I'll see what I can tweak it.

[vpsaxman]

I thought I would practice using the tool by trying to do a mockup of the new youtube interface using a template I found online. I still have a few buttons to skin and, well, there are still a few things I need to figure out, like what all the color settings for the buttons do, how to change the color and font of the display text and so on. I'm guessing these have more to do with skinning a whole theme and I'll have to read the tutorials. Anyways, here it is.

[Steven]

excellent - looks good!
for the button colours, they are derived from the source skin (in the example skin its set to the "dark" skin). I thought i had put in the comments of the example where the colours come from or otherwise they might be mentioned elsewhere on this topic.
 

[vpsaxman]

Thanks for the nice word.

Yeah I figured they were derived from the source skin. I may have skipped reading some of your comments in the xml file. I'll figure out eventually.

[Rotem K.]

Nice! looking forward for your completed skin.

[vpsaxman]

It may take a while before I can finish a whole skin, if at all. We'll see.

[cartman005]

Is it possible to not draw the stop button?

[Steven]

yes it is - why do you say that?

[cartman005]

Because I can't figure out how to do it. Can you tell me how?

[Steven]

its in the example file:
<element id="StopTrackButton" parent="Panel">
  <left relativeTo="Panel.Left" offset="125" />
  <top relativeTo="Panel.VerticalCenter" offset="0" />
  <!-- musicbee draws the [] icon in the centre of this image if drawPlayButton="True" -->
  <images drawPlayButton="true"
    default="Images\ButtonSmall.png"
    highlight="Images\ButtonSmallHighlight.png"
  />
</element>

set drawPlayButton="false" if you want to have your own icon rather than MB drawing a square in the middle

[cartman005]

No, I meant to not have the stop button at all.

[Steven]

you could try positioning it off the panel eg. negative relative to the main panel, or set the picture so its a 1 bit transparent pixel with drawPlayButton set to false