getmusicbee.com

MusicBee & Add-Ons => Customizations => TheaterMode => Topic started by: lizzy on February 12, 2016, 02:08:11 PM

Title: Clean up code...
Post by: lizzy on February 12, 2016, 02:08:11 PM
I have copied and pasted, and played around with this code to make it look good on my tv-screen (1920 x 1080), but the code is kind of messy.
Could anyone with some knowledge with xml code please help me so it looks good on different resolutions?

What I'm looking for, is that everything should be centered, preferably with anchors (I asume) when using different resolutions.

Screenshot: https://www.dropbox.com/s/tyuywjlql1di1m7/2016-02-12.png?dl=0

<?xml version="1.0" encoding="utf-8"?>
<root>

<settings enableScaling="true" />
<settings rotationPeriod="EndOfTrack" />
<theaterMode>
  <settings bdr="128,128,128" />
</theaterMode>
<screenSaver>
  <settings idlePeriod="120" />
  <settings monitor="1" otherMonitors="blackout" />
</screenSaver>

<!-- Album Cover -->
    <element name="#Cover" type="AlbumCover" xAnchor="panel.center" x="-650" yAnchor="panel.center" y="-330" width="650" height="650" min="200" max="650" brightness="1.0" ></element>

<element type="Time" xAnchor="Panel.Right" x="-160" y="10" width="160" align="Right" font="Arial" style="Regular" size="18" fg="250,250,250" ></element>

<!-- Album Info -->
   <element type="Field" id="AlbumArtist" xAnchor="panel.right" x="6" yAnchor="bottom" y="20" width="0" align="center" font="OpenSans" style="Regular" size="24" fg="255, 255, 255" ></element>
   <element type="Field" id="Album"  xAnchor="panel.right" x="6" yAnchor="bottom" y="80" width="0" align="center" font="OpenSans" style="Regular" size="18" fg="255, 255, 255" ></element>
     <child>   -  </child>
      <child id="year" />
    
      <!-- Track Info -->
    <element type="Field" id="title" xAnchor="panel.right" x="6" yAnchor="Panel.95" y="-80" width="0" align="center" font="OpenSans" style="Regular" size="20" fg="255,255,255 " ></element>

<!-- #Album Tracks Panel -->
   <element type="AlbumTracks"  xAnchor="Panel.Center" x="20" yAnchor="#Cover.Top" y="0" widthDock="X:Panel.Right" width="14" heightDock="Y:#Cover.Bottom" height="0"  rowPadding="1" font="OpenSans" style="Semilight" size="14" fg="255, 255, 255" fg2="57, 114, 73" mouseOverFg="255,255,0" >
      <child id="TrackNo" align="right" x="10" font="OpenSans" style="Semilight" size="14" width="40"/>
      <child>  </child>
      <child id="Title" width="540"/>
      <child id="Duration" width="75" align="right" font="OpenSans" style="Semilight" size="14" />
      <child>  </child>
   </element>

    <!-- Progress Bar -->
<element type="SoundGraph" xAnchor="Panel.26" x="0"  yAnchor="Panel.Bottom" y="-55" widthDock="X:Panel.Right" width="-450" height="40" fg="255,250,250,250" bg="20,250,250,250" ></element>

<element type="PlayPosition" xAnchor="Panel.Left" x="320" yAnchor="Panel.95" y="-6" width="110" align="right" font="Segoe UI" style="Light" size="16" fg="255,255,255" ></element>
<element type="PlayDuration" xAnchor="Panel.Right" x="-400" yAnchor="Panel.95" y="-6" width="110" font="Segoe UI" style="Light" size="16" fg="255,255,255" ></element>

</root>