2010년 11월 23일 화요일

예제로 보는 RainMeter -10- iTunes 연동 스킨


마지막 스킨을 소개해 드리면 제가 사용중인 스킨은 대충 다 설명드린것 같습니다.

iTunes를 연동하는 스킨으로  urielHDS가 만든 스킨에서 플레이어 제어부분을 가져와서 리디자인했습니다. 그리 심미적인 디자인은 아니지만 앨범아트 크기를 200X200으로 하고 제어아이콘이 마우스오버시에 나타나도록 했습니다.

글씨방향을 바꾸는 것도 이전에서 알아본 명령어를 이용한 것입니다. 이전 명령어들을 기억하시며 보면 연습하기에 좋을 소스라고 생각합니다.




[Rainmeter]
Author=urielHDS
update=1000
;Metadata added by RainBrowser
;http://rainmeter.net/RainWiki/index.php?title=Rainmeter_101#.5BMetadata.5D
[Metadata]
Name= Itunes Monitor ft.pws
Config=
Description= 200X200 AlbumArt
Instructions=
Version=
Tags=
License=
Variant=
Preview=
;End of added Metadata
[Variables]
color=255,255,255, 220
color2=255, 255, 255, 200
graph.line=255,255,255, 120
graph.line2=255, 255, 255, 50
font=Bauhaus-Thin
;------------------------type in "b" for black or "w" for white icons
BlackOrWhiteButtons=b
------------------------------------------
Measure
;다음값들은 앨범아트좌우로 배치할 것입니다.
[MeasureTrack]
Measure=Plugin
Plugin=Plugins\iTunesPlugin.dll
Command=GetCurrentTrackName
[MeasureArtist]
Measure=Plugin
Plugin=Plugins\iTunesPlugin.dll
Command=GetCurrentTrackArtist
[MeasureAlbum]
Measure=Plugin
Plugin=Plugins\iTunesPlugin.dll
Command=GetCurrentTrackAlbum
[MeasureTime]
Measure=Plugin
Plugin=Plugins\iTunesPlugin.dll
Command=GetPlayerPosition

;진행시간 값을 가져옵니다.
[MeasureTMinute]
Measure=Calc
Formula=(MeasureTime - (MeasureTime % 60)) /60
[MeasureTSecond]
Measure=Calc
Formula=MeasureTime % 60
[MeasureTZero]
Measure=Calc
Formula=(MeasureTime % 60) < 10 ? 0 : 1
Substitute="1":""
[MeasureArt]
Measure=Plugin
Plugin=Plugins\iTunesPlugin.dll
Command=GetCurrentTrackArtwork
[mProgress]
Measure=Plugin
Plugin=Plugins\iTunesPlugin.dll
Command=GetPlayerPositionPercent
MaxValue=100

;각 버튼의 효과를 설정합니다.
[mPrev]
Measure=Plugin
Plugin=Plugins\iTunesPlugin.dll
Command=PreviousTrack
[mPlay]
Measure=Plugin
Plugin=Plugins\iTunesPlugin.dll
Command=Play
[mPause]
Measure=Plugin
Plugin=Plugins\iTunesPlugin.dll
Command=Pause
[mStop]
Measure=Plugin
Plugin=Plugins\iTunesPlugin.dll
Command=Stop
[mNext]
Measure=Plugin
Plugin=Plugins\iTunesPlugin.dll
Command=NextTrack
[MeasureMore]
Measure=Plugin
Plugin=Plugins\iTunesPlugin.dll
Command=SoundVolumeUp
[MeasureLess]
Measure=Plugin
Plugin=Plugins\iTunesPlugin.dll
Command=SoundVolumeDown
[MeasureVolume]
Measure=Plugin
Plugin=Plugins\iTunesPlugin.dll
Command=GetSoundVolume
------------------------------------------
;다음값들은 진행시간을 나타내는 바를 나태낼 기초 값입니다.
;바가 하나가 아니라 가로진행+세로진행의 형식이 될것이라 전체값을 100으로 하고 각 값을 분배한 값을 구해놓습니다. 가로진행(70%)와 세로진행(30%)로 배분하였습니다.
Progress Measures
[MeasureProgress]
Measure=Plugin
Plugin=Plugins\iTunesPlugin.dll
Command=GetPlayerPositionPercent
MaxValue=100
[MeasureProgressD]
Measure=Calc
Formula=(MeasureProgress)/100
[MeasureProgressP1]
Measure=Calc
Formula=MeasureProgressD/0.70
[MeasureProgressP2]
Measure=Calc
Formula=(MeasureProgressD-0.70)/0.30
[MeasureAlways]
Measure=Calc
Formula=1
------------------------------------------
Meters
===================================================================================================ALBUM ART
[MeterBackground1]
;그라디언트배경1
Meter=IMAGE
X=17
Y=2
W=250
H=20
SolidColor1=0,0,0,1
SolidColor2=0,0,0,100
GradientAngle=185
HIdden=0
[MeterBackground2]
;그라디언트배경2
Meter=IMAGE
X=17
Y=21
W=13
H=120
SolidColor1=0,0,0,30
SolidColor2=0,0,0,100
GradientAngle=270
HIdden=0

