foo_uie_graphical

Topic: foo_uie_graphical_browser (Read 243512 times) previous topic - next topic

0 Members and 1 Guest are viewing this topic.

foo_uie_graphical_browser

2008-02-19 15:04:41

THIS IS NOT MY RELEASE

DOWNLOAD: http://www.tv2ch.info/fb2k

Readme translated by thuan (rev014):

Graphical Browser

● What this component does:
	Album cover browser for the active playlist.


● Caution
	Settings are per panel so if you delete a panel, the settings for that panel
	also disappear.


● Sort
	Blank　→　Whatever works.
	*　→　Sorted by grouped strings.
	
	If you want to arrange in the same order as the playlist　→　$num(%gb_playlist_number%,10)


● Popup
	Transparent mode
		You can apply different level of transparence to every pixel. (e.g.: transparent background
		with full opacity image and text.)
		I think that GDI can't be used, please use GDI+ only.
		Even with GDI+, text rendering without using $gp_set_text_rendering_hint(aa) doesn't look
		good enough.
		
	Per track
		Draw order:
		Popup → Per track(0) → Per track(1) → ...
		Rendering settings (e.g.: pen, brush, font, ...) can't be set again midway.
		

● Image cache methods
	Old
		rev011 and older way. Cache images of all items.
		Image cache is purged when switching playlist.
	
	Default
		Cache images to the set size.
		Image cache is not purged when switching playlist.
		If the image cache reach the limit, it will be purged.


● Variables
	%gb_group%
		[Item], [Popup], [Per track(Popup)]
			Return the group string. E.g.: If you used $if2(%album%,@skip) to group,
			it will return %album%.

	%gb_width%
		[Item]
			Item width
		[Popup], [Per track(Popup)]
			Popup width

	%gb_height%
		[Item]
			Item height
		[Popup], [Per track(Popup)]
			Popup height

	%gb_focused%
		[Item], [Popup], [Per track(Popup)]
			Check whether focus is on the item or not

	%gb_mouse_over%
		[Item]
			Check whether mouse cursor is on the item or not
		[Popup], [Per track(Popup)]
			Probably always true
		
	%gb_item_index%
		[Item], [Popup], [Per track(Popup)]
			Return item index

	%gb_item_count%
		[Item], [Popup], [Per track(Popup)]
			Return item count

	%gb_track_count%
		[Sort], [Item], [Popup], [Per track(Popup)]
			Return number of songs in an item

	%gb_playlist_number%
		[Sort], [Item], [Popup]
			Return position of song in playlist for the first song in an item
		[Per track(Popup)]
			Return position of song in playlist

	%gb_col%
		[Item], [Popup], [Per track(Popup)]
			Return item column number

	%gb_row%
		[Item], [Popup], [Per track(Popup)]
			Return item row number

	%gb_col_count%
		[Item], [Popup], [Per track(Popup)]
			Return number of columns

	%gb_row_count%
		[Item], [Popup], [Per track(Popup)]
			Return number of rows

	%gb_isplaying%
		[Item], [Popup]
			Return true if a song in the item is playing
		[Per track (Popup)]
			Return true if it is playing
	
	%gb_track_index%
		[Per track (Popup)]
			Position of track in item (O based)
	
	%gb_length%
		[Sort], [Item], [Popup], [Per track(Popup)]
			Total length of item/track
	
	%gb_length_seconds%
		[Sort], [Item], [Popup], [Per track(Popup)]
			Total length in seconds of item/track

	%gb_calc_x%
	%gb_calc_y%
	%gb_calc_width%
	%gb_calc_height%
		[Item], [Popup], [Per track(Popup)]
			Dimension calculations
			Values change with functions below
			$calc_text
			$gp_calc_string
			$gp_calc_string_path
			$draw_image
	

● About functions:
	Functions are divided into GDI and GDI+. They are different in pens, brushes and points.
	For GDI, to set color with "r-g-b", use a base 10 number for each color component;
	otherwise use base 16 number with "rrggbb". For GDI+, to set color with "a-r-g-b",
	use a base 10 number for each color component and alpha channel; otherwise use
	base 16 number with "aarrggbb". If you want to draw some thing with transparency
	or effects like anti-aliasing, use GDI+. Some fonts (probably OpenType fonts with
	PostScript outline) can't be used in GDI+ mode. Full-width hyphen can't be
	displayed right in GDI+ mode.


