31
TheaterMode / Re: ZUNE. A bold, minimalistic and accurate replica of Metro UI for compact view.
« on: February 09, 2020, 07:16:04 PM »
Just found out that this is really good on a tablet! 😍😍😍
Show Posts
This section allows you to view all posts made by this member. Note that you can only see posts made in areas you currently have access to.
32
TheaterMode / Re: FLUENT CAROUSEL. View your next 10 songs in perspective view.
« on: February 09, 2020, 02:21:55 AM »Looks great - is there a link to try it out?
Oops I forgot to post the link. Just switched to hosting on Github:
https://mmak.es/FluentCarouselTMMBBETA
Btw, does anyone know how to hide the UP NEXT texts when I unhide the play buttons?
33
TheaterMode / FLUENT CAROUSEL. View your next 10 songs in perspective view.
« on: February 08, 2020, 09:13:10 PM »
Had some fun with math and made this. This is great for people who listen to playlists or songs in random order.
Download the latest release here:
https://mmak.es/MetrologyFluentCarouselMB
Installation Instructions:
https://mmak.es/MetrologyforMBGuide
If you're using it, please post a screenshot of how it looks on your end! That'd be very helpful.
Download the latest release here:
https://mmak.es/MetrologyFluentCarouselMB
Installation Instructions:
https://mmak.es/MetrologyforMBGuide
If you're using it, please post a screenshot of how it looks on your end! That'd be very helpful.
34
TheaterMode / FLUENT. A clean and functional Theater Mode designed to match Windows 10.
« on: February 08, 2020, 03:18:56 AM »
This was my first attempt at Musicbee Theater Mode skins, and I think they ended up pretty good so I figured I should share them. This skin is named Fluent, based on the design system of Windows 10, which is characterized by clear and clean layout and fonts and a sense of dimension.
Download the latest release here:
https://mmak.es/MetrologyForMB
Installation Instructions:
https://mmak.es/MetrologyforMBGuide
If you're using it, please post a screenshot of how it looks on your end! That'd be very helpful.
Clean layout.
- 3 skins are supplied: One for Theater Mode which has all the buttons, one for Now Playing view which is even cleaner and has no buttons, and one for 4K fullscreen mode.
- All icons straight outta Windows 10. Damn.
Fully functional.
- Bio, lyrics, and playing queue all supported. And spectacularly.
Feel free to redistribute, but all I ask is to give credit back to me wherever you post or in any edits you made. I make designs to get food in this apocalyptic world, y'know.
Download the latest release here:
https://mmak.es/MetrologyForMB
Installation Instructions:
https://mmak.es/MetrologyforMBGuide
If you're using it, please post a screenshot of how it looks on your end! That'd be very helpful.
Clean layout.
- 3 skins are supplied: One for Theater Mode which has all the buttons, one for Now Playing view which is even cleaner and has no buttons, and one for 4K fullscreen mode.
- All icons straight outta Windows 10. Damn.
Fully functional.
- Bio, lyrics, and playing queue all supported. And spectacularly.
Feel free to redistribute, but all I ask is to give credit back to me wherever you post or in any edits you made. I make designs to get food in this apocalyptic world, y'know.
35
TheaterMode / ZUNE. A bold, minimalistic and accurate replica of Metro UI for compact view.
« on: February 08, 2020, 03:06:52 AM »
I had used the Xbox style and older Metro style for Theater Mode in the past, but they had slowly become outdated because of their lower resolutions and broken fonts. Since I had been working on a series of customizations to revive the revered Metro design system on various other apps, I figured I should try to redo these since the MB skinning language is relatively easy and quite flexible.
Download the latest release here:
https://mmak.es/MetrologyZuneMB
Installation Instructions:
https://mmak.es/MetrologyforMBGuide
This is one of the 2 TMs I've made, and it is based on the UI on Zune and Windows Phone. It is meant to be used for Compact Mode on Musicbee, though you can use it on Now Playing view or Theater Mode view if you want, since I coded them to be quite responsive.
1-to-1 Detailed and Accurate Re-Creation of the Zune/WP7 Music UI
- Faded artist photos as backgrounds just like the real thing.
- Love, Shuffle, and Repeat buttons all work like it should.
- Iconography based on the latest icon fonts supplied on Windows 10.
Playing Queue, Lyrics, Bios all supported
- Authentic typography for the Now Playing Queue
- Navigate between the 3 pages using the top tabs (known as 'pivots')
- There's even a clock at the top right
Welcome back to the social.
Feel free to redistribute and the only thing I ask is to give proper credits back to me. That would help my livelihood since design is my job.
Enjoy!
Download the latest release here:
https://mmak.es/MetrologyZuneMB
Installation Instructions:
https://mmak.es/MetrologyforMBGuide
This is one of the 2 TMs I've made, and it is based on the UI on Zune and Windows Phone. It is meant to be used for Compact Mode on Musicbee, though you can use it on Now Playing view or Theater Mode view if you want, since I coded them to be quite responsive.
1-to-1 Detailed and Accurate Re-Creation of the Zune/WP7 Music UI
- Faded artist photos as backgrounds just like the real thing.
- Love, Shuffle, and Repeat buttons all work like it should.
- Iconography based on the latest icon fonts supplied on Windows 10.
Playing Queue, Lyrics, Bios all supported
- Authentic typography for the Now Playing Queue
- Navigate between the 3 pages using the top tabs (known as 'pivots')
- There's even a clock at the top right
Welcome back to the social.
Feel free to redistribute and the only thing I ask is to give proper credits back to me. That would help my livelihood since design is my job.
Enjoy!
36
TheaterMode / Any tricks to hide elements when an Autohide element is visible?
« on: February 07, 2020, 09:12:28 PM »
Hello all again, here's another question for all of you MB gurus.
I've made this:
Here's the problem. I have an autohide panel that covers the entire screen for lyrics and etc. When I unhide it, it doesn't cover everything. Album cover is hidden, but text buttons are hidden but remained clickable, and NowPlaying list, Ratings, and ProgressBar remained visible. How do I hide them?
Here's what it looks like:
Here's my autohide panel code:
BONUS QUESTION: Is there a way to convert the song title to all uppercase?
Thanks everyone.
I've made this:
Here's the problem. I have an autohide panel that covers the entire screen for lyrics and etc. When I unhide it, it doesn't cover everything. Album cover is hidden, but text buttons are hidden but remained clickable, and NowPlaying list, Ratings, and ProgressBar remained visible. How do I hide them?
Here's what it looks like:
Here's my autohide panel code:
Code
<autoHide name="#PivotLyrics" x="0" y="0" widthDock="x:Panel.Right" width="0" heightDock="y:Panel.Bottom" height="0" fillColor="0,0,0" fg="80,80,80" fg2="96,169,23" allowPinning="true" resizePictures="true" disableHotPoint="true" >
<element type="BackgroundAlbumCover" brightness="0" refreshInterval="EndOfTrack"/>
<element type="Block" xAnchor="#PivotLyrics.Left" x="0" yAnchor="#PivotLyrics.Top" y="0" widthDock="x:#PivotLyrics.Right" width="0" heightDock="y:#PivotLyrics.Bottom" height="0" bg="245,0,0,0"/>
<element type="Field" id="Title" xAnchor="Panel.5" x="-10" y="10" widthDock="Panel.90" width="0" font="Segoe UI Semibold" style="Regular" size="12" fg="255,255,255" ></element>
<element type="Field" xAnchor="Panel.5" x="-25" y="50" widthDock="Panel.90" width="0" font="Segoe UI Light" style="Regular" size="48" fg="255,255,255" >
<child>lyrics</child>
<child fg="128,128,128"> bio queue</child>
</element>
<element type="Lyrics" xAnchor="Panel.5" x="-8" y="200" widthDock="Panel.90" width="0" heightDock="Y:#PivotLyrics.Bottom" height="-100" font="Segoe UI" style="Regular" size="12" fg="255,255,255" fg2="255,140,0" ></element>
</autoHide>
BONUS QUESTION: Is there a way to convert the song title to all uppercase?
Thanks everyone.
37
TheaterMode / Adjust y position for a <child> element
« on: February 07, 2020, 09:01:54 PM »
Hello all,
I'm trying to skin the Now Playing List, with each list item to be composed of the track title and duration. Is it possible to put the duration underneath the title? I tried topMargin, y, yAnchor, height, etc, but nothing seems to work with the <child> element.
Here's the code:
Thanks a lot everyone
I'm trying to skin the Now Playing List, with each list item to be composed of the track title and duration. Is it possible to put the duration underneath the title? I tried topMargin, y, yAnchor, height, etc, but nothing seems to work with the <child> element.
Here's the code:
Code
<element name="#NowPlaying" type="NowPlayingList" xAnchor="Panel.50" x="0" yAnchor="#Cover.Top" y="0" widthDock="Panel.Height.66" width="0" heightDock="Panel.Height.66" height="0" rowPadding="24" font="Segoe UI" style="Regular" size="16" fg="128,128,128" fg2="255,255,255" mouseOverFg="195,0,82" multiLine="true">
<child widthDock="Panel.Height.8" width="0"> </child>
<child id="Speaker" width="24"/>
<child> </child>
<child id="Duration" align="left" font="Segoe UI Semibold" size="8" style="Regular" width="80" />
<child width="-80">
</child>
<child id="Title" align="left" font="Segoe UI" style="Regular" size="16" widthDock="Panel.Height.58" width="-48"/>
<!-- <child id="RatingLove" fg="30,255,255,255"></child> -->
</element>
Thanks a lot everyone