This post:
http://www.hydrogenaudio.org/forums/index....77&st=4725#
and the subsequent post outline my problem. I asked it in the appearance thread, but it's quickly being overrun but other posts. I hope this isn't spamming, I'm just really excited about finally getting a nice foobar together that's almost good enough I can enjoy using it. I have lots of good ideas but I'm really struggling how to implement them. I can't wait to share my configuration on the distribution thread. By the way I really appreciate the work those people did sharing their configs and it helped me more than anything else learning how to foobar. I only wish people commented them more...
Anyway, can anyone help me?
Full Version: How do I fix this layout?
QUOTE(panfist @ Jan 21 2007, 21:36) 
Hey, I'm very new at this foobar thing, and I'm trying to find a nice SCPL configuration to use. This is about the 10th person's SCP that I tried and this is the first one where the images and everything just worked. Thank you very much for posting this and I have to say it's beautiful!
I think I have made some minor improvements in the display. With the code changes I made, the year and track duration line up relative to the right side of the window instead of a certain amount of pixels. I was wondering if there was a way to move the album art to the same type of alignment: relative to the right side of the window. This would help if sometimes you wanted a wider or narrower window, and it would be less likely for the album art to overlap a long track name. Here's what I was imagining with the albumart, showing the improvements I made with the year and track duration...
Here is the code for the right-aligned year and track duration.
Item Display
Group Display
Can anyone please share how to do this? Thank you!
edit: I'm very sorry if someone has already explained how to do this in detail, but this thread is huge and not that organized. I'm very new to this and I'm not really a programmer so lots of the documentation is very hard for me to understand.
I think I have made some minor improvements in the display. With the code changes I made, the year and track duration line up relative to the right side of the window instead of a certain amount of pixels. I was wondering if there was a way to move the album art to the same type of alignment: relative to the right side of the window. This would help if sometimes you wanted a wider or narrower window, and it would be less likely for the album art to overlap a long track name. Here's what I was imagining with the albumart, showing the improvements I made with the year and track duration...
Here is the code for the right-aligned year and track duration.
Item Display
CODE
$ifequal($mod(%tracknumber%,2),0,
$imageabs(,,\images\LE5\reluna1.png,),
$imageabs(,,\images\LE5\reluna2.png,))
$if(%_selected%,$imageabs(,,\images\LE5\relunagreen.png,),)
$if(%isplaying%,$imageabs(,,\images\LE5\relunablue.png,),)
$if(%isplaying%,$font(Calibri,8,bold,0-0-200),$font(Calibri,8,,0-0-0))
$padding(7,)
$align(left,middle)
[%tracknumber%]
$padding(12,)
$align(right,middle)
$if(%isplaying%,%_time_remaining%,%length%)
$alignabs(28,2,%_width%,20,left,)
[%title%]
$ifgreater($mul(%_height%,%_itemcount%),88,
$imageabs2(100,90,0,$sub($mul(%_height%,%_itemindex%),$add(%_height%,1)),,%_height%,175,,images\ART_cd.png,)
$imageabs2(80,79,0,$sub($mul(%_height%,%_itemindex%),$add(%_height%,5)),,%_height%,190,,$replace(%path%,%filename_ext%,folder.jpg),)
$imageabs2(100,90,0,$sub($mul(%_height%,%_itemindex%),$add(%_height%,1)),,%_height%,175,,images\case.png,)
,)
$imageabs(,,\images\LE5\reluna1.png,),
$imageabs(,,\images\LE5\reluna2.png,))
$if(%_selected%,$imageabs(,,\images\LE5\relunagreen.png,),)
$if(%isplaying%,$imageabs(,,\images\LE5\relunablue.png,),)
$if(%isplaying%,$font(Calibri,8,bold,0-0-200),$font(Calibri,8,,0-0-0))
$padding(7,)
$align(left,middle)
[%tracknumber%]
$padding(12,)
$align(right,middle)
$if(%isplaying%,%_time_remaining%,%length%)
$alignabs(28,2,%_width%,20,left,)
[%title%]
$ifgreater($mul(%_height%,%_itemcount%),88,
$imageabs2(100,90,0,$sub($mul(%_height%,%_itemindex%),$add(%_height%,1)),,%_height%,175,,images\ART_cd.png,)
$imageabs2(80,79,0,$sub($mul(%_height%,%_itemindex%),$add(%_height%,5)),,%_height%,190,,$replace(%path%,%filename_ext%,folder.jpg),)
$imageabs2(100,90,0,$sub($mul(%_height%,%_itemindex%),$add(%_height%,1)),,%_height%,175,,images\case.png,)
,)
Group Display
CODE
$padding(12,)
$imageabs(,,\images\LE5\relunaorange2.png,)
$imageabs(4,11,\images\LE5\arrow.png,)
$align(right,middle)
$font(Calibri,12,glow- glowexpand-0 glowalpha-15,40-40-40)
%date%
$alignabs(28,3,%_width%,20,left,top)
$font(Calibri,10,bold glow- glowexpand-0 glowalpha-15,40-40-40)
$if(%album artist%,%album artist%,%artist%)
$font(Calibri,10,glow- glowexpand-0 glowalpha-15,40-40-40)
$alignabs(28,13,%_width%,20,left,bottom)
[%album%]
$imageabs(,,\images\LE5\relunaorange2.png,)
$imageabs(4,11,\images\LE5\arrow.png,)
$align(right,middle)
$font(Calibri,12,glow- glowexpand-0 glowalpha-15,40-40-40)
%date%
$alignabs(28,3,%_width%,20,left,top)
$font(Calibri,10,bold glow- glowexpand-0 glowalpha-15,40-40-40)
$if(%album artist%,%album artist%,%artist%)
$font(Calibri,10,glow- glowexpand-0 glowalpha-15,40-40-40)
$alignabs(28,13,%_width%,20,left,bottom)
[%album%]
Can anyone please share how to do this? Thank you!
edit: I'm very sorry if someone has already explained how to do this in detail, but this thread is huge and not that organized. I'm very new to this and I'm not really a programmer so lots of the documentation is very hard for me to understand.
The way I see it what you want to accomplish involves two steps. The first step is to realign your art based off of the right margin, the second step is to split that art between your item display and group header.
To realign the art to the right, we will need to change the 8th parameter of the $imageabs2() functions toward the bottom of your item display code. For the sake of an example, I will use 100 pixels for the size of the margin you want to allow for the year and time display.. you'll probably want to experiment and fine tune this number. Judging by your existing code, the size for your empty cd case and overlay are each 100 pixels, and the size/positioning of your albumart is offset by 15 pixels. So by adding these together we will need to position your Case, Art, and Overlay at $sub(%_width%,200), $sub(%_width%,185), and $sub(%_width%,200) respectively.
Now, to shift the image up by two items so we can merge it with the image we will add to the group header we will need to change the 4th parameter of those same $imageabs2() functions. Luckily your existing code is very flexible and all we need to do is subtract 2 from %_itemindex%. We will also need to subtract the height of two rows from the 88 in your $ifgreater() conditioning if we want to allow the image to appear for the smaller albums. For the sake of the example I will assume your row height is 18. The chunk of code for the album art in your item display would become:
CODE
$ifgreater($mul(%_height%,%_itemcount%),52,
$imageabs2(100,90,0,$sub($mul(%_height%,$sub(%_itemindex%,2)),$add(%_height%,1)),,%_height%,$sub(%_width%,200),,/images\ART_cd.png,)
$imageabs2(80,79,0,$sub($mul(%_height%,$sub(%_itemindex%,2)),$add(%_height%,5)),,%_height%,$sub(%_width%,185),,$replace(%path%,%filename_ext%,folder.jpg),)
$imageabs2(100,90,0,$sub($mul(%_height%,$sub(%_itemindex%,2)),$add(%_height%,1)),,%_height%,$sub(%_width%,200),,/images\case.png,)
,)
$imageabs2(100,90,0,$sub($mul(%_height%,$sub(%_itemindex%,2)),$add(%_height%,1)),,%_height%,$sub(%_width%,200),,/images\ART_cd.png,)
$imageabs2(80,79,0,$sub($mul(%_height%,$sub(%_itemindex%,2)),$add(%_height%,5)),,%_height%,$sub(%_width%,185),,$replace(%path%,%filename_ext%,folder.jpg),)
$imageabs2(100,90,0,$sub($mul(%_height%,$sub(%_itemindex%,2)),$add(%_height%,1)),,%_height%,$sub(%_width%,200),,/images\case.png,)
,)
Now we need to add the code to your group header to display the top portion of the image. Basically we just copy the code we used for the item display, without the compensation for the 2 rows. Also, it appears you have Group Rows set to 2 so we need to compensate for that when we do the $ifgreater() test.
CODE
$ifgreater($mul($div(%_height%,2),%_itemcount%),52,
$imageabs2(100,90,0,$sub($mul($div(%_height%,2),%_itemindex%),$add(%_height%,1)),,%_height%,$sub(%_width%,200),,/images\ART_cd.png,)
$imageabs2(80,79,0,$sub($mul($div(%_height%,2),%_itemindex%),$add(%_height%,5)),,%_height%,$sub(%_width%,185),,$replace(%path%,%filename_ext%,folder.jpg),)
$imageabs2(100,90,0,$sub($mul($div(%_height%,2),%_itemindex%),$add(%_height%,1)),,%_height%,$sub(%_width%,200),,/images\case.png,)
,)
$imageabs2(100,90,0,$sub($mul($div(%_height%,2),%_itemindex%),$add(%_height%,1)),,%_height%,$sub(%_width%,200),,/images\ART_cd.png,)
$imageabs2(80,79,0,$sub($mul($div(%_height%,2),%_itemindex%),$add(%_height%,5)),,%_height%,$sub(%_width%,185),,$replace(%path%,%filename_ext%,folder.jpg),)
$imageabs2(100,90,0,$sub($mul($div(%_height%,2),%_itemindex%),$add(%_height%,1)),,%_height%,$sub(%_width%,200),,/images\case.png,)
,)
Anyway give that a try, it might need some tweaking. I just went through it off the top of my head.
Moderation: Changed CODE to CODEBOX in order to preserve the forum layout.
look here:
http://wiki.hydrogenaudio.org/index.php?ti...s_multiple_rows
you just have to use this trick on both your header and your items, it might be tricky but it is feasible
http://wiki.hydrogenaudio.org/index.php?ti...s_multiple_rows
you just have to use this trick on both your header and your items, it might be tricky but it is feasible
Hey thanks for the input so far, I'm just about to go to work, but then when I come back I'm going right to foobar!
Thanks for the help. This is what I have so far.
The album art is moved over to the side and anchored to the right side, I just can't figure out how to increase the size of the 3 image grouping, but I'll figure it out in time. I have a much better understanding of what the imageabs2 parameters mean now. The wiki is really inadequate in explaining it I think.
I had a problem with playlist tabs causing trackinfo_mod panels to take up the entire foobar frame and I could not resize them, so I worked around that problem by using a playlist_dropdown switcher instead, which I put next to the quicksearch toolbar.
you'll notice that I still have the foobar default seekbar which I will keep until I can figure out how to get the top trackinfo_mod panel to have the same functionality. Also, I like the functionality of the status bar where you can double click on one area to select all of the current playlist, or double click on another area and jump to now playing. I want to integrate that into the bottom trackinfo_mod panel probably by adding some more buttons.
Also I would like to add two more "modes" for formatting playlist items. One would be a way to format a playlist of single songs, or single songs within a playlist of albums. The second would be a view which shows much more info per line, such as file format, bitrate, rating, maybe comment, disc, etc. Or perhaps I could use a columns playlist to display this, maybe in another panel. My "more info" view is my lowest priority.
So what I have left to do:
P.S. So I was messing around with the ratings icons to use them as buttons (which requires some code changing from what I've posted...I'll post it later when it works better). As of now it only rates one track even if you have multiple tracks selected. Is there a way to get clicks in trackinfo_mod to execute masstagger scripts?
Code...
Top Trackinfo mod panel:
min height 23
bg color 0,0,0
edge style none
/////////////////
SCPL:
Row height 18
Group Rows 2
Edge Style None
Group By
%album%
Item Display
Group Display
////////////////////
Bottom Trackinfo Mod panel:
Min Height 25
Edge Style none
bgcolor 0,0,0
// Global
// Background
$imageabs(,,\images\LE5\reluna.png,)
// PerTrack
$if(%rating%,
$ifequal($num(%rating%,2),00,$imageabs(5,7,images\rating_hearts\rating0.png,),)
$ifequal($num(%rating%,2),01,$imageabs(5,7,images\rating_hearts\rating1.png,),)
$ifequal($num(%rating%,2),02,$imageabs(5,7,images\rating_hearts\rating2.png,),)
$ifequal($num(%rating%,2),03,$imageabs(5,7,images\rating_hearts\rating3.png,),)
$ifequal($num(%rating%,2),04,$imageabs(5,7,images\rating_hearts\rating4.png,),)
$ifequal($num(%rating%,2),05,$imageabs(5,7,images\rating_hearts\rating5.png,),)
,$imageabs(5,7,images\rating_hearts\notrated.png,))
$puts(rating,$if2(%rating%,0))
$button(5,7,0,0,13,13,,,Rate 1,)
$button(5,7,13,0,13,13,,,Rate 2,)
$button(5,7,26,0,13,13,,,Rate 3,)
$button(5,7,39,0,13,13,,,Rate 4,)
$button(5,7,52,0,13,13,,,Rate 5,)
//$puts(rating,$if2(%rating%,0))
//$button(5,7,0,0,13,13,,,TAG:SET:Rating:1,)
//$button(5,7,13,0,13,13,,,TAG:SET:Rating:2,)
//$button(5,7,26,0,13,13,,,TAG:SET:Rating:3,)
//$button(5,7,39,0,13,13,,,TAG:SET:Rating:4,)
//$button(5,7,52,0,13,13,,,TAG:SET:Rating:5,)
//PLAY/PAUSE
$button($sub($div(%_width%, 2),10),1,0,0,22,21,
$if($or(%ispaused%,$not(%isplaying%)),images\LE5\pause.png,images\LE5\play.png),
$if($or(%ispaused%,$not(%isplaying%)),images\LE5\play_.png,images\LE5\pause_.png),
$if($or(%ispaused%,$not(%isplaying%)),play,pause)
,)
//PREVIOUS
$button($sub($div(%_width%, 2), 40),1,0,0,22,21,images\LE5\prev.png,images\LE5\prev_.png,previous,)
//NEXT
$button($add($div(%_width%, 2), 20),1,0,0,22,21,images\LE5\next.png,images\LE5\next_.png,next,)
//ALBUM LIST
$button($sub(%_width%, 40),1,0,0,22,21,images\LE5\search.png,images\LE5\search_.png,Album List,)
// PerSecond
Moderation: Changed CODE to CODEBOX in order to preserve the forum layout.
The album art is moved over to the side and anchored to the right side, I just can't figure out how to increase the size of the 3 image grouping, but I'll figure it out in time. I have a much better understanding of what the imageabs2 parameters mean now. The wiki is really inadequate in explaining it I think.
I had a problem with playlist tabs causing trackinfo_mod panels to take up the entire foobar frame and I could not resize them, so I worked around that problem by using a playlist_dropdown switcher instead, which I put next to the quicksearch toolbar.
you'll notice that I still have the foobar default seekbar which I will keep until I can figure out how to get the top trackinfo_mod panel to have the same functionality. Also, I like the functionality of the status bar where you can double click on one area to select all of the current playlist, or double click on another area and jump to now playing. I want to integrate that into the bottom trackinfo_mod panel probably by adding some more buttons.
Also I would like to add two more "modes" for formatting playlist items. One would be a way to format a playlist of single songs, or single songs within a playlist of albums. The second would be a view which shows much more info per line, such as file format, bitrate, rating, maybe comment, disc, etc. Or perhaps I could use a columns playlist to display this, maybe in another panel. My "more info" view is my lowest priority.
So what I have left to do:
- Increase the size of the album art display, or possibly scale the size according to width of screen/number of items in the group
- Add the functionality from foobar's seekbar and status bar.
- Add singles compatibility to the playlist view.
- Replace the "triangle" image above the track numbers with a genre thumbnail/icon. I have some in mind that I need to change colors to fit with this theme.
P.S. So I was messing around with the ratings icons to use them as buttons (which requires some code changing from what I've posted...I'll post it later when it works better). As of now it only rates one track even if you have multiple tracks selected. Is there a way to get clicks in trackinfo_mod to execute masstagger scripts?
Code...
Top Trackinfo mod panel:
min height 23
bg color 0,0,0
edge style none
CODE
// Global
$padding(6,3)
// Background
// PerTrack
// PerSecond
$align(left,)
$font(Calibri,10,,221-222-223)
[%_time_elapsed%]
$align(right,)
$font(Calibri,10,,221-222-223)
[%length%]
$padding(1,0)
$drawrect($muldiv(%_width%,8,100),4,$muldiv(%_width%,81,100),9,brushcolor-null pencolor-180-184-194)
$drawrect($add($muldiv(%_width%,8,100),2),6,$ifgreater($muldiv($sub($muldiv(%_width%,81,100),4),%playback_time_seconds%,%length_seconds%),0,$muldiv($sub($muldiv(%_width%,78,100),4),%playback_time_seconds%,%length_seconds%),1),5,brushcolor-240-240-240 pencolor-null)
$padding(6,3)
// Background
// PerTrack
// PerSecond
$align(left,)
$font(Calibri,10,,221-222-223)
[%_time_elapsed%]
$align(right,)
$font(Calibri,10,,221-222-223)
[%length%]
$padding(1,0)
$drawrect($muldiv(%_width%,8,100),4,$muldiv(%_width%,81,100),9,brushcolor-null pencolor-180-184-194)
$drawrect($add($muldiv(%_width%,8,100),2),6,$ifgreater($muldiv($sub($muldiv(%_width%,81,100),4),%playback_time_seconds%,%length_seconds%),0,$muldiv($sub($muldiv(%_width%,78,100),4),%playback_time_seconds%,%length_seconds%),1),5,brushcolor-240-240-240 pencolor-null)
/////////////////
SCPL:
Row height 18
Group Rows 2
Edge Style None
Group By
%album%
Item Display
CODE
$ifequal($mod(%tracknumber%,2),0,
$imageabs(,,\images\LE5\reluna1.png,),
$imageabs(,,\images\LE5\reluna2.png,))
$if(%_selected%,$imageabs(,,\images\LE5\relunagreen.png,),)
$if(%isplaying%,$imageabs(,,\images\LE5\relunablue.png,),)
$if(%isplaying%,$font(Calibri,8,bold,0-0-200),$font(Calibri,8,,0-0-0))
$padding(7,)
$align(left,middle)
[%tracknumber%]
$padding(12,)
$align(right,middle)
$if(%isplaying%,%_time_remaining%,%length%)
$alignabs(28,2,%_width%,20,left,)
[%title%]
$ifgreater($mul(%_height%,%_itemcount%),52,
$imageabs2(100,90,0,$sub($mul(%_height%,$add(%_itemindex%,2)),$add(%_height%,1)),,%_height%,$sub(%_width%,160),,/images\ART_cd.png,)
$imageabs2(80,79,0,$sub($mul(%_height%,$add(%_itemindex%,2)),$add(%_height%,5)),,%_height%,$sub(%_width%,145),,$replace(%path%,%filename_ext%,folder.jpg),)
$imageabs2(100,90,0,$sub($mul(%_height%,$add(%_itemindex%,2)),$add(%_height%,1)),,%_height%,$sub(%_width%,160),,/images\case.png,)
,)
$imageabs(,,\images\LE5\reluna1.png,),
$imageabs(,,\images\LE5\reluna2.png,))
$if(%_selected%,$imageabs(,,\images\LE5\relunagreen.png,),)
$if(%isplaying%,$imageabs(,,\images\LE5\relunablue.png,),)
$if(%isplaying%,$font(Calibri,8,bold,0-0-200),$font(Calibri,8,,0-0-0))
$padding(7,)
$align(left,middle)
[%tracknumber%]
$padding(12,)
$align(right,middle)
$if(%isplaying%,%_time_remaining%,%length%)
$alignabs(28,2,%_width%,20,left,)
[%title%]
$ifgreater($mul(%_height%,%_itemcount%),52,
$imageabs2(100,90,0,$sub($mul(%_height%,$add(%_itemindex%,2)),$add(%_height%,1)),,%_height%,$sub(%_width%,160),,/images\ART_cd.png,)
$imageabs2(80,79,0,$sub($mul(%_height%,$add(%_itemindex%,2)),$add(%_height%,5)),,%_height%,$sub(%_width%,145),,$replace(%path%,%filename_ext%,folder.jpg),)
$imageabs2(100,90,0,$sub($mul(%_height%,$add(%_itemindex%,2)),$add(%_height%,1)),,%_height%,$sub(%_width%,160),,/images\case.png,)
,)
Group Display
CODE
$padding(12,)
$imageabs(,,\images\LE5\relunaorange2.png,)
$imageabs(4,11,\images\LE5\arrow.png,)
$align(right,middle)
$font(Calibri,12,glow- glowexpand-0 glowalpha-15,40-40-40)
%date%
$alignabs(28,3,%_width%,20,left,top)
$font(Calibri,10,bold glow- glowexpand-0 glowalpha-15,40-40-40)
$if(%album artist%,%album artist%,%artist%)
$font(Calibri,10,glow- glowexpand-0 glowalpha-15,40-40-40)
$alignabs(28,13,%_width%,20,left,bottom)
[%album%]
$ifgreater($mul(%_height%,%_itemcount%),100,
$imageabs2(100,90,0,$sub($mul(%_height%,$add(%_itemindex%,1)),$add(%_height%,1)),,%_height%,$sub(%_width%,160),,/images\ART_cd.png,)
$imageabs2(80,79,0,$sub($mul(%_height%,$add(%_itemindex%,1)),$add(%_height%,5)),,%_height%,$sub(%_width%,145),,$replace(%path%,%filename_ext%,folder.jpg),)
$imageabs2(100,90,0,$sub($mul(%_height%,$add(%_itemindex%,1)),$add(%_height%,1)),,%_height%,$sub(%_width%,160),,/images\case.png,)
,)
$imageabs(,,\images\LE5\relunaorange2.png,)
$imageabs(4,11,\images\LE5\arrow.png,)
$align(right,middle)
$font(Calibri,12,glow- glowexpand-0 glowalpha-15,40-40-40)
%date%
$alignabs(28,3,%_width%,20,left,top)
$font(Calibri,10,bold glow- glowexpand-0 glowalpha-15,40-40-40)
$if(%album artist%,%album artist%,%artist%)
$font(Calibri,10,glow- glowexpand-0 glowalpha-15,40-40-40)
$alignabs(28,13,%_width%,20,left,bottom)
[%album%]
$ifgreater($mul(%_height%,%_itemcount%),100,
$imageabs2(100,90,0,$sub($mul(%_height%,$add(%_itemindex%,1)),$add(%_height%,1)),,%_height%,$sub(%_width%,160),,/images\ART_cd.png,)
$imageabs2(80,79,0,$sub($mul(%_height%,$add(%_itemindex%,1)),$add(%_height%,5)),,%_height%,$sub(%_width%,145),,$replace(%path%,%filename_ext%,folder.jpg),)
$imageabs2(100,90,0,$sub($mul(%_height%,$add(%_itemindex%,1)),$add(%_height%,1)),,%_height%,$sub(%_width%,160),,/images\case.png,)
,)
////////////////////
Bottom Trackinfo Mod panel:
Min Height 25
Edge Style none
bgcolor 0,0,0
CODE
// Global
// Background
$imageabs(,,\images\LE5\reluna.png,)
// PerTrack
$if(%rating%,
$ifequal($num(%rating%,2),00,$imageabs(5,7,images\rating_hearts\rating0.png,),)
$ifequal($num(%rating%,2),01,$imageabs(5,7,images\rating_hearts\rating1.png,),)
$ifequal($num(%rating%,2),02,$imageabs(5,7,images\rating_hearts\rating2.png,),)
$ifequal($num(%rating%,2),03,$imageabs(5,7,images\rating_hearts\rating3.png,),)
$ifequal($num(%rating%,2),04,$imageabs(5,7,images\rating_hearts\rating4.png,),)
$ifequal($num(%rating%,2),05,$imageabs(5,7,images\rating_hearts\rating5.png,),)
,$imageabs(5,7,images\rating_hearts\notrated.png,))
$puts(rating,$if2(%rating%,0))
$button(5,7,0,0,13,13,,,Rate 1,)
$button(5,7,13,0,13,13,,,Rate 2,)
$button(5,7,26,0,13,13,,,Rate 3,)
$button(5,7,39,0,13,13,,,Rate 4,)
$button(5,7,52,0,13,13,,,Rate 5,)
//$puts(rating,$if2(%rating%,0))
//$button(5,7,0,0,13,13,,,TAG:SET:Rating:1,)
//$button(5,7,13,0,13,13,,,TAG:SET:Rating:2,)
//$button(5,7,26,0,13,13,,,TAG:SET:Rating:3,)
//$button(5,7,39,0,13,13,,,TAG:SET:Rating:4,)
//$button(5,7,52,0,13,13,,,TAG:SET:Rating:5,)
//PLAY/PAUSE
$button($sub($div(%_width%, 2),10),1,0,0,22,21,
$if($or(%ispaused%,$not(%isplaying%)),images\LE5\pause.png,images\LE5\play.png),
$if($or(%ispaused%,$not(%isplaying%)),images\LE5\play_.png,images\LE5\pause_.png),
$if($or(%ispaused%,$not(%isplaying%)),play,pause)
,)
//PREVIOUS
$button($sub($div(%_width%, 2), 40),1,0,0,22,21,images\LE5\prev.png,images\LE5\prev_.png,previous,)
//NEXT
$button($add($div(%_width%, 2), 20),1,0,0,22,21,images\LE5\next.png,images\LE5\next_.png,next,)
//ALBUM LIST
$button($sub(%_width%, 40),1,0,0,22,21,images\LE5\search.png,images\LE5\search_.png,Album List,)
// PerSecond
Moderation: Changed CODE to CODEBOX in order to preserve the forum layout.
After another day's work...
2.) When you double click the foobar status bar you can jump to now playing, or select all in a playlist. I'd like my bottom trackinfo_mod panel to have the same functionality but I'm not sure how to map double click interactions. Also, I'd like the top trackinfo_mod panel to be able to jump to any point in the song if I click in it, like foobar's seekbar. This is a must.
3.) I'd like to add something that tests to see how many items would be in a group, and if less than a certain amount, instead of having a group display, it displays "Artist - Album - Year - Track" all on one row.
4.) The ratings buttons only work when foobar is not in ID3v2.3 compatability mode, which makes me kind of cautious about using them at all. More generally speaking, I'm still looking for a solution for storing ratings, playcount, etc and other metadata. Here's a thread about tagging problem's I'm having.
Code:
Top Trackinfo mod panel:
min height 23
bg color 0,0,0
edge style none
/////////////////
SCPL:
Row height 23
Group Rows 2
Edge Style None
Group By
%album%
Item Display
Group Display
////////////////////
Bottom Trackinfo Mod panel:
Min Height 25
Edge Style none
bgcolor 0,0,0
// Global
// Background
$imageabs(,,\images\LE5\reluna.png,)
// PerTrack
$puts(rating,$if2(%rating%,0))
$button(5,7,0,0,13,13,images\rating_hearts\rating$get(rating).png,images\rating_hearts\rating1.png,TAG:SET:Rating:1,)
$button(5,7,13,0,13,13,images\rating_hearts\rating$get(rating).png,images\rating_hearts\rating2.png,TAG:SET:Rating:2,)
$button(5,7,26,0,13,13,images\rating_hearts\rating$get(rating).png,images\rating_hearts\rating3.png,TAG:SET:Rating:3,)
$button(5,7,39,0,13,13,images\rating_hearts\rating$get(rating).png,images\rating_hearts\rating4.png,TAG:SET:Rating:4,)
$button(5,7,52,0,13,13,images\rating_hearts\rating$get(rating).png,images\rating_hearts\rating5.png,TAG:SET:Rating:5,)
//PLAY/PAUSE
$button($sub($div(%_width%, 2),10),1,0,0,22,21,
$if($or(%ispaused%,$not(%isplaying%)),images\LE5\pause.png,images\LE5\play.png),
$if($or(%ispaused%,$not(%isplaying%)),images\LE5\play_.png,images\LE5\pause_.png),
$if($or(%ispaused%,$not(%isplaying%)),play,pause)
,)
//PREVIOUS
$button($sub($div(%_width%, 2), 40),1,0,0,22,21,images\LE5\prev.png,images\LE5\prev_.png,previous,)
//NEXT
$button($add($div(%_width%, 2), 20),1,0,0,22,21,images\LE5\next.png,images\LE5\next_.png,next,)
//ALBUM LIST
$button($sub(%_width%, 40),1,0,0,22,21,images\LE5\search.png,images\LE5\search_.png,Album List,)
// PerSecond
Moderation: Changed CODE to CODEBOX in order to preserve the forum layout.
- Increase the size of the album art display, or possibly scale the size according to width of screen/number of items in the group
- Add the functionality from foobar's seekbar and status bar.
- Add singles compatibility to the playlist view.
- Fix the ratings buttons.
2.) When you double click the foobar status bar you can jump to now playing, or select all in a playlist. I'd like my bottom trackinfo_mod panel to have the same functionality but I'm not sure how to map double click interactions. Also, I'd like the top trackinfo_mod panel to be able to jump to any point in the song if I click in it, like foobar's seekbar. This is a must.
3.) I'd like to add something that tests to see how many items would be in a group, and if less than a certain amount, instead of having a group display, it displays "Artist - Album - Year - Track" all on one row.
4.) The ratings buttons only work when foobar is not in ID3v2.3 compatability mode, which makes me kind of cautious about using them at all. More generally speaking, I'm still looking for a solution for storing ratings, playcount, etc and other metadata. Here's a thread about tagging problem's I'm having.
Code:
Top Trackinfo mod panel:
min height 23
bg color 0,0,0
edge style none
CODE
// Global
$padding(6,3)
// Background
// PerTrack
// PerSecond
$align(left,)
$font(Calibri,10,,221-222-223)
[%_time_elapsed%]
$align(right,)
$font(Calibri,10,,221-222-223)
[%length%]
$padding(1,0)
$drawrect($muldiv(%_width%,8,100),4,$muldiv(%_width%,81,100),9,brushcolor-null pencolor-180-184-194)
$drawrect($add($muldiv(%_width%,8,100),2),6,$ifgreater($muldiv($sub($muldiv(%_width%,81,100),4),%playback_time_seconds%,%length_seconds%),0,$muldiv($sub($muldiv(%_width%,78,100),4),%playback_time_seconds%,%length_seconds%),1),5,brushcolor-240-240-240 pencolor-null)
$padding(6,3)
// Background
// PerTrack
// PerSecond
$align(left,)
$font(Calibri,10,,221-222-223)
[%_time_elapsed%]
$align(right,)
$font(Calibri,10,,221-222-223)
[%length%]
$padding(1,0)
$drawrect($muldiv(%_width%,8,100),4,$muldiv(%_width%,81,100),9,brushcolor-null pencolor-180-184-194)
$drawrect($add($muldiv(%_width%,8,100),2),6,$ifgreater($muldiv($sub($muldiv(%_width%,81,100),4),%playback_time_seconds%,%length_seconds%),0,$muldiv($sub($muldiv(%_width%,78,100),4),%playback_time_seconds%,%length_seconds%),1),5,brushcolor-240-240-240 pencolor-null)
/////////////////
SCPL:
Row height 23
Group Rows 2
Edge Style None
Group By
%album%
Item Display
CODE
$ifequal($mod(%tracknumber%,2),0,
$imageabs(,,\images\LE5\reluna1.png,),
$imageabs(,,\images\LE5\reluna2.png,))
$if(%_selected%,$imageabs(,,\images\LE5\relunagreen.png,),)
$if(%isplaying%,$imageabs(,,\images\LE5\relunablue.png,),)
$if(%isplaying%,$font(Calibri,8,bold,0-0-200),$font(Calibri,9,,0-0-0))
$padding(12,)
$align(right,middle)
$if(%isplaying%,%_time_remaining%,%length%)
$padding(10,)
$align(left,middle)
[%tracknumber%]
$padding(40,)
$align(left,middle)
[%title%]
$ifgreater($mul(%_height%,%_itemcount%),20,
$imageabs2(100,90,0,$sub($mul(%_height%,$add(%_itemindex%,2)),$add(%_height%,1)),,%_height%,$sub(%_width%,140),,/images\ART_cd.png,)
$imageabs2(80,79,0,$sub($mul(%_height%,$add(%_itemindex%,2)),$add(%_height%,5)),,%_height%,$sub(%_width%,125),,$replace(%path%,%filename_ext%,folder.jpg),)
$imageabs2(100,90,0,$sub($mul(%_height%,$add(%_itemindex%,2)),$add(%_height%,1)),,%_height%,$sub(%_width%,140),,/images\case.png,)
,)
$imageabs(,,\images\LE5\reluna1.png,),
$imageabs(,,\images\LE5\reluna2.png,))
$if(%_selected%,$imageabs(,,\images\LE5\relunagreen.png,),)
$if(%isplaying%,$imageabs(,,\images\LE5\relunablue.png,),)
$if(%isplaying%,$font(Calibri,8,bold,0-0-200),$font(Calibri,9,,0-0-0))
$padding(12,)
$align(right,middle)
$if(%isplaying%,%_time_remaining%,%length%)
$padding(10,)
$align(left,middle)
[%tracknumber%]
$padding(40,)
$align(left,middle)
[%title%]
$ifgreater($mul(%_height%,%_itemcount%),20,
$imageabs2(100,90,0,$sub($mul(%_height%,$add(%_itemindex%,2)),$add(%_height%,1)),,%_height%,$sub(%_width%,140),,/images\ART_cd.png,)
$imageabs2(80,79,0,$sub($mul(%_height%,$add(%_itemindex%,2)),$add(%_height%,5)),,%_height%,$sub(%_width%,125),,$replace(%path%,%filename_ext%,folder.jpg),)
$imageabs2(100,90,0,$sub($mul(%_height%,$add(%_itemindex%,2)),$add(%_height%,1)),,%_height%,$sub(%_width%,140),,/images\case.png,)
,)
Group Display
CODE
$padding(12,0)
$imageabs(,,\images\LE5\relunaorange2.png,)
$imageabs(2,2,\images\relunaoink\%genre%.gif,)
$alignabs($sub(%_width%,37),2,%_width%,20,left,)
$font(Calibri,12,glow- glowexpand-0 glowalpha-15,40-40-40)
%date%
$alignabs($sub(%_width%,33),19,%_width%,20,left,)
$font(Calibri,8,glow- glowexpand-0 glowalpha-15,40-40-40)
%codec%
$alignabs($sub(%_width%,33),29,%_width%,20,left,)
$font(Calibri,8,glow- glowexpand-0 glowalpha-15,40-40-40)
%bitrate%
$alignabs(61,4,%_width%,20,left,top)
$font(Calibri,12,bold glow- glowexpand-0 glowalpha-15,40-40-40)
$if(%album artist%,%album artist%,%artist%)
$font(Calibri,11,glow- glowexpand-0 glowalpha-15,220-50-0)
$alignabs(61,20,%_width%,20,left,bottom)
[%album%]
$ifgreater($mul(%_height%,%_itemcount%),50,
$imageabs2(100,90,0,$sub($mul(%_height%,$add(%_itemindex%,1)),$add(%_height%,1)),,%_height%,$sub(%_width%,140),,/images\ART_cd.png,)
$imageabs2(80,79,0,$sub($mul(%_height%,$add(%_itemindex%,1)),$add(%_height%,5)),,%_height%,$sub(%_width%,125),,$replace(%path%,%filename_ext%,folder.jpg),)
$imageabs2(100,90,0,$sub($mul(%_height%,$add(%_itemindex%,1)),$add(%_height%,1)),,%_height%,$sub(%_width%,140),,/images\case.png,)
,)
$imageabs(,,\images\LE5\relunaorange2.png,)
$imageabs(2,2,\images\relunaoink\%genre%.gif,)
$alignabs($sub(%_width%,37),2,%_width%,20,left,)
$font(Calibri,12,glow- glowexpand-0 glowalpha-15,40-40-40)
%date%
$alignabs($sub(%_width%,33),19,%_width%,20,left,)
$font(Calibri,8,glow- glowexpand-0 glowalpha-15,40-40-40)
%codec%
$alignabs($sub(%_width%,33),29,%_width%,20,left,)
$font(Calibri,8,glow- glowexpand-0 glowalpha-15,40-40-40)
%bitrate%
$alignabs(61,4,%_width%,20,left,top)
$font(Calibri,12,bold glow- glowexpand-0 glowalpha-15,40-40-40)
$if(%album artist%,%album artist%,%artist%)
$font(Calibri,11,glow- glowexpand-0 glowalpha-15,220-50-0)
$alignabs(61,20,%_width%,20,left,bottom)
[%album%]
$ifgreater($mul(%_height%,%_itemcount%),50,
$imageabs2(100,90,0,$sub($mul(%_height%,$add(%_itemindex%,1)),$add(%_height%,1)),,%_height%,$sub(%_width%,140),,/images\ART_cd.png,)
$imageabs2(80,79,0,$sub($mul(%_height%,$add(%_itemindex%,1)),$add(%_height%,5)),,%_height%,$sub(%_width%,125),,$replace(%path%,%filename_ext%,folder.jpg),)
$imageabs2(100,90,0,$sub($mul(%_height%,$add(%_itemindex%,1)),$add(%_height%,1)),,%_height%,$sub(%_width%,140),,/images\case.png,)
,)
////////////////////
Bottom Trackinfo Mod panel:
Min Height 25
Edge Style none
bgcolor 0,0,0
CODE
// Global
// Background
$imageabs(,,\images\LE5\reluna.png,)
// PerTrack
$puts(rating,$if2(%rating%,0))
$button(5,7,0,0,13,13,images\rating_hearts\rating$get(rating).png,images\rating_hearts\rating1.png,TAG:SET:Rating:1,)
$button(5,7,13,0,13,13,images\rating_hearts\rating$get(rating).png,images\rating_hearts\rating2.png,TAG:SET:Rating:2,)
$button(5,7,26,0,13,13,images\rating_hearts\rating$get(rating).png,images\rating_hearts\rating3.png,TAG:SET:Rating:3,)
$button(5,7,39,0,13,13,images\rating_hearts\rating$get(rating).png,images\rating_hearts\rating4.png,TAG:SET:Rating:4,)
$button(5,7,52,0,13,13,images\rating_hearts\rating$get(rating).png,images\rating_hearts\rating5.png,TAG:SET:Rating:5,)
//PLAY/PAUSE
$button($sub($div(%_width%, 2),10),1,0,0,22,21,
$if($or(%ispaused%,$not(%isplaying%)),images\LE5\pause.png,images\LE5\play.png),
$if($or(%ispaused%,$not(%isplaying%)),images\LE5\play_.png,images\LE5\pause_.png),
$if($or(%ispaused%,$not(%isplaying%)),play,pause)
,)
//PREVIOUS
$button($sub($div(%_width%, 2), 40),1,0,0,22,21,images\LE5\prev.png,images\LE5\prev_.png,previous,)
//NEXT
$button($add($div(%_width%, 2), 20),1,0,0,22,21,images\LE5\next.png,images\LE5\next_.png,next,)
//ALBUM LIST
$button($sub(%_width%, 40),1,0,0,22,21,images\LE5\search.png,images\LE5\search_.png,Album List,)
// PerSecond
Moderation: Changed CODE to CODEBOX in order to preserve the forum layout.
QUOTE(panfist @ Jan 25 2007, 02:40)
1.) I'd like for the album art to scale to bigger sizes if there is room for it on the playlist. If the screen is wider than some arbitrary number, the album art should start to get bigger. This would also have to check for number of items displayed in that group. Conversely when the display shrinks, the album art should shrink to fit entirely within the group display. Is it possible the group display to know how many items are in that group?
2.) When you double click the foobar status bar you can jump to now playing, or select all in a playlist. I'd like my bottom trackinfo_mod panel to have the same functionality but I'm not sure how to map double click interactions. Also, I'd like the top trackinfo_mod panel to be able to jump to any point in the song if I click in it, like foobar's seekbar. This is a must.
3.) I'd like to add something that tests to see how many items would be in a group, and if less than a certain amount, instead of having a group display, it displays "Artist - Album - Year - Track" all on one row.
4.) The ratings buttons only work when foobar is not in ID3v2.3 compatability mode, which makes me kind of cautious about using them at all. More generally speaking, I'm still looking for a solution for storing ratings, playcount, etc and other metadata. Here's a thread about tagging problem's I'm having.
2.) When you double click the foobar status bar you can jump to now playing, or select all in a playlist. I'd like my bottom trackinfo_mod panel to have the same functionality but I'm not sure how to map double click interactions. Also, I'd like the top trackinfo_mod panel to be able to jump to any point in the song if I click in it, like foobar's seekbar. This is a must.
3.) I'd like to add something that tests to see how many items would be in a group, and if less than a certain amount, instead of having a group display, it displays "Artist - Album - Year - Track" all on one row.
4.) The ratings buttons only work when foobar is not in ID3v2.3 compatability mode, which makes me kind of cautious about using them at all. More generally speaking, I'm still looking for a solution for storing ratings, playcount, etc and other metadata. Here's a thread about tagging problem's I'm having.
1) You can change the size of the album art and cd images by changing the first two parameters in your $imageabs() functions. The first one is width and the second one is height. Just remember that you'll probably want to change the '50' in the line
CODE
$ifgreater($mul(%_height%,%_itemcount%),50,
to reflect the new size of your images, minus the double row height for your group header.2) I do not think this this is currently possible. However you might be interested in foo_highlightplaying.
3) The variable %_itemcount% will display the number of items in the current group, and using code that will result in the string "!noheader!" in your SCPL group by code will hide a header for a group. However you are unable to use %_itemcount% in the group by code so what you ask is not currently possible. You can however try something like $ifgreater(%totaltracks%,1,%album%,!noheader!) for your group by code and then with your item display code change the chunk of your code that looks like this:
CODE
$padding(10,)
$align(left,middle)
[%tracknumber%]
$padding(40,)
$align(left,middle)
[%title%]
$align(left,middle)
[%tracknumber%]
$padding(40,)
$align(left,middle)
[%title%]
Into something like this:
CODE
$padding(10,)
$align(left,middle)
$ifgreater(%_itemcount%,1,
[%tracknumber%]
$padding(40,)
$align(left,middle)
[%title%]
,
[%artist% - ][%album% - ][%year% - ][%track%. - ]%title%
)
$align(left,middle)
$ifgreater(%_itemcount%,1,
[%tracknumber%]
$padding(40,)
$align(left,middle)
[%title%]
,
[%artist% - ][%album% - ][%year% - ][%track%. - ]%title%
)
4) ID3v2.3 Compatibility mode does not store custom tags. Rating is a custom tag. If you insist on using custom tags I would suggest moving away from whatever it is that is pushing you to use ID3v2.3 and start using ID3v2.4. I personally would like to find a convenient way to store arbitrary metadata somewhere other than in a file's tag, there was foo_custominfo but this falls far short of what I would like.
Hi panfist, do you mind to upload ur beautiful genre pics?
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.