● GDI function
	$set_font(name,size,style)
		Set font
		name - font name
		size - font size
		style - style
			Set multiple styles by combining options
			"b" - bold
			"i" - italic
			"u" - underline
			"s" - strikethrough

	$set_font_color(color)
		Set font color
		color - color

	$draw_text(str,x,y)
		Draw text
		str - string
		x - start point x coordinate
		y - start point y coordinate

	$draw_text(str,x,y,width,height,[option1],[option2],...)
		Draw text within the set limit
		str - string
		x - start point x coordinate
		y - start point y coordinate
		width - drawing width
		height - drawing height
		option - other option
			"bottom" - draw at bottom, needs singleline
			"center" - center aligned
			"end_ellipsis" - if out of limit, append "...."
			"left" - left aligned
			"noclip" - no clip, same as no settings for width and height
			"path_ellipsis" – like end_ellipsis but used for file path
			"right" – right aligned
			"singleline" - display with 1 line
			"top" - draw at top
			"vcenter" - vertical center aligned, needs singleline
			"wordbreak" - display with multiple lines
			"word_ellipsis" - truncates any word that does not fit in the
			rectangle and adds ellipsis.
			Details at [url=http://msdn2.microsoft.com/en-us/library/ms533909.aspx]http://msdn2.microsoft.com/en-us/library/ms533909.aspx[/url]

	$calc_text(str)
	$calc_text(str,width,height,[option1],[option2],...)
		Calculate size of str when drawn.
		Arguments are the same as $draw_text except x and y.
		Use %gb_calc_*% to obtain values after this function.

	$set_pen(color)
	$set_pen(color,width)
	$set_pen(color,width,style)
		Pen settings
		color - color
		width - width[1], only effective when using "solid" style
		style - style["solid"]
			"solid" - solid line
			"dash" - dashed line
			"dot" - dotted line
			"dashdot" - line with alternating dashes and dots
			"dashdotdot" - line  with alternating dashes and double dots
			Details at [url=http://msdn2.microsoft.com/en-us/library/ms535467(VS.85).aspx]http://msdn2.microsoft.com/en-us/library/m...467(VS.85).aspx[/url]

	$set_brush(color)
	$set_brush(color,style)
		Brush settings
		color - color
		style - style: if it is not set, then brush is solid
			"bdiagonal" - A 45-degree upward, left-to-right line pattern
			"cross" - Horizontal and vertical cross pattern
			"diagcross" - 45-degree cross pattern
			"fdiagonal" - A 45-degree downward, left-to-right line pattern
			"horizontal" - Horizontal line pattern
			"vertical" - Vertical line pattern

	$draw_rect(x,y,width,height)
		Draw rectangle using pen
		x - start point x coordinate
		y - start point y coordinate
		width - width
		height - height

	$fill_rect(x,y,width,height)
		Fill rectangle using brush
		x - start point x coordinate
		y - start point y coordinate
		width - width
		height - height

	$fill_draw_rect(x,y,width,height)
		Draw rectangle using pen and brush
		x - start point x coordinate
		y - start point y coordinate
		width - width
		height - height

	$round_rect(x,y,width,height,ellipse_width,ellipse_height)
		Draw round corner rectangle with pen and brush
		x - start point x coordinate
		y - start point y coordinate
		width - width
		height - height
		ellipse_width - ellipse width
		ellipse_height - ellipse height

	$draw_line(x1,y1,x2,y2)
		Draw line using pen, end point is not drawn.
		x1 - start point x coordinate
		y1 - start point y coordinate
		x2 - end point x coordinate
		y2 - end point y coordinate


● GDI+ function
	Because pen, brush, font do not have default values, please set them up with
	$gp_set_* before using.

	$gp_set_pen(argb,width)
	$gp_set_pen(argb,width,style,line_join)
		○ Overview:
		Pen settings
		○ Arguments:
		argb - color
		width - width
		style - style ["solid"]
			"solid" - solid line
			"dash" - dashed line
			"dot" - dotted line
			"dashdot" - line with alternating dashes and dots
			"dashdotdot" - line  with alternating dashes and double dots
		line_join - stroke corner style ["miter"]
			"miter"
			"bevel"
			"round"

	$gp_set_brush(argb)
		○ Overview:
			Monocolor brush setting
		○ Arguments:
			argb - color

	$gp_set_brush(style,argb1,argb2)
		○ Overview:
			Hatch brush settings
		○ Argument:
			style - Style
				Use number in range 0 ~ 53.
				Details at　http://msdn2.microsoft.com/en-us/library/ms534127.aspx
			argb1 - Foreground color.
			argb2 - Background color.
	
	$gp_set_brush(argb1,x1,y1,argb2,x2,y2)
		○ Overview:
			Set brush with linear gradual effect
		○ Arguments:
			argb1 - color 1
			x1 - color 1 x coordinate
			y1 - color 1 y coordinate
			argb2 - color 2
			x2 - color 2 x coordinate
			y2 - color 2 y coordinate

	$gp_set_font(name,size)
	$gp_set_font(name,size,style_1,style_2...)
		○ Overview:
			Font settings
		○ Arguments:
			name - font name
			size - font size
			style - style
				"b" - bold
				"i" - italic
				"bi" - bold and italic
				"u" - underline
				"s" - strikethrough

	$gp_set_string_format(alignment,line_alignment,[trimming])
		○ Overview:
			Text drawing method settings
		○ Arguments:
			alignment - horizontal alignment
				"near" - left
				"center" - center
				"far" - right
			line_alignment - vertical alignment
				"near" - top
				"center" - center
				"far" - bottom
			trimming - Trimming.
				"character"
				"word"
				"ellipsis_character"
				"ellipsis_word"
				"ellipsis_path"

	$gp_set_smoothing_mode(antialias)
		○ Overview:
			Shape anti-alias setting
		○ Arguments:
			antialias - anti-alias
				0 - disable
				1 - enable

	$gp_set_text_rendering_hint(mode)
		○ Overview:		
			Text rendering method setting
		○ Arguments:
			mode - method
				"default" - default
				"sb+" - single bit per pixel grid fit
				"sb" - single bit per pixel
				"aa+" - anti alias grid fit
				"aa" - anti alias
				"ct" - clear type

	$gp_draw_arc(x,y,width,height,start_angle,sweep_angle)
		○ Overview:		
			Draw arc using pen
		○ Arguments:		
			x - top left x coordinate
			y - top left y coordinate
			width - width
			height - height
			start_angle - start angle (degree)
			sweep_angle - end angle (degree)
		○ Settings:
			$gp_set_pen
			$gp_set_smoothing_mode

	$gp_draw_ellipse(x,y,width,height)
		○ Overview:	
			Draw ellipse using pen
		○ Arguments:
			x - top left x coordinate
			y - top left y coordinate
			width - width
			height - height
		○ Settings:
			$gp_set_pen
			$gp_set_smoothing_mode		

	$gp_draw_line(x1,y1,x2,y2)
		○ Overview:	
			Draw line using pen
		○ Arguments:
			x1 - start point x coordinate
			y1 - start point y coordinate
			x2 - end point x coordinate
			y2 - end point y coordinate
		○ Settings:
			$gp_set_pen
			$gp_set_smoothing_mode

	$gp_draw_pie(x,y,width,height,start_angle,sweep_angle)
		○ Overview:	
			Draw pie (fan shape) using pen
		○ Arguments:
			x - top left x coordinate
			y - top left y coordinate
			width - width
			height - height
			start_angle - start angle (degree)
			sweep_angle - end angle (degree)
		○ Settings:
			$gp_set_pen
			$gp_set_smoothing_mode
			
	$gp_draw_rectangle(x,y,width,height)
		○ Overview:
			Draw rectangle using pen
		○ Arguments:
			x - top left x coordinate
			y - top left y coordinate
			width - width
			height - height
		○ Settings:
			$gp_set_pen
			$gp_set_smoothing_mode

	$gp_draw_string(str,x,y)
	$gp_draw_string(str,x,y,width,height)
		○ Overview:
			Draw string using brush
		○ Arguments:
			str - string
			x - top left x coordinate
			y - top left y coordinate
			width - width
			height - height
		○ Settings:
			$gp_set_font
			$gp_set_brush
			$gp_set_text_rendering_hint
			$gp_set_string_format

	$gp_calc_string(str)
	$gp_calc_string(str,width,height)
		○ Overview
			Calculate size of str when drawn

	$gp_fill_ellipse(x,y,width,height)
		○ Overview:
			Fill ellipse using brush
		○ Arguments:
			x - top left x coordinate
			y - top left y coordinate
			width - width
			height - height
		○ Settings:
			$gp_set_brush
			$gp_set_smoothing_mode

	$gp_fill_pie(x,y,width,height,start_angle,sweep_angle)
		○ Overview:		
			Fill pie using brush
		○ Arguments:
			x - top left x coordinate
			y - top left y coordinate
			width - width
			height - height
			start_angle - start angle (degree)
			sweep_angle - end angle (degree)
		○ Settings:
			$gp_set_brush
			$gp_set_smoothing_mode

	$gp_fill_rectangle(x,y,width,height)
		○ Overview:	
			Fill rectangle using brush
		○ Arguments:
			x - top left x coordinate
			y - top left y coordinate
			width - width
			height - height
		○ Settings:
			$gp_set_brush
			$gp_set_smoothing_mode

	$gp_draw_string_path(str,size,mode,x,y)
	$gp_draw_string_path(str,size,mode,x,y,width,height)
		○ Overview:
			Draw string with border.
		○ Arguments:
			str - string
			size - character size, px unit (different from current font size)
			mode - draw mode
				"" - fill and border
				"stroke" - only border
				"fill" - only fill
			x - top left x coordinate
			y - top left y coordinate
			width - width
			height - height
		○ Settings:
			$gp_set_pen
			$gp_set_brush
			$gp_set_font
			$gp_set_string_format
			$gp_set_smoothing_mode
		○ Examples:
			$gp_set_font(Tahoma,9,b)
			$gp_set_pen(ff1500ff,2,,round)
			$gp_set_brush(ffddeeff)
			$gp_set_string_format(center,center)
			$gp_set_smoothing_mode(1)
			$gp_draw_string_path(%gb_group%,16,,0,0,%gb_width%,%gb_height%)

	$gp_calc_string_path(str,size,mode)
	$gp_calc_string_path(str,size,mode,width,height)
		○ Overview
			Calculate size of str with border when drawn


● Draw image function
	$draw_image(x,y,width,height,path)
	$draw_image(x,y,width,height,path,alpha)
	$draw_image(x,y,width,height,path,alpha,option)
	$draw_image(x,y,width,height,path,alpha,option,rotate_flip)
		○ Overview:
			Draw image
		○ Arguments:		
			x - starting point x coordinate
			y - starting point y coordinate
			width - width
			height - height
			path - absolute path to image, wild cards are accepted.
			alpha - degree of opacity[255]
			option - other options[""]
				"nokeepaspect" - don't keep picture aspect ratio
				"top" - draw at the top
				"topright" - draw on the top right
				"right" - draw from the right
				"bottomright" - draw on the bottom right
				"bottom" - draw at the bottom
				"bottomleft" - draw on the bottom left
				"left" - draw from the left
				"topleft" - draw on the top left
			rotate_flip - Rotation and flip [0]
				0 - No rotation = Rotate right 180 degrees,
				flip vertically then horizontally
				1 - Rotate right 90 degrees = Rotate right 270 degrees,
				flip vertically then horizontally
				2 - Rotate right 180 degrees = Flip vertically then
				horizontally
				3 - Rotate right 270 degrees = Rotate right 90 degrees,
				flip vertically then horizontally
				4 - Flip horizontally = Rotate right 180 degrees,
				flip vertically
				5 - Rotate right 90 degrees, flip horizontally = Rotate
				right 270 degrees, flip vertically
				6 - Rotate right 180 degrees, flip horizontally = Flip
				vertically
				7 - Rotate right 270 degrees, flip horizontally = Rotate
				right 90 degrees, flip vertically
		○ Reference
			After executing this function, you can use
			%gb_calc_*% to obtain the real dimensions used.


● Other functions
	$set_size(width,height)
		○ Overview
			Modify popup size, please use it only when drawing the popup.
			Popup size is the upper limits, you can only set to smaller sizes.
			%gb_width%,%gb_height% values are changed accordingly.
			When width or height is 0 or less, popup won't be drawn.
		○ Arguments:
			width - width
			height - height

	$set_org(x,y)
		○ Overview
			Starting point setting
		○ Arguments:
			x - starting point x coordinate
			y - starting point y coordinate

	$sum(tf)
		○ Overview
			Calculate sum of values designated by TitleFormat.
		○ Arguments:
			tf - TitleFormat
		○ Example: Total number played
			$sum('%play_count%')


	$eval(expression)
		Evaluate the expression and calculate
		expression - expression
			E.g.： $eval(5+3)
			E.g.： $eval({%gp_width%-10}/2)
		※ Divide by zero expression returns 0.
		Can be used with sort

● Change logs:
	2008/03/16	rev014
		Added - $set_size function
		Added - %gb_calc_x% variable
		Added - %gb_calc_y% variable
		Added - %gb_calc_width% variable
		Added - %gb_calc_height% variable
		Added - $calc_text function
		Added - $gp_calc_string function
		Added - $gp_calc_string_path function
		Fixed - $draw_image function
		Fixed - $gp_set_string_format function(trimming argument) (however, they can always be used before,
		just forgot to write here…
		Fixed - Several bugs fixed

	2008/03/12	rev013
		Fixed - Fixed the slip happens sometimes when using keyboard to jump from item to item
		Fixed - When drawing in GDI mode, fixed a drawing background bug

	2008/03/11	rev012
		Fixed - Fatal resource leak
		Added - Image cache options

	2008/03/10	rev011
		Added - Ability to move focus to an item when pressing the first character of %gb_group%
		using keyboard
		Added - Ability to add to specified playlist instead of replacing it
		Fixed - Fixed a bug that prevents you to scroll in Windows 2000 (probably...)
		(TL's note: not sure about the last one, the meaning is a little vague and I don't have
		Windows 2000 to test)

	2008/03/09	rev010
		Fixed - For some reason, I changed the variable name %gb_subitem_count% to %gb_track_count% 
		(the one before can still be used)
		Added - Function $gp_set_brush(style,argb1,argb2)
		Added - Function $set_org(x,y)
		Added - Popup display  transparent mode
		Added - Popup delay setting
		Added - Function $sum(tf)
		Added - Variable %gb_isplaying%
		Added - Variable %gb_track_index%
		Added - Variable %gb_length%
		Added - Variable %gb_length_seconds%

	2008/03/02	rev009
		Fixed - Fixed the bug that causes rotateflip does nothing
		Fixed - Fixed behavior when there's no scroll bar
		Added - Added mouse over popup.

	2008/03/02	rev008
		Fixed - Fixed bug that prevent the use of wild cards in $draw_image function

	2008/03/02	rev007
		Added - Ability to [always show|if necessary show|hide] scroll bar
		Fixed - $set_font function (style)
		Fixed - $draw_image function (rotate_flip)
		Added - Middle mouse button action
		Added - Ability to send to specified playlist
	Older change logs omitted.


● Copyright
	TitleFormatting Editor
		Copyright 1998-2003 by Neil Hodgson <neilh@scintilla.org> All Rights Reserved
		[url=http://scintilla.sourceforge.net/]http://scintilla.sourceforge.net/[/url]

foo_uie_graphical_browser

Reply #1 – 2008-02-19 21:19:08

Thanks!
Trying right now!
Can't figure out how to show images!

EDIT: I did it! But the component doesn't support my Panels UI globals variables.

foo_uie_graphical_browser

Reply #2 – 2008-02-19 21:41:03

Quote from: CepiPerez on 2008-02-19 21:19:08

EDIT: I did it! But the component doesn't support my Panels UI globals variables.

How to do this?
I don't have no idea with this GREAT and fancy plugin...

foo_uie_graphical_browser

Reply #3 – 2008-02-19 21:51:47

Here is basically what I have to show the cover of each of my albums, and when selected has a diagonal selection rectangle overtop of the image:

Code: [Select]

$draw_image(0,0,%_width%,%_height%,
$if($cwb_fileexists(PATH_TO_MY_ALBUM_ART),PATH_TO_MY_ALBUM_ART,PATH_TO_MY_NO_ART_IMAGE))

$if(%_focused%,
  $set_pen(808080,1)
  $set_brush(128-192-255,fdiagonal)
  $round_rect(0,0,%_width%,%_height%,5,5)
,)

foo_uie_graphical_browser

Reply #4 – 2008-02-19 23:55:00

Wow. Nice plugin. Shame my music collection is mostly coverless at this point in time.

But for those with more commercial music tastes and thus have albums with covers, this would be great!

foo_uie_graphical_browser

Reply #5 – 2008-02-20 00:47:08

cool,
thanks
ill try it

foo_uie_graphical_browser

Reply #6 – 2008-02-20 01:27:46

it works nice but need some improvement and a good english translation
Thanks a lot
Perhaps it will allow us to make the same interface as the zune software which is prettu cool i think

foo_uie_graphical_browser

Reply #7 – 2008-02-20 02:20:00

The one thing I wish it had was the ability for the rectangles to be alpha transparent.

I'm glad people are enjoying this plugin tho. Many cool things can be found on the japanese wiki .

foo_uie_graphical_browser

Reply #8 – 2008-02-20 03:05:48

That's a very nice plugin. Any easy way to implement it for foobar newbies?

foo_uie_graphical_browser

Reply #9 – 2008-02-20 23:13:12

Where is this getting its list of tracks from?

I can get it to display an image for the current track (i.e the first track in the active playlist)- but not anything else.

foo_uie_graphical_browser

Reply #10 – 2008-02-20 23:19:28

Quote from: Darkchaser on 2008-02-20 03:05:48

That's a very nice plugin. Any easy way to implement it for foobar newbies?

we're all new to this component.

foo_uie_graphical_browser

Reply #11 – 2008-02-20 23:54:37

Quote from: Kiteroa on 2008-02-20 23:13:12

Where is this getting its list of tracks from?

I can get it to display an image for the current track (i.e the first track in the active playlist)- but not anything else.

Some progress:

top box is where you specify grouping criteria (e.g. %album%)
drop down on lhs seems to be display "rows by columns" or "columns by rows".

foo_uie_graphical_browser

Reply #12 – 2008-02-21 12:22:53

nicee component

foo_uie_graphical_browser

Reply #13 – 2008-02-21 13:49:27

w: 120 h:150
sort: $num(%gb_playlist_number%,10)

Code: [Select]

$set_font(Tahoma,8)

$if(%gb_focused%,
  $set_pen(808080,1)
  $set_brush(51-153-255)
  $round_rect(0,0,%gb_width%,%gb_height%,5,5)
$set_font_color(ffffff)
,
$set_font_color(000000)
)

$if(%gb_mouse_over%,
$set_pen(303030,1)
//$set_brush(191-223-255)
$round_rect(0,0,%gb_width%,%gb_height%,5,5)
,)

$draw_image(1,1,$eval(%gb_width%-2),$eval(%gb_width%-2),$replace(%path%,%filename_ext%,)folder.jpg,255,nokeepaspect)
$draw_image(1,1,$eval(%gb_width%-2),$eval(%gb_width%-2),$replace(%path%,%filename_ext%,)cover.jpg,255,nokeepaspect)
$draw_text(%album artist%,5,%gb_width%,$eval(%gb_width%-5),%gb_width%,center,end_ellipsis)
$draw_text(%album%,5,$eval(%gb_width%+14),$eval(%gb_width%-5),%gb_width%,center,end_ellipsis)

foo_uie_graphical_browser

Reply #14 – 2008-02-21 14:09:27

Works pretty well (not too power hungry).

If anyone figures out if/how you can control what clicking on a cover does, please post.

Thanks.l

foo_uie_graphical_browser

Reply #15 – 2008-02-21 16:19:23

Quote from: Melomane on 2008-02-21 13:49:27

my script:
display vertical rectangle with cover , artist date and album text
colours match green xp theme

group ( first edit box) :
$if(%album%,$upper(%album artist%) $if($meta(album artist),,%date%)%album%,@skip)

width 180 height 220

code:

Code: [Select]

$if(%_focused%,
  $set_pen(808080,1)
  $set_brush(147-160-112)
  $round_rect(0,0,%_width%,%_height%,5,5)
$set_font(Tahoma,9)

$set_font_color(255-255-255)
$draw_text(%album artist% - ['('%date%') ']%album%,2,$add(%_width%,5),$sub(%_width%,6),$sub($sub(%_height%,%_width%),10),center,wordbreak)
,
$set_font(Tahoma,9)
$set_font_color(0-0-0)
$draw_text(%album artist% - ['('%date%') ']%album%,2,$add(%_width%,5),$sub(%_width%,6),$sub($sub(%_height%,%_width%),10),center,wordbreak)
)

$draw_image(2,2,$sub(%_width%,4),$sub(%_width%,4),
$if($cwb_fileexists($replace(%path%,%filename_ext%,)cover.jpg),$replace(%path%,%filename_ext%,)cover.jpg,$if($cwb_fileexists($replace(%path%,%filename_ext%,)folder.jpg),$replace(%path%,%filename_ext%,)folder.jpg,C:\Program Files\foobar2000\default.jpg)))

After ages only managing to show a default picture - I worked out I needed foo_cwb_hooks - thanks for the code

foo_uie_graphical_browser

Reply #16 – 2008-02-21 17:52:53

Hi !!

newbie, sorry.......

the component is in place, but............................nothing. I don't see anything with this name : graphical_browser, in the "preferences" or the "menu"

Please, where can I find something to make it work ?

thanks a lot.

foo_uie_graphical_browser

Reply #17 – 2008-02-21 22:11:29

Quote from: larryT on 2008-02-21 17:52:53

Hi !!

newbie, sorry.......

the component is in place, but............................nothing. I don't see anything with this name : graphical_browser, in the "preferences" or the "menu"

Please, where can I find something to make it work ?

thanks a lot.

Open it as a panel under panels ui then right click on it - up comes a "settings" option.

foo_uie_graphical_browser

Reply #18 – 2008-02-21 22:35:09

Thank you Melomane!!!!:

Now, how i change the background?? It stills in white colour....

and the fonts colour??

Can add some other things in text like genre, artist, format (flac, mp3,...)

Thanks.

foo_uie_graphical_browser

Reply #19 – 2008-02-21 23:54:14

Quote from: bertox on 2008-02-21 22:35:09

Thank you Melomane!!!!:

Now, how i change the background?? It stills in white colour....

and the fonts colour??

Can add some other things in text like genre, artist, format (flac, mp3,...)

Thanks.

Check out the first post, I posted a screen shot of the dialog window. The background color can be changed with the bottom left button (its in japanese and pops up a color picker).

Font color is explained in the readme.

To add things like genre, artist, etc just use the tags for the corresponding tag you want to show (genre = %genre% etc). I am pretty sure that this component uses the basic titleformatting language of foobar itself:
http://wiki.hydrogenaudio.org/index.php?ti...ormat_Reference

foo_uie_graphical_browser

Reply #20 – 2008-02-22 00:46:13

Quote from: Melomane on 2008-02-21 13:49:27

my script:
display vertical rectangle with cover , artist date and album text
colours match green xp theme

group ( first edit box) :
$if(%album%,$upper(%album artist%) $if($meta(album artist),,%date%)%album%,@skip)

width 180 height 220

What does @skip do? - I don't think I've seen this used in Foobar before.

foo_uie_graphical_browser

Reply #21 – 2008-02-22 00:53:28

Quote from: Kiteroa on 2008-02-22 00:46:13

What does @skip do? - I don't think I've seen this used in Foobar before.

I am almost positive that it will skip any track with no %album% tag. Try it yourself; remove the album tag and nothing will show up for that song. Thats what it seems to do for me anyways.

foo_uie_graphical_browser

Reply #22 – 2008-02-22 01:04:18

Quote from: bertox on 2008-02-21 22:35:09

Thank you Melomane!!!!:

Now, how i change the background?? It stills in white colour....

and the fonts colour??

Can add some other things in text like genre, artist, format (flac, mp3,...)

Thanks.

To change background colour -

put this at the start of the settings, change the 192-192-192 to the code of the colour you want

$set_pen(192-192-192,1)
$set_brush(192-192-192)
$fill_draw_rect(0,0,%_width%,%_height%)

To change font colour use:

$set_font_color(0-0-0)

(the bottom left hand button opens a colour picker)

foo_uie_graphical_browser

Reply #23 – 2008-02-22 01:14:33

with the bottom left hand button you can put color for the global background

@skip : not display item
for exemple:
$if(%album%,$upper(%album artist%) $if($meta(album artist),,%date%)%album%,@skip)

if album when sort by $upper(album artist) [ workaround for sorting bug ] when bydate if not value in album artist when album else not display item

foo_uie_graphical_browser

Reply #24 – 2008-02-22 01:18:20

Quote

Check out the first post, I posted a screen shot of the dialog window.

Thank you very much!!!!.

Quote

To change font colour use:

$set_font_color(0-0-0)

(0-0-0) means RGB??

How change the fonts shadows colour and size and the fonts size??

Notice