[MeterArt]
;앨범아트 표시, 마우스오버시 효과를 설정하였습니다.
Meter=Image
MeasureName=MeasureArt
X=30
Y=23
H=200
W=200
MouseOverAction=!Execute [!RainmeterShowMeter Background2control][!RainmeterShowMeter Prev][!RainmeterShowMeter Play][!RainmeterShowMeter Pause][!RainmeterShowMeter Stop][!RainmeterShowMeter Next][!RainmeterRedraw]
MouseLeaveAction=!Execute [!RainmeterHideMeter Background2control][!RainmeterHideMeter Prev][!RainmeterHideMeter Play][!RainmeterHideMeter Pause][!RainmeterHideMeter Stop][!RainmeterHideMeter Next][!RainmeterRedraw]

;이하로는 자잘한 선들입니다.
[BackgroundArt1]
;앨범아트 배경선(상)
Meter=IMAGE
SolidColor=255,255,255,60
X=25
Y=22
W=215
H=1
;Hidden=1
[BackgroundArt2]
;앨범아트 배경선(하)
Meter=IMAGE
SolidColor=255,255,255,30
X=0
Y=223
W=237
H=1
;Hidden=1
[BackgroundArt3]
;세로선(좌)
Meter=IMAGE
SolidColor=255,255,255,70
X=29
Y=15
W=1
H=224
;Hidden=1
[Line1]
;시간 세로선(1)
Meter=IMAGE
SolidColor=255,255,255,55
X=6
Y=155
W=1
H=80
;Hidden=1
[Line2]
;시간 가로선(1)
Meter=IMAGE
SolidColor=255,255,255,45
X=2
Y=163
W=16
H=1
;Hidden=1
[Line3]
;제목 가로선(1)
Meter=IMAGE
SolidColor=255,255,255,80
X=17
Y=1
W=262
H=1
;Hidden=1
[Line3-1]
;전체 세로선(1)
Meter=IMAGE
SolidColor=255,255,255,80
X=16
Y=1
W=1
H=170
;Hidden=1
[Line4]
;세로선(1)
Meter=IMAGE
SolidColor=255,255,255,50
X=85
Y=0
W=1
H=12
;Hidden=1
[Line5]
;세로선(2)
Meter=IMAGE
SolidColor=255,255,255,55
X=248
Y=15
W=1
H=175
;Hidden=1
[Line6]
;세로선(3)
Meter=IMAGE
SolidColor=255,255,255,40
X=270
Y=0
W=1
H=245
;Hidden=1
[BackgroundArt4]
;세로선(우)
Meter=IMAGE
SolidColor=255,255,255,40
X=230
Y=5
W=1
H=240


====================================================================================================iTUNES TEXT
;아이튠즈 실행, 제목 클릭시 아이튠즈 실행
[MeterText]
Meter=STRING
X=83
Y=7
FontColor=255,255,255,220
StringStyle=Bold
FontSize=14
StringAlign=Left
FontFace=Bauhaus-Thin
AntiAlias=1
Hidden=0
Prefix="아이튠즈"
LeftMouseDownAction= !execute ["C:\Program Files (x86)\iTunes\iTunes.exe"]
=============================================================================================================

