千千静听皮肤制作
独家采访“千千静听”郑南岭

独家采访“千千静听”郑南岭作者:小白来源:《电脑爱好者》2009年第04期“点将台”栏目开设以来,小编不断收到读者的邮件提议,采访日程也安排得满满的,只要有读者提议,我就会想法设法联系软件作者。
不过,一直以来我都有一个采访任务没有完成,有不少读者来信说“想知道千千静听的开发故事”,这样一个优秀软件自然是应该纳入采访计划的,只是千千静听的作者郑南岭对待媒体一直特别低调,从未接受过媒体的专访,而且前段时间他一直在加拿大。
直到2009年年初,郑南岭回到北京,在小编的积极争取下,他终于接受了采访,这才有了本期的故事。
郑南岭(Nanling)职业:IT工程师专业:应用数学毕业时间:2000年学历:本科软件作品:千千静听、千千浏览为需求而生的“千千”郑南岭是70后程序员的典型代表,那一代人理论扎实、技术过硬,言行中都会感觉到他们的钻研精神,同时也是低调,不爱张扬的。
郑南岭在大学期间就开发过一个图片浏览器:千千浏览,功能与当年的ACDSee类似,不过更小巧、快速。
他工作后又开发过不少行业软件,郑南岭开发这些软件,当时的想法很简单,就是想满足自己的一些需求,如果没有现成的好软件,他就想自己编写一个能让自己用得更舒服的软件,千千静听也有着类似的故事:“2002年的时候,最有名、使用最广泛的播放器要属国外开发的Winamp 2,尽管国内有不少人参与它的汉化,但还是有不少问题和不太符合国人使用习惯的地方。
从技术上讲,当时的Winamp 2体系架构也比较陈旧。
我当时正在学习一些音视频方面的技术,本着边学边做的想法,开始了第一个版本的设计,当时叫‘MP3随身听’。
第一个版本主要是实现了非常高效和低资源占用的MP3播放,并且有一张不同于当时Winamp方方正正、比较传统的皮肤,而采用了比较现代的非矩形的皮肤,也就是大家现在看到的各种形状的皮肤风格。
”没有规划的规划郑南岭是个非常严谨的人,用他自己的话形容是近似“苛刻”,开发出的软件能满足他这类要求苛刻的用户的需求,也就能满足大多数普通用户的需求了。
9千千静听使用技巧 (1)

肇庆市科技中等职业学校教案任教班级_______________________ 任教科目_______________________ 教师姓名_______________________ ___________________学年第____学期课题千千静听使用技巧课时教学目的教学重点教学难点教学方法教学方式授课日期板书设计教具教学过程:1.千千静听搜索歌词千千静听是通过识别MP3标签来在线自动搜索歌词的,可现在网上下载的许多MP3文件的标签信息并不完整或文件名杂乱,如“S.H.E的痛快-标题Raciness”这样就会使千千静听无法正常下载到合适的歌词,这时我们可以右击千千静听播放列表中欲识别文件,选择“文件信息命令”,在这里我们可以“偷懒”地点击“从文件名猜测标签”并选择合适的歌曲文件名样式,一般就可以帮助千千静听寻找到合适的歌词了。
如果无效则只能手式在“文件信息”对话框标签栏中的标题里输入正确标题,最后记信要点击“保存到文件”按钮,再在千千静听中播放此音乐文件,便可轻松获取合适的歌词了。
2、自动选取择最佳歌词千千静听的歌词服务器上储存着大量歌词,我们经常会遇到歌曲名相同而内容不同的音乐文件,这时千千静听会要求我们选择合适的歌词,但这样经常会打扰我们的正常工作,为避免骚扰,可以在千千静听播放栏空白处右击鼠标选择“选项…”,在“歌词搜索”标签中勾选“有多个可选下载时自动选择最佳”3、歌词与音频文件“合一”千千静听的歌词一般都保存在“C:\ProgramFiles\TTPlayer\Lyrics\”目录下,如果用闪存拷贝歌曲到其他电脑上既要拷贝歌词又拷贝音频文件真是麻烦,我们可以在“千千选项”的“歌词秀”标签中勾选“自动嵌入歌词到音频文件”,这样只需要拷贝音频文件就能将歌词一起带走了。
另外,当你想让千千静听换歌曲时马上向你报告即将播放的歌曲名,可以在“千千选项→常规”中勾选“在屏幕右下角弹出播放提示”,总之,多对“千千选项”进行个性设置,定会让千千静听更适合你。
千千静听百科好帖汇总处

