Many have asked for this, rather than rush out the first release I spent a while refi­ning the code and com­men­ting the various sec­tions. Hope­fully everything will be rela­ti­vely unders­tan­da­ble. All image sour­ces are defi­ned in varia­bles at the top of the code, as are font sizes, colours and align­ment varia­bles. Please look at the readme.txt file which con­tains links and infor­ma­tion about the requi­red com­po­nents, fonts and ima­ges. The code is in the new stan­dard .pui for­mat which should be pla­ced in your ” C:\Documents and Settings\USER\Application Data\foobar2000\PanelsUI” fol­der and loa­ded through Foobar2000’s Panel­sUI pre­fe­ren­ces dialogue.

The code has been relea­sed under the Crea­tive Com­mons Attribution-NonCommercial–Sha­reA­like 2.5 license which allows deri­va­tive works. Please do not remove the link back to this web­site or the copy­right information.

Down­load Ver­sion 0.2

I am now openly accep­ting fea­ture requests and ans­we­ring ques­tions.
NOTE: For Sin­gle Column Play­list, Row Height: 17, Group Rows: 5
My Win­dows Visual Style is Inverso Reborn Balan­ced and a dis­cus­sion and link can be found here. A good resource for down­loa­ding artist ima­ges is http://​artists​.tri​vial​being​.org

Com­po­nents Required

• Latest Ver­sion of PanelsUI
• Quick Search
• Cus­tom info
• CWB Hooks
• Column­sUI
• Foo Run
• Album List Panel
• Win­dows Explo­rer Panel

Fonts

• Bebas
• Cali­bri — Comes with Win­dows Vista and can­not be redis­tri­bu­ted (but you may find a site that has it)
• Big­Nood­le­Tit­ling

Terres­trial has done it again, this time it is his third com­po­nent, Panel­sUI . Until now, all foo­bar menus, tool­bars and panels were arran­ged using Column­sUI in any desi­red grid for­mat — these panels were dis­tin­guished by irre­mo­va­ble bor­ders that were defi­ned by Window’s visual style, much to the dis­tate of bud­ding user inter­face desig­ners everywhere. Panel­sUI offers a clean new approach — using scripts (in the fami­liar trac­kinfo mod for­mat) panels them­sel­ves can be abso­lu­tely posi­tio­ned and pla­yed with. New “per­sis­ting varia­bles” or PVARS allow these scripts to store and edit varia­bles in memory using but­tons (see func­tion: $but­ton). In com­bi­na­tion a slew of exci­ting new oppor­tu­ni­ties are pos­si­ble; tab­bed panels without the need for tabs_ui, clic­ka­ble pop-ups, scrip­ted inte­rac­tion bet­ween trackinfo’s, SCPL and Panel­sUI, amongst others. To explain in words the poten­tial is pro­ving dif­fi­cult, so I will show you some early design animations:

Pop-up play­list, this appears beneath when thin (as below) and to the side when wide.

A pop-up menu, but­tons and con­trol panel

Im sure I will think of some much more advan­ced uses of this inte­gra­tion in the near future. But for now I think this is exci­ting enough. For those inte­res­ted, to get going, the code for tab­bed panels in Panel­sUI is:

$select($add($getpvar(display.mode),1),
$panel(Option1,Track Display,0,20,%_width%,140,)
‚
$panel(Option2,Album list,0,20,%_width%,140,)
‚
$panel(Option3,Console,0,20,%_width%,140,)
)
$button2(0,160,0,0,14,14,button text,but­ton text,‘PVAR:SET:display.mode:0′,)
$button2(14,160,0,0,14,14,but­ton text, but­ton text,‘PVAR:SET:display.mode:1′,)
$button2(28,160,0,0,14,14, but­ton text,but­ton text ‚‘PVAR:SET:display.mode:2′,)

This sim­ple exam­ple (that needs the but­ton text repla­ced with a $font()text code) is the basis for tabs, clic­king the first but­ton shows the track dis­play, the second an album list, third a console.

Just a quick note to say I have clea­ned up my SCPL code and fixed all the known bugs, get the latest code here (the old one had a lot of code left over from a pre­vious SCPL, all of which has now been removed):

http://​host​.tri​vial​being​.org/​u​p​/​f​o​o​b​a​r​f​i​x​e​d​2​.​txt

— Fixed the crop issues rela­ted to selec­ted and now pla­ying songs
— Made the track title text area adap­tive to the width of the win­dow, so it crops only when it needs to
— Stop­ped album art sho­wing for groups with only 1 track, as in this case the pic­ture is ridi­cu­lously small.

Some ima­ges:

Well, it seems I am never satis­fied with my foo­bar designs, so I spent some time last night refi­ning it some more.

I deci­ded to alter my SCPL to make things clea­rer. The code is here (note, this is a work in pro­gress and the code still looks messy), row height = 17, group rows = 4: GROUP | ITEMS

Some things to note, the album art resi­zes to an opti­mum dis­play size, so that albums of three tracks only can have art work dis­pla­yed without all the other albums suf­fe­ring from a small dis­play size. The maxi­mum image size is also easily defi­nea­ble, so with one change I can make all the art­work scale up to 300px. The second image shows how Various Artist albums are handled.

I built the play­counts into a form of hot­ness rating, so that the more a track is pla­yed the dee­per orange and brigh­ter the track beco­mes. The ratings sys­tem is sepa­rate to this.