Author Topic: My attempt to make a Theater mode skin  (Read 4725 times)

shepard

  • Newbie
  • *
  • Posts: 9
I really liked what redwing did with Cover+List view (Theater mode) https://getmusicbee.com/forum/index.php?topic=23171.0


So I decided to customize it "a little bit". I hope he doesn't mind. I have no idea what I'm doing. I still need to add more buttons and learn how to develop this thing correctly.


The initial concept:




And the abomination-code.xml: https://pastebin.com/raw/KZx7GF8q


Mozilla's Fira Type Family (https://github.com/mozilla/Fira)

I'm posting here instead of MusicBee & Add-Ons > Customizations >TheaterMode because I'm not sure what I'll do next (but the code is here). What do you think?

I want to move the "next song" album to the right side and align the text to the right too, but couldn't make it work yet.
Last Edit: April 01, 2018, 05:50:08 AM by shepard

redwing

  • Guest
Of course I don't mind and it looks great!

I ran your code and noticed it doesn't scale properly on a screen resolution different from yours. It wouldn't matter if you're using this just personally, but if you want to share it, you will need to fix it.
Have a look at anchors and dock attributes in this post: https://getmusicbee.com/forum/index.php?topic=8102.msg67460#msg67460

I want to move the "next song" album to the right side and align the text to the right too, but couldn't make it work yet.

That's also about the percentage anchor and dock attributes. Try adjusting some numbers for those attributes with "#List" element in your code and notice how its location and shape changes and also how other elements (like track info) depending on it change.

That's how you learn TM. Try experimenting with existing code and learn what each element and attribute is doing.