XDC皮肤制作教程.doc

XDeskCover皮肤教程【备注】此教程采用的是XDeskCover的简体中文语言包版本，这里可以下载到最新版(置顶帖子) ，此文乃抛砖引玉，期待大家更多XDC皮肤的发布:)【总概述】XDeskCover(以下简称XDC)是一款可高度自定义皮肤的显专辑封面、播放器控制小软件，皮肤默认放在安装文件夹下的Skins目录里面，每个目录为一套皮肤（例如A皮肤即为 XDeskCoverSkinsA ），如果此皮肤有多个风格，还可以在在A文件夹下添加一个名为 Styles 的目录，在此目录下放置多个风格的皮肤文件夹例如A皮肤如果有A1、A2、A3等风格，则目录分别为 XDeskCoverSkinsAStylesA1、XDeskCoverSkinsAStylesA2、XDeskCoverSkinsAStylesA3 ）【皮肤编辑器概述】启动XDC后，右键点击XDC弹出菜单里面选择“皮肤编辑器”，即可看到如下图1的皮肤编辑器界面。图11、 左侧的顶端是 皮肤信息 和 皮肤设置 ，点击后会在右侧显示相关设置区。点击皮肤信息后可以在右侧修改此皮肤的名称、作者、联系方式、预览图等信息点击皮肤设置后可以在右侧修改此皮肤的一些独立性的整体设置，例如 切换专辑封面图片时候的动画特效选择、没找到任何封面时候的默认图片的设置、2、左侧中间“主窗口”面板里面包含了一个树形的所有控件的列表，我们可以选中其中的任意一个控件，然后在右侧修改此控件的各种属性来达到diy的目的。注意：控件在树形列表里面的位置越靠上则会实际显示在越上方，如果某些按钮无法被点击后，可能就是因为位置太低被其他控件挡住了，只需要点击图2左下角的“上移”将此控件移动到更上端即可。图23、 左侧底部的“弹出气泡窗口”面板点击即可展开，里面是弹出气泡窗口里面的控件的设置【控件概述】不管是主窗口还是弹出气泡，都是由里面的控件来构成的，主要控件分为图片、文字、进度条、面板、动画、按钮等，在左侧控件列表里面点击后，就可以在右侧看到此控件的可以设置的属性了，例如CDBack控件是一个图片控件，点击后可以在右侧查看到CDBack控件的属性，如图3图3可以看到右侧上半部分是所有控件都基本一样的部分，这里可以设置控件是否显示、是否显示指示线（在XDC界面上显示一个红色虚线框用来标示给皮肤制作者此控件当前在哪个位置和大小）、位置坐标、大小尺寸、旋转角度、透明度、缩放比例等右侧下半部分，图片控件有 显示、背景、高级、特效、动画 等几个选项卡。1、显示选项卡：此选项卡内主要是一些常规设置，以下是此选项卡内的各项设置的介绍：自适应大小：勾选此项后，图片尺寸将固定为原图的大小路径： 图片在本皮肤目录下的文件名，可点击“导入”按钮拷贝本地其他地方的png图片到本目录下重叠模式：此选项用来设置图片状态例如拉伸、平铺、原始尺寸等，仅在“自适应大小”未勾选的时候起作用。 如果选择拉伸，则下面的“无损拉伸区域边缘设定”将显示并起作用无损拉伸区域边缘设定：当重叠模式为“拉伸”时起作用，可以定义上下左右的不拉伸区域大小，启动拉伸后图片四角失真情况减小的功能。 下面的“区域内重叠拉伸模式”为图片中间拉伸方式的选择，可以选择拉伸或者平铺对齐模式： 当原图片尺寸小于此图片控件的尺寸，并没有勾选“自适应大小”、重叠模式为“原始尺寸”时，此设置起效。动作： 可以设定当鼠标双击此图片控件时执行的命令，例如可以设置为“下一首”，则双击此图片时将播放下一首歌曲启用蒙版：可以设定一个黑白灰的蒙版图片2、背景选项卡：此选项卡主要是设置此控件的背景颜色填充、渐变、纹理、图案等3、高级选项卡：颜色覆盖：可以调整当前颜色的HSL值来达到变幻颜色的效果，例如调整色调、对比度、亮度、饱和度等圆角：可以调整横向、竖向的圆角度，来使得当前控件呈现圆角的状态，还可以设定圆角的位置，例如只有左上角为圆角，也可以设置样式，比如椭圆圆角、方线直角等边框：设定控件的边框大小样式高光：在控件上生成一个高光区域4、特效选项卡：此选项卡可以设置控件的阴影、倒影、外发光、模糊等特效。5、动画选项卡：可以设置鼠标移入控件时的动画效果，例如勾选“鼠标进入时淡入”并设置透明度为1，控件透明度为0.5 ，则控件平时为0.5的透明度，当鼠标移入后控件渐渐动画的增加透明度到1，形成一种淡入的动画。 “鼠标进入时高光”则是当鼠标移入到控件的时候，控件周围渐渐呈现外发光，可设定颜色、透明度等【皮肤制作小技巧】1、如何在鼠标划过的时候自动显示歌曲信息，而在鼠标移开后自动隐藏歌曲信息？答： 可以在皮肤编辑器左侧选中Text1234这些歌曲信息文字控件，然后用左下角的“上移”或者“下移”来移动他们到Toolbar或者Panel 这两个“面板控件”中的任意一个，例如移动到Panel下。 然后选中Panel面板控件后，在右侧属性里面勾选 “启用自动显示/隐藏”和右边顶部的“显示” 即可。2、如何在鼠标划过的时候自动显示播放按钮，而在鼠标移开后自动隐藏播放按钮？答： 可以在皮肤编辑器左侧选中ButtonPaly、ButtonNext、ButtonPause、ButtonPrev、ButtonStop这些播放控制按钮控件，然后用左下角的“上移”或者“下移”来移动他们到Toolbar或者Panel 这两个“面板控件”中的任意一个，例如移动到Toolbar面板下。 然后选中Toolbarl面板控件后，在右侧属性里面勾选 “启用自动显示/隐藏”和右边顶部的“显示” 即可。-本来想一篇就介绍完，写着写着发现不行，所以分几篇来写吧:)最近比较忙，所以想到了些什么我就来这个帖子更新更新吧，以下是一些小技巧，可能对大家有所帮助:)【皮肤制作小技巧】1、如何在鼠标划过的时候自动显示歌曲信息，而在鼠标移开后自动隐藏歌曲信息？答： 可以在皮肤编辑器左侧选中Text1234这些歌曲信息文字控件，然后用左下角的“上移”或者“下移”来移动他们到Toolbar或者Panel 这两个“面板控件”中的任意一个，例如移动到Panel下。 然后选中Panel面板控件后，在右侧属性里面勾选 “启用自动显示/隐藏”和右边顶部的“显示” 即可。2、如何在鼠标划过的时候自动显示播放按钮，而在鼠标移开后自动隐藏播放按钮？答： 可以在皮肤编辑器左侧选中ButtonPaly、ButtonNext、ButtonPause、ButtonPrev、ButtonStop这些播放控制按钮控件，然后用左下角的“上移”或者“下移”来移动他们到Toolbar或者Panel 这两个“面板控件”中的任意一个，例如移动到Toolbar面板下。 然后选中Toolbarl面板控件后，在右侧属性里面勾选 “启用自动显示/隐藏”和右边顶部的“显示” 即可。3、如何让 播放按钮 和 暂停按钮 同时只显示一个？ 并且在播放状态的时候显示暂停按钮、隐藏播放按钮，在停止、暂停状态的时候隐藏暂停按钮、显示播放按钮？答：皮肤编辑器左侧点击“皮肤设置”，然后右侧属性里面勾选 “自动根据播放状态 显示/隐藏 播放按钮和暂停按钮” 即可4、为什么某些按钮无法被点击到？ 或者 为什么进度条不能用鼠标来拖进度了？ 或者说 为什么有些按钮、进度条等不起作用不响应鼠标点击了？答：控件在皮肤编辑器左侧树形列表里面的位置越靠上则会实际显示在越上方，如果某些按钮无法被点击，可能就是因为位置太低被其他控件挡住了，只需要点击