music-base.xml

<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE mythuitheme SYSTEM "http://www.mythtv.org/schema/mythuitheme.dtd">
<mythuitheme>

    <group name="musictrackdetails">
        <area>50%+425,465,-25,-160</area>
        <textarea name="title" from="basetitletext">
            <area>0,0,100%,50</area>
        </textarea>
        <!--
        <imagetype name="artisticon" from="baseicon">
            <position>0,64</position>
            <filename>images/icons/MusicArtist.png</filename>
        </imagetype>
        -->
        <textarea name="artist" from="basetext_l">
            <area>0,60,100%,40</area>
            <alpha>150</alpha>
        </textarea>
        <!--
        <imagetype name="albumicon" from="baseicon">
            <position>0,119</position>
            <filename>images/icons/MusicAlbum.png</filename>
        </imagetype>
        -->
        <textarea name="album" from="basetext_l">
            <area>0,115,100%,40</area>
            <alpha>150</alpha>
        </textarea>
        <imagetype name="tracknumicon" from="baseicon" depends="tracknum">
            <position>0,169</position>
            <filename>images/icons/Number.png</filename>
        </imagetype>
        <textarea name="tracknum" from="basetext_m">
            <area>50,165,100%,40</area>
            <alpha>150</alpha>
        </textarea>
        <imagetype name="yearicon" from="baseicon" depends="year">
            <position>0,219</position>
            <filename>images/icons/Calendar.png</filename>
        </imagetype>
        <textarea name="year" from="basetext_m">
            <area>50,215,100%,40</area>
            <alpha>150</alpha>
        </textarea>
        <imagetype name="genreicon" from="baseicon" depends="genre">
            <position>0,269</position>
            <filename>images/icons/MusicGenre.png</filename>
        </imagetype>
        <textarea name="genre" from="basetext_m">
            <area>50,265,100%,40</area>
            <alpha>150</alpha>
        </textarea>
        <statetype name="ratingstate" from="basestarrating" depends="title">
            <area>0,318,100%,32</area>
        </statetype>
        <imagetype name="playcounticon" from="baseicon" depends="playcount">
            <position>0,100%-36</position>
            <filename>images/icons/Play.png</filename>
        </imagetype>
        <textarea name="playcount" from="basetext_m">
            <area>50,100%-40,100%,40</area>
            <alpha>150</alpha>
            <template>%PLAYCOUNT%x ~ %LASTPLAYED%</template>
        </textarea>
    </group>

    <group name="musictrackstats">
        <area>0,0,400,150</area>
        <imagetype name="lengthicon" from="baseicon" depends="length">
            <position>100%-32,4</position>
            <filename>images/icons/Clock.png</filename>
        </imagetype>
        <textarea name="length" from="basetext_m">
            <area>0,0,100%-50,40</area>
            <align>right,vcenter</align>
            <alpha>150</alpha>
        </textarea>
        <imagetype name="playcounticon" from="baseicon" depends="playcount">
            <position>100%-32,54</position>
            <filename>images/icons/Play.png</filename>
        </imagetype>
        <textarea name="playcount" from="basetext_m">
            <area>0,50,100%-50,40</area>
            <align>right,vcenter</align>
            <alpha>150</alpha>
            <template>%PLAYCOUNT%x ~ %LASTPLAYED%</template>
        </textarea>
        <imagetype name="dateaddedicon" from="baseicon" depends="dateadded">
            <position>100%-32,104</position>
            <filename>images/icons/Playlist.png</filename>
        </imagetype>
        <textarea name="dateadded" from="basetext_m">
            <area>0,100,100%-50,40</area>
            <align>right,vcenter</align>
            <alpha>150</alpha>
        </textarea>
    </group>

    <imagetype name="musiccoverarticon" from="basecoverarticon">
        <filename>images/icons/Music.png</filename>
    </imagetype>

    <group name="musiccoverart" depends="title">
        <area>50%+25,465,350,350</area>
        <imagetype name="coverart">
            <area>0,0,100%,100%</area>
        </imagetype>
        <imagetype name="icon" from="musiccoverarticon" depends="!coverart">
            <area>50%-100,50%-100,200,200</area>
        </imagetype>
    </group>

    <button name="musicplaybutton">
        <statetype name="buttonstate">
            <state name="active">
                <alpha>100</alpha>
                <imagetype name="icon">
                    <filename>images/icons/Play.png</filename>
                </imagetype>
            </state>
            <state name="selected" from="active">
                <alpha>255</alpha>
            </state>
            <state name="disabled" from="active">
                <alpha>50</alpha>
            </state>
            <state name="pushed" from="selected"/>
        </statetype>
    </button>

    <button name="musicpausebutton">
        <statetype name="buttonstate">
            <state name="active">
                <alpha>100</alpha>
                <imagetype name="icon">
                    <filename>images/icons/Pause.png</filename>
                </imagetype>
            </state>
            <state name="selected" from="active">
                <alpha>255</alpha>
            </state>
            <state name="disabled" from="active">
                <alpha>50</alpha>
            </state>
            <state name="pushed" from="selected"/>
        </statetype>
    </button>

    <button name="musicstopbutton">
        <statetype name="buttonstate">
            <state name="active">
                <alpha>100</alpha>
                <imagetype name="icon">
                    <filename>images/icons/Stop.png</filename>
                </imagetype>
            </state>
            <state name="selected" from="active">
                <alpha>255</alpha>
            </state>
            <state name="disabled" from="active">
                <alpha>50</alpha>
            </state>
            <state name="pushed" from="selected"/>
        </statetype>
    </button>

    <button name="musicprevbutton">
        <statetype name="buttonstate">
            <state name="active">
                <alpha>100</alpha>
                <imagetype name="icon">
                    <filename>images/icons/Prev.png</filename>
                </imagetype>
            </state>
            <state name="selected" from="active">
                <alpha>255</alpha>
            </state>
            <state name="disabled" from="active">
                <alpha>50</alpha>
            </state>
            <state name="pushed" from="selected"/>
        </statetype>
    </button>

    <button name="musicnextbutton">
        <statetype name="buttonstate">
            <state name="active">
                <alpha>100</alpha>
                <imagetype name="icon">
                    <filename>images/icons/Next.png</filename>
                </imagetype>
            </state>
            <state name="selected" from="active">
                <alpha>255</alpha>
            </state>
            <state name="disabled" from="active">
                <alpha>50</alpha>
            </state>
            <state name="pushed" from="selected"/>
        </statetype>
    </button>

    <button name="musicrewindbutton">
        <statetype name="buttonstate">
            <state name="active">
                <alpha>100</alpha>
                <imagetype name="icon">
                    <filename>images/icons/Rewind.png</filename>
                </imagetype>
            </state>
            <state name="selected" from="active">
                <alpha>255</alpha>
            </state>
            <state name="disabled" from="active">
                <alpha>50</alpha>
            </state>
            <state name="pushed" from="selected"/>
        </statetype>
    </button>

    <button name="musicforwardbutton">
        <statetype name="buttonstate">
            <state name="active">
                <alpha>100</alpha>
                <imagetype name="icon">
                    <filename>images/icons/Forward.png</filename>
                </imagetype>
            </state>
            <state name="selected" from="active">
                <alpha>255</alpha>
            </state>
            <state name="disabled" from="active">
                <alpha>50</alpha>
            </state>
            <state name="pushed" from="selected"/>
        </statetype>
    </button>

    <!-- playback buttons -->
    <group name="musicbuttons">
        <area>50%-272,100%-77,544,64</area>
        <button name="prev" from="musicprevbutton">
            <position>0,0</position>
        </button>
        <button name="rew" from="musicrewindbutton">
            <position>80,0</position>
        </button>
        <button name="stop" from="musicstopbutton">
            <position>160,0</position>
        </button>
        <button name="play" from="musicplaybutton">
            <position>240,0</position>
        </button>
        <button name="pause" from="musicpausebutton">
            <position>320,0</position>
        </button>
        <button name="ff" from="musicforwardbutton">
            <position>400,0</position>
        </button>
        <button name="next" from="musicnextbutton">
            <position>480,0</position>
        </button>
    </group>


    <group name="musicplaybackstate">
        <area>25,100%-90,600,100%</area>
        <!--
        <statetype name="trackstate">
            <area>0,50%-35,100%,32</area>
            <state name="playing">
                <area>0,0,100%,100%</area>
                <textarea name="playingtext" from="basetext_s">
                    <area>0,0,100%,32</area>
                    <value>Playing</value>
                    <alpha>150</alpha>
                </textarea>
            </state>
            <state name="paused">
                <area>0,0,100%,100%</area>
                <textarea name="playingtext" from="basetext_s">
                    <area>0,0,100%,32</area>
                    <value>Paused</value>
                    <alpha>150</alpha>
                </textarea>
            </state>
            <state name="stopped">
                <area>0,0,100%,100%</area>
                <textarea name="playingtext" from="basetext_s">
                    <area>0,0,100%,32</area>
                    <value>Stopped</value>
                    <alpha>200</alpha>
                </textarea>
            </state>
        </statetype>
        -->
        <textarea name="nexttitle" from="basetext_m" depends="!breadcrumbs">
            <area>0,50%-16,100%,32</area>
            <template>>> %NEXTARTIST% ~ %NEXTTITLE%</template>
            <scroll direction="horizontal" />
            <cutdown>no</cutdown>
            <alpha>150</alpha>
        </textarea>
        <textarea name="breadcrumbs" from="basetext_m">
            <area>0,50%-16,100%,32</area>
            <scroll direction="horizontal" />
            <cutdown>no</cutdown>
            <alpha>150</alpha>
        </textarea>
    </group>

    <statetype name="musicmutestate">
        <area>0,0,32,32</area>
        <state name="off">
            <area>0,0,100%,100%</area>
            <imagetype name="icon" from="baseicon">
                <position>0,0</position>
                <filename>images/icons/Mute.png</filename>
            </imagetype>
        </state>
        <state name="on" from="off">
            <area>0,0,100%,100%</area>
            <imagetype name="icon">
                <alpha>50</alpha>
            </imagetype>
        </state>
    </statetype>

    <group name="musicstate">
        <area>100%-535,100%-90,-25,100%</area>
        <statetype name="shufflestate">
            <area>0,50%-16,50%-40,32</area>
            <state name="off">
                <area>0,0,100%,100%</area>
                <imagetype name="icon" from="baseicon">
                    <position>100%-32,2</position>
                    <filename>images/icons/Shuffle.png</filename>
                </imagetype>
                <textarea name="shuffle" from="basetext_s">
                    <area>0,0,100%-40,32</area>
                    <align>right,vcenter</align>
                    <value>Off</value>
                    <alpha>150</alpha>
                </textarea>
            </state>
            <state name="random" from="off">
                <area>0,0,100%,100%</area>
                <textarea name="shuffle">
                    <value>Random</value>
                </textarea>
            </state>
            <state name="intelligent" from="off">
                <area>0,0,100%,100%</area>
                <textarea name="shuffle">
                    <value>Intelligent</value>
                </textarea>
            </state>
            <state name="album" from="off">
                <area>0,0,100%,100%</area>
                <textarea name="shuffle">
                    <value>Album</value>
                </textarea>
            </state>
            <state name="artist" from="off">
                <area>0,0,100%,100%</area>
                <textarea name="shuffle">
                    <value>Artist</value>
                </textarea>
            </state>
        </statetype>
        <statetype name="mutestate" from="musicmutestate">
            <area>50%-16,50%-15,32,32</area>
        </statetype>
        <statetype name="repeatstate">
            <!-- <area>0,50%+5,-25,32</area> -->
            <area>50%+40,50%-16,100%,32</area>
            <state name="off">
                <area>0,0,100%,100%</area>
                <imagetype name="icon" from="baseicon">
                    <position>0,2</position>
                    <filename>images/icons/Repeat.png</filename>
                </imagetype>
                <textarea name="shuffle" from="basetext_s">
                    <area>40,0,100%,32</area>
                    <align>left,vcenter</align>
                    <value>Off</value>
                    <alpha>150</alpha>
                </textarea>
            </state>
            <state name="track" from="off">
                <area>0,0,100%,100%</area>
                <textarea name="shuffle">
                    <value>Track</value>
                </textarea>
            </state>
            <state name="all" from="off">
                <area>0,0,100%,100%</area>
                <textarea name="shuffle">
                    <value>All</value>
                </textarea>
            </state>
        </statetype>
    </group>

    <!-- playlist and track details -->
    <group name="musicprogress" depends="title">
        <area>50%+25,100%-247,350,-115</area>
        <textarea name="time" from="basetext_s">
            <area>0,0,100%,32</area>
            <align>center</align>
            <alpha>150</alpha>
        </textarea>
        <progressbar name="progress" from="baseprogress_s">
            <area>0,35,100%,12</area>
        </progressbar>
        <textarea name="playlisttime" from="basetext_s">
            <area>0,50,100%,32</area>
            <align>center</align>
            <alpha>150</alpha>
        </textarea>
        <progressbar name="playlistprogress" from="baseprogress_s">
            <area>0,85,100%,12</area>
        </progressbar>
        <textarea name="playlistposition" from="basetext_s">
            <area>0,100,100%,32</area>
            <alpha>150</alpha>
            <align>center</align>
        </textarea>
    </group>

    <statetype name="musicnodetype">
        <area>0,0,100%,100%</area>
        <state name="alltracks">
            <area>0,0,100%,100%</area>
            <imagetype name="alltracks" from="musiccoverarticon">
                <filename>images/icons/MusicAll.png</filename>
                <alpha>255</alpha>
            </imagetype>
        </state>
        <state name="genres">
            <area>0,0,100%,100%</area>
            <imagetype name="genres" from="musiccoverarticon">
                <filename>images/icons/MusicGenre.png</filename>
                <alpha>255</alpha>
            </imagetype>
        </state>
        <state name="albums">
            <area>0,0,100%,100%</area>
            <imagetype name="albums" from="musiccoverarticon">
                <filename>images/icons/MusicAlbum.png</filename>
                <alpha>255</alpha>
            </imagetype>
        </state>
        <state name="artists">
            <area>0,0,100%,100%</area>
            <imagetype name="artists" from="musiccoverarticon">
                <filename>images/icons/MusicArtist.png</filename>
                <alpha>255</alpha>
            </imagetype>
        </state>
        <state name="compartists">
            <area>0,0,100%,100%</area>
            <imagetype name="compartists" from="musiccoverarticon">
                <filename>images/icons/MusicCompilationArtist.png</filename>
                <alpha>255</alpha>
            </imagetype>
        </state>
        <state name="ratings">
            <area>0,0,100%,100%</area>
            <imagetype name="ratings" from="musiccoverarticon">
                <filename>images/icons/MusicRating.png</filename>
                <alpha>255</alpha>
            </imagetype>
        </state>
        <state name="years">
            <area>0,0,100%,100%</area>
            <imagetype name="years" from="musiccoverarticon">
                <filename>images/icons/MusicYears.png</filename>
                <alpha>255</alpha>
            </imagetype>
        </state>
        <state name="compilations">
            <area>0,0,100%,100%</area>
            <imagetype name="compilations" from="musiccoverarticon">
                <filename>images/icons/MusicCompilation.png</filename>
                <alpha>255</alpha>
            </imagetype>
        </state>
        <state name="playlists">
            <area>0,0,100%,100%</area>
            <imagetype name="playlists" from="musiccoverarticon">
                <filename>images/icons/MusicPlaylist.png</filename>
                <alpha>255</alpha>
            </imagetype>
        </state>
        <state name="smartplaylists">
            <area>0,0,100%,100%</area>
            <imagetype name="smartplaylists" from="musiccoverarticon">
                <filename>images/icons/MusicSmartPlaylist.png</filename>
                <alpha>255</alpha>
            </imagetype>
        </state>
        <state name="directory">
            <area>0,0,100%,100%</area>
            <imagetype name="directory" from="musiccoverarticon">
                <filename>images/icons/MusicDirectory.png</filename>
                <alpha>255</alpha>
            </imagetype>
        </state>
    </statetype>

    <group name="musiclyrics">
        <area>50%-400,465,800,-115</area>
        <buttonlist name="lyrics_list" from="baseitemlist">
            <area>0,0,100%,100%</area>
        </buttonlist>
        <statetype name="loading_state">
            <area>50%-25,50%-100,50,50</area>
            <state name="on">
                <imagetype name="animation">
                    <area>0,0,50,50</area>
                    <filepattern low="1" high="8">images/icons/animated/Spinner%1.png</filepattern>
                    <delay>75</delay>
                </imagetype>
            </state>
            <state name="off"/>
        </statetype>
        <textarea name="status_text" from="basetext_m">
            <area>0,50%-20,100%,40</area>
            <align>center</align>
            <alpha>200</alpha>
        </textarea>
    </group>

    <buttonlist name="musicstreamlist" from="baseitemlist">
        <area>25,465,50%-25,220</area>
        <statetype name="buttonitem">
            <area>0,0,100%,55</area>
            <state name="active">
                <area>0,0,100%,55</area>
                <shape name="itemseparator" from="baseitemseparator_h">
                    <position>0,100%</position>
                </shape>
                <textarea name="broadcaster" from="baseitemtext">
                    <template>%BROADCASTER% ~ %CHANNEL% ~ %GENRE%</template>
                    <area>5,0,-45,100%</area>
                    <alpha>100</alpha>
                </textarea>
                <statetype name="playstate">
                    <area>100%-37,50%-16,32,32</area>
                    <state name="playing">
                        <imagetype name="animation" from="basebusyanimation">
                            <area>0,0,100%,100%</area>
                        </imagetype>
                    </state>
                </statetype>
            </state>
            <state name="selectedactive" from="active">
                <area>0,0,100%,55</area>
                <shape name="background" from="basecontrolbackground">
                    <area>0,0,100%,100%</area>
                </shape>
                <shape name="itemseparator"/>
                <textarea name="broadcaster">
                    <scroll direction="horizontal" />
                    <cutdown>no</cutdown>
                    <alpha>255</alpha>
                </textarea>
            </state>
            <state name="inactive" from="active">
            </state>
            <state name="selectedinactive" from="selectedactive">
                <shape name="background">
                    <alpha>0</alpha>
                </shape>
            </state>
        </statetype>
    </buttonlist>

    <buttonlist name="streamtrackslist" from="baseitemlist">
        <area>25,100%-335,50%-25,-115</area>
        <align>bottom,hcenter</align>
        <statetype name="buttonitem">
            <area>0,0,100%,55</area>
            <state name="active">
                <area>0,0,100%,55</area>
                <shape name="itemseparator" from="baseitemseparator_h">
                    <position>0,100%</position>
                </shape>
                <textarea name="tracknum" from="basetext_m">
                    <area>5,0,50,100%</area>
                    <alpha>100</alpha>
                </textarea>
                <textarea name="title" from="baseitemtext">
                    <template>%ARTIST% ~ %TITLE%</template>
                    <area>80,0,-100,100%</area>
                    <alpha>100</alpha>
                </textarea>
                <textarea name="length" from="basetext_m">
                    <area>100%-100,0,-5,100%</area>
                    <align>right,vcenter</align>
                    <alpha>100</alpha>
                </textarea>
                <statetype name="playstate">
                    <area>100%-37,50%-16,32,32</area>
                    <state name="playing">
                        <imagetype name="animation" from="basebusyanimation">
                            <area>0,0,100%,100%</area>
                        </imagetype>
                    </state>
                </statetype>
            </state>
            <state name="selectedactive" from="active">
                <area>0,0,100%,55</area>
                <shape name="background" from="basecontrolbackground">
                    <area>0,0,100%,100%</area>
                </shape>
                <shape name="itemseparator"/>
                <textarea name="tracknum">
                    <alpha>255</alpha>
                </textarea>
                <textarea name="title">
                    <scroll direction="horizontal" />
                    <cutdown>no</cutdown>
                    <alpha>255</alpha>
                </textarea>
                <textarea name="length">
                    <alpha>255</alpha>
                </textarea>
            </state>
            <state name="inactive" from="active">
            </state>
            <state name="selectedinactive" from="selectedactive">
                <shape name="background">
                    <alpha>0</alpha>
                </shape>
            </state>
        </statetype>
    </buttonlist>

    <group name="streamtrackdetails">
        <area>50%+25,465,-25,120</area>
        <group name="coverart" from="musiccoverart">
            <area>0,0,120,120</area>
            <imagetype name="icon">
                <area>10%,10%,90%,90%</area>
            </imagetype>
        </group>
        <textarea name="title" from="basetitletext">
            <area>150,0,100%,50</area>
        </textarea>
        <textarea name="artist" from="basetext_l">
            <area>150,60,100%,40</area>
            <alpha>150</alpha>
        </textarea>
    </group>

    <group name="streambufferdetails">
        <area>25,100%-77,500,64</area>
        <textarea name="bufferstatus" from="basetext_s">
            <area>0,5,100%,30</area>
            <alpha>150</alpha>
            <align>center</align>
            <font>basefont_xs</font>
        </textarea>
        <progressbar name="bufferprogress" from="baseprogress_s">
            <area>0,40,100%,12</area>
        </progressbar>
    </group>

    <group name="streambuttons">
        <area>50%-112,100%-77,224,64</area>
        <button name="stop" from="musicstopbutton">
            <position>0,0</position>
        </button>
        <button name="play" from="musicplaybutton">
            <position>80,0</position>
        </button>
        <button name="pause" from="musicpausebutton">
            <position>160,0</position>
        </button>
    </group>
</mythuitheme>