=======================千千静听百科精华========================= ======================千千用户心得、感受、技巧大交流===================〖千千静听〗使用技巧二十一招手把手教你用千千静听作MP4千千静听小技巧三:CDMP3WmaAPE格式轻松互转千千静听之--我的个性巧用千千静听同步歌词,为您的音乐自动匹配下载Lrc歌词如何制作千千静听个性皮肤千千静听5.2发布音乐网络化试用体验(精)千千静听技巧十七招歌词的下载、嵌入和使用千千静听:推开音乐窗迈向新“视”界千千静听小技巧一:播放列表歌曲,轻松发送到MP3千千静听-常见问题大全!歌曲每周推荐功能!春意盎然千千静听“妆”出花样女孩国产音频播放软件的骄傲---千千静听的10大必杀千千静听-FAQ常见问题解答让千千静听在桌面显示歌词千千静听基本应用技巧把音乐从CD搬到MP3千千静听使用技巧个人对主观评价音质的一点看法浅论影响mp3播放器音质的因素教程:用千千静听刻录光盘===========================千千相关交流============================5.2.0正式版千千静听美化图标千千静听5.2正式版美化增强版超美的千千皮肤,个人珍藏[千千静听皮肤靓丽推荐新手来看:告诉你500元如何买好音质MP3!千千静听5.2红玫王美化精简音效增强版正式版(送礼啦)林卯美化过的千千静听皮肤!关于:SoundBlasterAudigy4value创新声卡的安装与效果设置千千静听另类妙用集锦。
rainmeter皮肤编写(进阶篇)

第一节制作流程开头部分Rainmeter有两项必需写的Author=作者Update=皮肤的刷新率,1000=1秒,默认=1000.其他的根据需要写,比如AppVersion指定所需的RM版本,BackgroundMode定义背景模式等等。
这里,对MouseActionCursor这个很多人还不清楚的做下讲解。
如果你后面的Meter定义成Button按钮,并且该按钮带有鼠标活动(好比开始菜单球球,鼠标有滑入按下离开三种行为),可以在开头部分将MouseActionCursor=0,否则后面的Meter会被遮挡,因为该值默认为1.元数据和变量Metadata元数据定义数据结构大小创建时间等等一些信息,对整个皮肤不起作用,所以很多皮肤没有这段或干脆留空。
Variables 变量这段很关键,如果皮肤较大,一些常用的像Font,FontColor等建议放入此处,倒不是图写起来方便,而是修改起来十分方便,整个皮肤看上去也整洁了许多。
调用RM内置变量用@include=加路径引出。
测量部分MeasureMeasure的类,共计13个类,每个类有各自的子项,详细规定了类的属性。
CPU测算CPU负载(如多核可调用PerfMon插件)。
Memory测算内存总利用率。
PhysicalMemory测算物理内存分配。
SwapMemory测算虚拟内存分配。
NetIn测算网络下载流量。
NetOut测算网络上载流量。
NetTotal测算网络总流量。
FreeDiskSpace测算空闲硬盘总量。
PefMon测算终端性能数据。
Uptime显示系统开机后持续的时间。
Plugin插件Registry测算注册表值。
Time测算当前时间和日期。
Calc计算公式。
显示部分(表现方式)MeterMeter的类,共计8个类,每个类有各自的子项,详细规定了类的属性。
HISTOGRAM直方图STRING字符串BAR进度条BITMAP位图IMAGE图像LINE线ROTATOR旋转BUTTON按钮第二节实战起步例 CPU的监测CPU使用率先来看单核代码段[MeasureCPU]Measure=CPU 定义Measure类为CPU[Procesor]MeasureName=MeasureCPU 取前面的测量值Meter=BAR 定义Meter的类为BAR,百分率的后面(四核)讲。
千千静听 - FAQ

问:某些文件显示的是乱码的标签,有没有办法改正?
可以尝试使用“文件信息”里的内码转换功能来找到正确的内码。?
问:为什么千千静听在列表里查找文件比较慢?
为了节省资源占用并且提高文件添加到列表的速度,千千静听默认是当播放列表在显示
某个音频文件时才会读取信息,而像foobar2000这样的播放器则是在第一次添加时就读取了
问:安装新版本的时候,需要先删除以前的版本吗?
不用,直接覆盖安装就行了,千千静听可以兼容以前的参数设置,但某些功能可能因为升级而发生变化,绝大多数设置将继续有效。
问:为什么我的电脑上没有淡入淡出窗口的效果?
淡入淡出窗口以及半透明窗口效果都需要Windows2000或以上的操作系统才能支持Байду номын сангаас
标签,如果没有这些标签的歌词是无法显示的,可以用千千静听自带的歌词编辑器来为每句
歌词加入时间标签,保存后就可以正常显示了。建议把歌词文件以“歌手名 -
千千静听 - FAQ
一。常规问题
问:Unicode和Ansi版本是怎么回事,用一个更好?
Unicode是统一字符编码方式,Unicode版本的程序只能运行在NT/2000/XP/2003等新的Windows上,可以解决不同语言的显示问题,并且由于Unicode在这些系统上有高好的性能,所以当处理大量列表的时候也有很大的帮助。
Streaming的基础上模拟出来的ASIO,所以效果反而没有直接用Kernel
Streaming好,而且设备不当的话还影响正常的播放。
问:千千使用的MP3解码器是哪一个?
千千使用的是最新版本的mpg123-0.59s-pre,它是目前已经的开放源代码中最好的MP3
千千静听皮肤制作代码

千千静听皮肤制作代码好看的千千的皮肤总是这么几套,网上虽然有许多漂亮的皮肤可以下载但是,毕竟不是为自己量身定做的,总会有一些个小缺陷,为此,我把千千的皮肤制作方法告诉大家,这样,我们可以自己修改或做出令自己满意的皮肤.看着自己杰作,心里也会有一种自豪感,好了,废话不多说了,进入正题吧!千千静听的皮肤制作方法:先从原有的"Skin"文件夹里,拉一个皮肤出来,然后,把后缀名,该为,"zip".或者直接用RAR打开.(后缀为"skn"的压缩文件,是不会被RAR自动识别的)再解压,她的"部件"就都出来了.(压缩包千万别删,到最后,有大用处的!!)里面大约有以下内容:(注意:英文名称可能不一样, 但制作时要基本含有以下内容) Skin.xml [皮肤配置主文件]Visual.xml [视觉效果配置]PlayList.xml [列表配置]lyric.xml [歌词配置](这三个文件不许改名)player_skin [主面板]close [主面板关闭按钮]minimize [主面板托盘(最小化)按钮]minimode [主面板迷你按钮]lyric [主面板歌词秀按钮]playlist [主面板列表按钮]equalizer [主面板EQ(均衡器)按钮]mute [主面板静音按钮]next [主面板跳过按钮]stop [主面板停止按钮]open [主面板打开(文件)按钮] pause [主面板暂停按钮]play [主面板播放按钮]prev.bmp [主面板返回按钮] number [主面板数显]progress_fill [主面板进度栏]progress_thumb [主面板进度栏] playlist_skin.bmp [列表面板]playlist_title.bmp [列表面板标题栏] playlist_toolbar.bmp [列表面板工具栏] scrollbar_bar [滚动条背景]scrollbar_button [滚动条滑动块] scrollbar_thumb [滚动条上下按钮]lyric_skin [歌词面板]ontop [歌词面板(置第一层)按钮] lyric_title [歌词面板标题栏] equalizer_skin [均衡器面板]eq_enabled [均衡器面板开关按钮]eq_factor [均衡器面板调音滑块]eq_profile [均衡器面板配置按钮]eq_reset [均衡器面板复位按钮]tt.ico [TT图标](可无)thumb [**滑块] (比如:音量调节滑块) volume_fill [填充] (可无)eq_fill.bmp [填充] (可无)mini_skin [迷你面板]mini_lyric [迷你面板歌词秀按钮]mini_minimize [迷你面板最小化按钮]mini_normal [迷你面板还原按钮]mini_a [迷你面板进度栏1]mini_b [迷你面板进度栏2]mini_close [迷你面板关闭按钮]mini_mute [迷你面板静音按钮]mini_next [迷你面板跳过按钮]mini_open [迷你面板打开(文件)按钮]mini_pause [迷你面板暂停按钮]mini_play [迷你面板播放按钮]mini_prev [迷你面板返回(上一曲)按钮]mini_stop [迷你面板停止按钮]接着就发挥你的天赋,制作皮肤图片把.要注意关键部位的(像素)坐标哦,下面用的着图片的英文名称由自己确定,但是,在编写代码时,不能出错,特别是大小写,要注意!代码编写在 XML 文件里,(用写字板打开)我把XML文件标了注释,大家可以进行对照.1) Skin.xml [皮肤配置主文件]简介:开头是皮肤的版本,名称,作者,网址,email,等信息,可自由改动.接下来是主面板的设置.其次是迷你面板的设置.然后是歌词面板的设置.之后是 EQ(均衡器)面板的设置.最后是列表面板的设置.当然,之间的次序可以相互调换!*开始*<skin version="2" name="Example-1" author="mailine" url="/"email=******************************_color="#9900ff"> *皮肤版本=2 ,名称=Example-1, 作者= mailine ,网址=/,email=******************** <player_window image="player_skin.bmp"> *播放面板(主面板)设置**播放* <play position="2, 116, 37, 138" image="play.bmp"/> *暂停*<pause position="2, 116, 37, 138" image="pause.bmp"/>*结束* <stop position="37, 116, 72, 138" image="stop.bmp"/>*上一曲*<prev position="72, 116, 107, 138" image="prev.bmp"/>*下一曲* <next position="107, 116, 142, 138" image="next.bmp"/>*打开* <open position="142, 116, 177, 138" image="open.bmp"/>*静音* <mute position="177, 116, 209, 138" image="mute.bmp"/>*歌词* <lyric position="211, 5, 234, 20" image="lyric.bmp"/> *EQ*<equalizer position="237, 5, 260, 20" image="equalizer.bmp"/>*列表* <playlist position="263, 5, 286, 20" image="playlist.bmp"/>*托盘* <minimize position="31, 0, 51, 24" image="minimize.bmp"/>*迷你*<minimode position="52, 0, 72, 24" image="minimode.bmp" />*退出* <exit position="9, 0, 29, 24" image="close.bmp"/>*进度条*<progress position="4, 29, 286, 38" bar_image=""thumb_image="progress_thumb.bmp"fill_image="progress_fill.bmp"/>*音量控制*<volume position="224, 123, 272, 134" vertical="false" bar_image="" thumb_image="thumb.bmp" fill_image="volume_fill.bmp"/>*视觉效果*<visual position="139, 66, 284, 107"/>*千千图标*<icon position="6, 3, 22, 19" icon="app.ico"/>*歌曲信息循环显示*<info position="35, 102, 280, 114" color="#59C92F" bkgnd="#000000" font="宋体" font_size="12"/>*数码时间*<led position="85, 49, 135, 62" image="number.bmp" align="right"/>*声道显示*<stereo position="90, 77, 135, 89" color="#2989CC" font="simsong" font_size="12" align="right"/>*状态显示*<status position="70, 94, 135, 106" color="#2989CC" font="simsong" font_size="12" align="right"/></player_window><mini_window image="mini_skin.bmp"> *迷你面板设置**千千图标* <icon position="12, 4, 28, 20" />*播放*<play position="30, 9, 58, 23" image="mini_play.bmp" />*暂停* <pause position="30, 9, 58, 23" image="mini_pause.bmp" />*打开(文件)*<open position="58, 9, 86, 23" image="mini_open.bmp" />*上一曲*<prev position="86, 9, 114, 23" image="mini_prev.bmp" />*下一曲*<next position="114, 9, 142, 23" image="mini_next.bmp" />*静音*<mute position="142, 9, 170, 23" image="mini_mute.bmp"/>*最小化按钮*<minimize position="215,0,226,12" image="mini_minimize.bmp"/>*退出按钮*<exit position="227, 0, 238, 12" image="mini_close.bmp"/>*还原按钮*<minimode position="215, 13, 226, 25" image="mini_normal.bmp" />*歌词按钮* <lyric position="227, 13, 238, 25" image="mini_lyric.bmp" />*进度栏* <progress position="31, 2, 169, 8" bar_image="" thumb_image="mini_a.bmp" fill_image="mini_b.bmp"/> *视觉效果窗口* <visual position="172, 3, 212, 22" /></mini_window><lyric_window position="290, 0, 580, 145" resize_rect="5, 28, 277, 81" image="lyric_skin.bmp"> *歌词面板设置**标题栏*<title position="110, 0, 183, 24" image="lyric_title.bmp" align="center"/>*关闭按钮* <close position="9, 0, 29, 24" image="close.bmp" align="left"/>*总是在前按钮*<ontop position="31, 0, 51, 24" image="ontop.bmp" align="left"/>*歌词窗口* <lyric position="5, 28, 285, 81"/></lyric_window><equalizer_window position="290, 145, 580, 290" image="equalizer_skin.bmp" eq_interval="8"> *均衡器面板* *关闭按钮*<close position="9, 0, 29, 24" image="close.bmp" align="left"/>*开关按钮*<enabled position="10, 75, 62, 95" image="eq_enabled.bmp"/>*配制按钮*<profile position="10, 97, 62, 117" image="eq_profile.bmp"/>*复位按钮*<reset position="10, 119, 62, 139" image="eq_reset.bmp"/>*平衡调节* <balance position="2, 41, 71, 52" thumb_image="thumb.bmp" bar_image=""/>*环绕调节* <surround position="2, 63, 71, 74" thumb_image="thumb.bmp" bar_image=""/>*调音滑块*<preamp position="73, 29, 86, 139" thumb_image="eq_factor.bmp" bar_image="" fill_image="eq_fill.bmp"/>*填充色* <eqfactor position="106, 29, 119, 139" thumb_image="eq_factor.bmp" bar_image="" fill_image="eq_fill.bmp"/></equalizer_window><playlist_window position="0, 145, 290, 290" resize_rect="30, 54, 250, 56" image="playlist_skin.bmp"> *播放列表面板设置**标题栏* <title position="110, 0, 183, 24" image="playlist_title.bmp" align="center"/>*关闭* <close position="9, 0, 29, 24" image="close.bmp" align="left"/>*工具栏* <toolbar position="5, 26, 285, 47" image="playlist_toolbar.bmp" align="top+left"/>*滚动条* <scrollbar buttons_image="scrollbar_button.bmp" thumb_image="scrollbar_thumb.bmp"bar_image="scrollbar_bar.bmp" thumb_resize_center="8"/> *列表内容位置* <playlist position="5, 50, 285, 100"/></playlist_window></skin>*结束*例如:<title position="110, 0, 183, 24" image="playlist_title.bmp" align="center"/>表示:标题位置=X1-110;Y1-0;X2-183;Y2-24; 图片=playlist_title.bmp ;排列=居中置=X1-110;Y1-0;X2-183;Y2-24; 图片=playlist_title.bmp ;排列=居中2) lyric.xml[歌词配置]这个配制包括:歌词的字体,颜色*开始*<?xml version="1.0" encoding="UTF-8" standalone="yes" ?> *版本=1.0 ,编码方式=UTF-8 ,独立=是*<ttplayer_lyric><Lyric*字体* Font="-11,0,0,0,400,0,0,0,1,0,0,4,0,Tahoma"*文字颜色* TextColor="#808080"*高亮度颜色* HilightColor="#ffffff"*背景颜色* BkgndColor="#000000"/></ttplayer_lyric>*结束*3) PlayList.xml[列表配置]这个配置包括:列表文字的字体,颜色,背景颜色.可以通过千千选项进行配制.*开始*<?xml version="1.0" encoding="UTF-8" standalone="yes" ?> *版本=1.0 ,编码方式=UTF-8 ,独立=是*<ttplayer_playlist><PlayList*文字字体* Font="-11,0,0,0,400,0,0,0,1,0,0,4,0,Tahoma"*文字颜色* Color_T ext="#c0c0c0"*高亮颜色* Color_Hilight="#ffffff"*背景颜色1* Color_Bkgnd="#202020"*序号颜色* Color_Number="#808080"*进行颜色* Color_Duration="#808080"*背景颜色2* Color_Bkgnd2="#000000"/></ttplayer_playlist>*结束*4) Visual.xml[视觉效果配置]这个是设置视觉效果的(这个也可以通过千千选项进行设置)*开始*<?xml version="1.0" encoding="UTF-8" standalone="yes" ?> *版本=1.0 编码方式=UTF-8 ,独立=是*<ttplayer_visual><Visual*频谱颜色-顶端* SpectrumT opColor="#808080"*频谱颜色-底端* SpectrumBtmColor="#3e3e3e"*频谱颜色-中端* SpectrumMidColor="#575757"*频谱颜色-高峰* SpectrumPeakColor="#808080"*频谱宽度* SpectrumWide="1"*波形反映速度* BlurSpeed="5"*波形清晰度* Blur="1"*波形颜色* BlurScopeColor="#465e60"/></ttplayer_visual>*结束*好了.具体编写过程,我相信应该能看明白吧,最好的办法是用原有的XML文件进行修改,这样就方便多了,编写好后,注意!!一定把它们塞进原来的压缩包里面,不能另外自己生成压缩包,这样是不会被千千识别的(原皮肤的skin.xml文件是要被替换的)好了,最后把后缀名改回"skn",放入shin的文件夹里面,就大工告成了.在千千的皮肤设置里面找一下,你的杰作在了不.。
千千静听进行lrc歌词制作指南