;컨트롤부
[Background2control]
Meter=IMAGE
X=80
Y=200
W=92
H=18
SolidColor=255,255,255,120
HIdden=1
[Prev]
Meter=IMAGE
ImageName=Prev#BlackOrWhiteButtons#.png
X=1r
Y=r
W=18
H=18
AntiAlias=1
;MouseOverAction=!Execute [!RainmeterShowMeter PrevH][!RainmeterRedraw]
;MouseLeaveAction=!Execute [!RainmeterHideMeter PrevH][!RainmeterRedraw]
LeftMouseDownAction=!execute [!RainmeterPluginBang "mPrev"]
HIdden=1
[Play]
Meter=IMAGE
ImageName=Play#BlackOrWhiteButtons#.png
X=22r
Y=r
W=19
H=19
AntiAlias=1
;MouseOverAction=!Execute [!RainmeterShowMeter PlayH][!RainmeterRedraw]
;MouseLeaveAction=!Execute [!RainmeterHideMeter PlayH][!RainmeterRedraw]
LeftMouseDownAction=!execute [!RainmeterPluginBang "mPlay"]
HIdden=1
[Pause]
Meter=IMAGE
ImageName=Pause#BlackOrWhiteButtons#.png
X=14r
Y=r
W=18
H=18
AntiAlias=1
;MouseOverAction=!Execute [!RainmeterShowMeter PauseH][!RainmeterRedraw]
;MouseLeaveAction=!Execute [!RainmeterHideMeter PauseH][!RainmeterRedraw]
LeftMouseDownAction=!execute [!RainmeterPluginBang "mPause"]
HIdden=1
[Stop]
Meter=IMAGE
ImageName=Stop#BlackOrWhiteButtons#.png
X=14r
Y=r
W=18
H=18
AntiAlias=1
;MouseOverAction=!Execute [!RainmeterShowMeter StopH][!RainmeterRedraw]
;MouseLeaveAction=!Execute [!RainmeterHideMeter StopH][!RainmeterRedraw]
LeftMouseDownAction=!execute [!RainmeterPluginBang "mStop"]
HIdden=1
[Next]
Meter=IMAGE
ImageName=Next#BlackOrWhiteButtons#.png
X=22r
Y=r
W=18
H=18
AntiAlias=1
;MouseOverAction=!Execute [!RainmeterShowMeter NextH][!RainmeterRedraw]
;MouseLeaveAction=!Execute [!RainmeterHideMeter NextH][!RainmeterRedraw]
LeftMouseDownAction=!execute [!RainmeterPluginBang "mNext"]
HIdden=1
============================================================================================================TIME
;글자 회전값을 정리해 놓았습니다. 참고하세요
;0도 글자 회전 : Angle=0   (제자리)
;90도 글자 회전 : Angle=1.57   (세로)
;180도 글자 회전 : Angle=3.14 (뒤집힘)
;270도 글자 회전 : Angle=4.71  (세로)
;360도 글자 회전 : Angle=6.29  (제자리)
[Time]
;시간
Meter=STRING
MeterStyle=StyleLabel
MeasureName=MeasureTMinute
MeasureName2=MeasureTZero
MeasureName3=MeasureTSecond
x=9
y=220
FontColor=255,255,255,180
FontFace=Bauhaus-Thin
FontSize=19
StringStyle=BOLD
AntiAlias=1
Angle=4.71
Text=%1:%2%3
===================================================================================================MUSIC MONITOR
[Track]
;곡제목
Meter=STRING
MeasureName=MeasureTrack
x=268
y=0
W=0
H=300
;ClipString=1
FontColor=#color#
FontFace=#font#
FontSize=15
StringAlign=left
StringStyle=NORMAL
Angle=1.57
AntiAlias=1
[Artist]
;가수
Meter=STRING
MeasureName=MeasureArtist
Text=%1
X=247
Y=23
W=0
H=300
;ClipString=1
FontColor=#color#
solidcolor
FontFace=#font#
FontSize=12
StringAlign=left
StringStyle=NORMAL
Angle=1.57
AntiAlias=1
-----------------------------------------------------------------------------------------------------
Progress
;진행바
[ProgressBarBG]
Meter=IMAGE
SolidColor=0,0,0,0
;SolidColor=#graph.line2#
X=30
Y=224
W=200
H=10

;진행바1(가로부분)
[ProgressBar1]
MeasureName=MeasureProgressP1
Meter=BAR
X=r
Y=r
W=210
H=10
BarColor=#graph.line#
BarOrientation=horizontal
;진행바2(세로방향)
[ProgressBar2]
MeasureName=MeasureProgressP2
Meter=BAR
X=230
Y=134
W=10
H=90
BarColor=#graph.line#
BarOrientation=VERTICAL

댓글 없음:

댓글 쓰기