Topics

1

TheaterMode / METRO. A wall of text for your wall of sound.

« on: August 25, 2020, 04:00:12 AM »

Stretching the limits of code is my forte, so this is one of those experiments that looks pleasant and awesome enough for me to share.   This is great for people who listen to albums with colorful covers. It makes visuals that resembles cool posters you would see in concert venues.

Download the latest release here:
http://mmak.es/MetroMetroMB
http://mmak.es/MetroMetroMBLoRes (for low DPI monitors. Use this if all your text is mushed together!)

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.







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.

2

Questions / How to hide the Back and Forward buttons?

« on: August 20, 2020, 07:59:47 AM »

The Back and Forward buttons seem to be used only for Music Explorer. And since I rarely use Music Explorer, they pretty much stayed eternally disabled. Is there a way to hide them?



Thanks for the help in advance!

3

Questions / Customizing the list of albums show directly under a selected artist

« on: August 19, 2020, 03:52:09 PM »

How do I change the font sizes and picture sizes of the area?

For example, how do I change the font of this header?

4

TheaterMode / What does <settings enableScaling="true" /> actually do?

« on: August 19, 2020, 12:34:16 AM »

I changed it back and forth and it doesn't seem to do anything.

On the other hand, I've got a few bug reports from people using lower resolution monitors. Unlike the main UI, TheaterModes don't seem to scale properly when the Windows 10 scaling of the primary monitor changes from 150% to 100%.

Any clues? Or do I have to fix the bug by making different versions for different monitor scaling? 

5

MusicBee Wishlist / Option to Hide Icons in the Tab Bar

« on: August 17, 2020, 10:16:58 PM »

When I right click on a Tab, there are options only to display Icon+Text or Icon Only. Can there be a Text Only option?

Example:
Top is the original. Bottom is the desired result.



I can fit many more tabs and have a cleaner interface if I can remove the icons. Thanks a lot     

6

Questions / How can I remove icons from the Tab Bar?

« on: August 17, 2020, 10:09:25 PM »

When I right click on a Tab, there are options only to display Icon+Text or Icon Only. Is there a Text Only option?

Example:
Top is the original. Bottom is the desired result.



I can fit many more tabs and have a cleaner interface if I can remove the icons. Thanks!

7

Skins / Acrylic / Blur effects for a window?

« on: March 06, 2020, 07:43:12 PM »

Is there a way to add blur effects or transparency effects to the background of a window, similar to Fluent Design in Windows 10 and Aero in Windows 7 or Vista?

Rainmeter seemed to be able to do that despite it's not a WPF app. I think there are some new APIs that allow that to happen.

8

TheaterMode / FLUENT WALL. Showcases all the albums on the playlist on a grid as backdrop.

« on: February 12, 2020, 03:49:04 AM »

This is pretty straightforward. It's a wall of all the tracks coming up on your playlist, which looks cool and was something done in Zune back then as well. It works better when you randomize your playlist, but I coded it so that it will appear random regardless.

Works only up to 16:10 screens. If you use wider screens you will need to add more columns in the code.

Note that it takes a bit of time to load at first... since it's loading up 28 album covers at once.

Thanks to Freddy for inspirations. 👍

If you're using it, please post a screenshot of how it looks on your end! That'd be very helpful.




Download here:
https://mmak.es/MetrologyFluentWallMB

How to install:
https://mmak.es/MetrologyforMBGuide

9

Bug Reports / Artists and Album Cover Content Views do not filter by Folders properly

« on: February 11, 2020, 10:57:40 AM »

I have music files on both my laptop and my home server, so when I'm at home I use MusicBee to access music on both my local drive and my network drive. I set up my MB with the Library Explorer panel as a folder filter at the top right so I can switch folders quickly:



It works very well in Album and Tracks view as well as Tracks view. As you can see, there are no duplicates on the album as shown.

However, when I use Artists and Album Cover content views, files from my local drive (D:\) will still show up, despite I had filtered it to just the network drive (M:\). As a result, it shows the two files for the same song but from the two different drives:



Thanks for reading the bug report. Hope it helps!

10

Skins / When MainPanelMargin.Left is set too thick, remnants from the last tab appears

« on: February 11, 2020, 06:38:07 AM »

My MainPanelMargin.Left is set to 8, because I like things thick. 😂

For example, here I have this very bright orange album selected:


And when go to another tab, you can still see that orange album peeking on the left where the margin is:

11

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.

12

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.

13

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!  

14

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:

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.

15

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:

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