(百度)千千静听歌词编辑器:
首先还是建议在酷我下载你要制作的歌曲。
歌曲版本要确定不然时间轴不一样。
强调一下歌词的格式,下图中是标准格式:
第一步:
打开千千静听(快捷命令ttplayer),选中要编辑歌词的歌曲,再在歌词面板右键,选择“编辑歌词”,进入千千静听歌词编辑器。
第二步:
认识歌词编辑器的主要功能按钮,重要概念:时间标签,最重要概念:插入时间标签。
时间标签是播放的时间起始记号,每一行歌词的播放位置和长度是从本行时间标签开始到下一行时间标签结束。
第三步:
把写好的歌词粘贴到歌词编辑器面板,鼠标放在每一行的开头,然后播放,在上一行结束时点击“+”或按<F9>键(即“插入时间标签”)在本行插入时间标签。
每一行在时间标签插入后鼠标会自动跳到下一行的开头,然后再听歌曲播放进度,每当要播放到本行时候就插入本行的时间标签。
第四步:
初步歌词编辑完成后,保存。
第五步:
直接用记事本打开歌词文件,记事本所显示的内容与歌词编辑器上是一致的,可以以此方式来编辑歌词。
在不改时间的基础上,可以直接修改其中的文本内容。
最最重要的一步!!!!现在完成的LRC歌词,酷我还不能直接用。
需要做的是:新建一个TXT文档,把之前做好的带时间轴的歌词文本黏贴进来,然后,把TXT文档保存为“歌手-歌曲名.LRC”然后选择全部文件保存了。
歌词完成。
使用QuickSkin为Winamp制作超酷皮肤

