SAVE THE DEVELOPERS <!> Upgrade IE 6 Now!

이 배너는 IE6 사용자에게만 보여집니다. 브라우저 업데이트로 보다 편리한 웹세상을 만나보세요!

"foo_uie_single_column_playlist"에 해당되는 글 1건

  1. 2006/09/14   Monochrome - Single_playlist Source. 7
«   2024/10   »
    1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 31    

Monochrome - Single_playlist Source.



최근 데스크탑 스크린샷 Monochrome 에서 보여 드렸던 푸바의 Single Column Playlist (foo uie single column playlist)의 소스입니다. 싱글 컬럼 플레이리스트는 앨범별로 (혹은 자신이 원하는 설정대로..) 묶고, 그 위에 한줄의 header를 가지는 형태로 플레이리스트를 나타내어 줍니다. 이미지까지도 플레이리스트에 쑤셔 넣을 수 있다는 엄청난 메리트가 있지만, 역시나 아직은 매우 불편하기 짝이 없습니다.
컴포넌트를 아직 사용하지 않으시는 분은 링크에서 다운로드 받으시고.. (Layout에서 다른 컴포넌트들 추가하듯이 추가하시면 됩니다.) single playlist 에 대해 더 많은 정보가 필요하신분은, StillGyo님의 "foobar2000의 새로운 UI 컴포넌트 Single Column Playlist" 를 읽어 보셔도 좋겠습니다.

아직은 BETA에 불과한 컴포넌트이니, 사용하기 전에 당신의 설정을 모두 백업하라는 군요. :)

아무튼.. 제가 스크린샷에서 코드는 아래와 같습니다.
(플레이 리스트 위에서 마우스 우클릭 - Setting 을 클릭 하시면 코드를 집어 넣을수 있는 곳이 있는 설정창이 나옵니다.)

Item Display.
$if($strcmp($mod(%_playlist_number%,2),1),
$drawrect(,,,,brushcolor-245-245-245 pencolor-null))

$padding(2,0)
$drawrect(6,3,18,18,brushcolor-null pencolor-160-160-160)
$if(%_selected%,$drawrect(0,0,0,0,brushcolor-null pencolor-200-200-200))
$if(%isplaying%,$drawrect(0,0,0,0,brushcolor-235-235-235 pencolor-200-200-200))

$padding(10,4)
$font(Kabel Md BT, 8,$if(%isplaying%,bold glow-200-200-200 glowexpand-1,),100-100-100)
[%tracknumber%]

$padding(25,0)
$font(Kabel Md BT, 9,$if(%isplaying%,boldglow-200-200-200 glowexpand-1,),100-100-100)
$replace(%title%,'(',$font(,,italic,150-150-150)'(')

$font(Candara,9,,190-190-190)
[ %length% ]

$alignabs(-10,5,$sub(%_width%,2),%_height%,right,)
$font(Wingdings,12,glow-190-190-190 glowexpand-1,250-250-250)
$repeat(«,%rating%)



Group Display.
$imageabs(0,0,images\b_fl.png,)

$padding(1,0)
$drawrect(,,,,brushcolor-null pencolor-196-196-196)$padding(5,1)

$align(left,center)$font(Swis721 Cn BT D-Type, 10,,255-255-255)
$font(,,glow-160-160-160 glowexpand-1 ,)
%album%

$align(right,0)$font(Candara, 11,,255-255-255)$font(,,bold,255-255-255)
%artist%
$puts(ar_w,$calcwidth(%artist%))

$drawrect($sub(%_width%,$get(ar_w),18),-1,3,%_height%,brushcolor-255-255-255 pencolor-null)
$drawrect($sub(%_width%,$get(ar_w),17),-1,1,%_height%,brushcolor-250-250-250 pencolor-null)

$alignabs(0,13,%_width%,%_height%,right,)
$font(Candara,8,,210-210-210)
[%date% | ][%genre%]


Used Image.



위 이미지를 다운받아 자신의 푸바 이미지 폴더에 넣어주세요. (이미지는 하나뿐이지만 원래 파일명을 유지하기 위해 압축해서 올렸습니다.)
Foobar Track_info Mod 컴포넌트와 Single Playlist 컴포넌트에서 사용되는 이미지의 경로는.....

푸바의 프로필 폴더를 자기계정 안에 따로 두고 사용하는 경우라면,
C:\Documents and Settings\자기계정\Application Data\foobar2000\images (Application Data는 숨김폴더입니다.)
이 될것이고,
프로필 폴더를 따로 가지지 않는 설정으로 사용하는 경우라면,
C:푸바설치경로/images (푸바 0.8에서 처럼 모든 정보가 푸바 설치경로에 저장됩니다.)가 될것입니다.

프로필 관련 설정은, Preferences - General - Other 에서, Enable user profile support 에 체크를 하느냐 마느냐에 따라서 결정됩니다. 프로필 폴더를 따로 두는것이 좋은가, 그렇지 않은가는 개인의 취향에 따라 달라지겠지요. 전 프로필 폴더를 따로 두고 있습니다. :)


다시 Single Playlist 이야기로 돌아와서..
위 코드는 Single Column Playlist 위키 페이지Mazy Design Example 의 코드를 기본으로 하여 만들어 졌습니다. 저에게 필요한 기능만, 제 맘에 들도록만 수정되었습니다. ;P 물론 저 역시.. 이것이 제대로 된 동작하고 있는 코드인지.. 어디 틀린곳이 있는지 없는지.. 에 대해서는 알 길이 없습니다. 그저 "즐기기~!" 에는 큰 무리 없는 코드라 생각합니다.

코드에 대한, 자세한 사항은 Single Coulmn Playlist 위키 페이지나 푸바 포럼의 foo_uie_single_column_playlist, single column playlist viewer 글타래를 참고하세요. 계속 새로운 글들이 달리고 있을겁니다. :)