前景 加 亮 。 E u l e l e :均 衡 器 调 节 按 纽 q a zr i r i Sd s 颟色。
Noma B c go n 播 放 列 表 界 面 r l ak u d: r
上 面 点 击 右 键 , 择 “kn”再 选 择 你 选 Sis ,
曲 字体 颜 色 。 S lce c go n : 择 当前 播 放 ee tdBak u d 选 r
Ra eF a : 出 整 个 面 板 , 立 i r s me 凸 有
体感觉。
S kF a : i r n me 凹进 整 个面 板 。 Ma e k 预 览选 择 效 果 。 k Si n:
si 按钮 , 刚 才 设 计 的 W ia kn” 把 n mp皮 肤
E u l e F rg u d q a z o e o n :均 衡 器 前 景 ir r
颜色。 Eq az r g l h :均 衡 器 调 节 条 ul e hi t i Hi g
文 件 存 储 到 W ia n mp安 装 文 件 夹 中 的 “k ” S i 文件 夹 中 吧 。 n 9 接 下 来 我 们 来 使 用 自 己 制 的 皮 . 肤吧 : 开 W ia , 主 窗 口或 均衡 器 打 n mp 在
钮 。 样 主要 窗 口已经 变 成 你要 使 用 的 这 颜 色 了 。 他 背 景 和文 字 颜 色 的设 定 同 其 此 。设 置 完 成 后 , 下 “ ak 按 钮 回 到 按 Bc”
主画 面 。
软 件转 换 一 下 就行 。每 个 标 准 Wia n mp
窗 口的 尺 寸 为 2 5 1pxl, 果 三 个 7 ×1 6 ies如
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
千千静听皮肤制作(2007-12-22 09:28:34)标签:IT/科技千千静听千千静听(以下简称"千千")从2.0版开始就支持换肤功能,现在已经有不少皮肤可以和Winamp相媲美了,不过由于千千暂时不支持png图片格式及脚本,因而效果是无法和Winamp 的现代皮肤或Windows Media Player的皮肤相比的。
但千千的皮肤制作起来却要简单许多,不需要任何编程知识和复杂的技术,只要掌握基本的图像编辑操作(Photoshop)和有足够的耐心(Patient)就可以做出漂亮的皮肤出来,看完下面这个教程相信你也可以为千千设计一款个性十足的精美皮肤!一.皮肤构造千千的皮肤位于安装目录下的Skin文件夹内,扩展名可以为.skn或.zip,实际上二者是一样的,都是zip格式的压缩文件。
对于前者,可以先将.skn的扩展名改为.zip(要在系统中显示文件的扩展名,依次点击"工具"-"文件夹选项"-"查看",再把"隐藏已知文件类型的扩展名"前的小勾去除即可),然后将其解压到单独的文件夹,进入该文件夹,可以发现里面包含了许多bmp格式的图片和若干个xml文件,其中最重要的是Skin.xml这个xml文件,其它几个xml文件的作用在后面会提到。
bmp图片是各个窗口的背景及按钮图片,Skin.xml则是配置文件,定义了皮肤的基本信息、窗口及按钮的位置、大小等,它是基于XML格式的文件,可直接用系统自带的记事本或者其它文本编辑工具打开,打开后我们可以看到其基本构造:<skin version="2" name="..." author="..." url="..." email="..." transparent_col or="..."><player_window image="...">...</player_window><mini_window image="...">...</mini_window><lyric_window position="..." resize_rect="..." image="...">...</lyric_window><equalizer_window position="..." image="…" eq_interval="...">...</equalizer_window><playlist_window position="..." resize_rect="..." image="...">...</playlist_window></skin>仔细分析可发现每一行都是以"<"开头,最后以">"结尾,中间有若干项和参数,可以将它们分为两种类型,第一种结构形如:<XXX AAA="aaa" BBB="bbb"></XXX>像XXX这样的项称作元素,AAA、BBB这样的项称作属性,aaa、bbb则是属性的参数值。
在这里AAA、BBB都是XXX的属性,是用于修饰XXX的,比如position属性用于定义元素的位置,image属性用于定义元素的位图等。
在这种类型中,和必须同时使用,形成一个闭合回路,就是说前面使用了开头,后面就一定要用来闭合,包含这中间的各项则都属于该元素。
使用该类型的主要有主窗口(即player_window元素)、均衡器窗口(即equalizer_window元素)、歌词秀窗口(即lyric_window元素)、播放列表窗口(即playlist_window元素)以及迷你模式窗口(即mini_window元素)这5个基本的窗口,这5个窗口又全部包含在和之间。
第二种结构形如:<YYY CCC="ccc" DDD="ddd"/>实际上这是一种缩写形式,即的缩写,它们是最基本的单位元素,分别被包含于各个基本窗口中,用于比如各个按钮,拖动条等。
关于XML文件的格式,可以参照相关的文档,在这里要提一下的是,各元素及属性的顺序是不分先后的,空格的多少也没有关系,只要包含和被包含的位置及基本的格式别弄错了就可以(比如属性的参数值必须用英文双引号引上等),但是为了便于阅读和编辑修改,最好严格按照标准格式来书写。
下面我们来详细分析一下Skin.xml,第一行:<skin version="2" name="..." author="..." url="..." email="..."transparent_color="...">这一行用于定义皮肤的基本属性和信息,其中version="2"指的是皮肤的版本号,不必更改,后面的name、author、url和email属性分别指的是该皮肤的名称、作者的名字、作者主页地址和作者电子邮件地址,这些信息会显示在千千选项的应用皮肤的窗口中;再后面的transparent_color是一个非常重要的属性,即"透明色",定义了透明色之后,皮肤上有这个颜色的部分都会被显示为透明。
因为bmp格式图片是不支持透明的,所以要做出不规则的背景窗口和按钮,就要通过透明色来实现,方法是把要显示为透明的部分用定义好的透明色填充即可。
一个皮肤只能定义一个固定的透明色,并用颜色的RGB编码表示,比如纯紫色的RGB码为#FF00FF,RGB编码可以在Photoshop等工具中查看。
(透明色应尽量选择皮肤色调相差较大的颜色,否则很容易与皮肤上的颜色重复,导致把必要的部分透明了,一般情况下用纯紫色即可)接下来就是5个基本窗口的配置,其中迷你模式窗口在后面会单独详细讲解。
在Skin.xml中,首先要配置好的就是主窗口,歌词秀窗口,均衡器窗口,播放列表窗口这4个子窗口的相关设置,然后再分别配置各窗口上的按钮等。
二.属性参数介绍下面是各窗口上元素的对应图及属性说明:position:这是众元素中最基本的属性之一,用于定义窗口背景及按钮的位置及大小,参数值格式为"a, b ,c ,d",这4个数值既固定了元素的位置也确定了其大小,其中(a, b)为左上角的坐标,(c, d)为右下角的坐标,c-a 就是长度,d-b 就是高度,坐标原点要分两种情况:如果是歌词秀、均衡器、播放列表这3个子窗口的position,则是把主窗口的左上角作为它们的坐标原点;如果是各窗口内部按钮的position,则是把对应的各窗口的左上角作为坐标原点,比如歌词秀窗口中的"关闭"按钮就是以歌词秀背景图片的左上角为原点,其它依此类推!特别地:①播放列表中的scrollbar元素不需要定义position属性,它的位置会自动固定在playlist的最右边;②主窗口中的progress、volume元素及均衡器窗口中的balance、surround、preamp元素的position属性表示的是滑块能够移动的范围的坐标;③播放列表衡器窗口中的playlist元素、歌词秀衡器窗口中的lyric元素的position 属性表示的是播放列表和歌词的显示范围,当播放列表窗口和歌词秀窗口改变大小时,这两个元素会自动跟着改变大小,但它们的四个边和窗口的四个边的距离就是通过这个position来体现的;resize_rect:歌词秀和播放列表窗口特有的属性,用于定义这两个窗口可被拉伸的部分,其参数格式同position,代表的是当改变窗口大小时只有这个矩形框内的部分才会被拉长,在这个范围外的部分则不会变化,另外还有一个属性resize_tile是对应使用的,其参数值可以为0或1,其中0表示在改变窗口大小时采用拉伸的方式,1表示采用平铺的方式,该属性可省略不写,即使用默认值0;此外,歌词秀和播放列表窗口还有一个可选择的元素:title,可在有特定需要时(比如在改变窗口大小时标题保持居中等)使用,格式如下:前面3者的示意图如下:image:用于定义该元素所使用的图片。
一般地,按钮图片大部分都是由4个大小相同的图片并排组合在一起的,分别代表按钮的4种不同状态:按钮正常、鼠标经过按钮、鼠标按下按钮、按钮无效,下图就是播放按钮的图片:注:①如果按钮在这4种状态下都是一样的,同样需要将4张图片并排在一起才能正常显示;②存在于播放列表中的scroll元素内的scrollbar_button和scrollbar_button属性所对应的图片只有3种状态:按钮正常、鼠标经过按钮和鼠标按下按钮;align:用于定义元素的对齐方式,参数值分两种情况:一种是存在于主窗口中的led、info、stereo、status 元素内,此时可以取值为left、center、right,代表这些文字的缩进方式;第二种是存在于歌词秀窗口中的title、close、ontop元素内,播放列表窗口的title、c lose、toolbar元素内,此时可以取值为left、center、right、top、bottom等,代表当调整窗口大小时元素位置相对于边框移动,如果要同时设置垂直对齐和水平对齐方式,可以用英文加号将二者连在一起,比如"top+left"表示在垂直方向上顶部对齐、在水平方向上左对齐;thumb_image、fill_image、bar_image:存在于主窗口中的progress、volume元素和均衡器窗口的balance、surround、preamp、eqfactor元素内,分别用于定义滑块的图片、移动滑块时填充的图片和移动范围内的背景图片;vertical:存在于主窗口中的progress、volume元素,参数值可以为true或false,其中取true时指滑块按垂直方向移动,取false时滑块按水平方向移动;color、bkgnd、font、font_size:存在于主窗口中的info、stereo、status元素内,用于定义文字的颜色、背景色、字体和字体大小,如要显示透明文字则不需要指定背景色(bkgnd);thumb_resize_center:存在于播放列表窗口中的scrollbar元素内,用于定义scrollbar的thumb滑块中间可以进行平铺缩放的部分的大小,如果取值为0,则代表在改变播放列表窗口高度大小时滑块进行不缩放;thumb_resize_tile:存在于播放列表窗口中的scrollbar元素内,作用与播放列表窗口和歌词秀窗口的resize_tile相同;hot_image:存在于播放列表窗口中的toolbar元素内,用于定义播放列表工具栏中当鼠标经过时的图片形态。