N氏皮肤编辑器

简介

适用于在不需要编辑代码的情况下对默认皮肤进行修改。

你不需要打开XML文件以及编辑代码。
可视化修改控制条的颜色、饱和度、透明度等。
在修改过程中实现即时效果
可拖拽滑动改变数值。
可通过键盘输入数值。
所有的更改都存储在一个xml文件里。

最新版本 1.0

演示

 

控制面板

皮肤编辑器是一个内置了按钮的面板。可在窗口内使用鼠标拖拽编辑器。点击面板上的三角形,可展开面板。

在面板上,有各个板块用于调整默认皮肤的不同部分。

底部按钮用于将改变保存到xml文件。

切换缩略图背景面板和缩略图边框的编辑模式:


点击按钮切换

  • Button bar – 面板编辑模式
  • Thumbnail – 缩略图边框编辑模式

更改颜色:

  • bgcolor – 选择容器的背景颜色(FFFFFF).
  • border – 选择边框设置 (FFFFFF).
  • shadow – 选择阴影 (FFFFFF).

有四种参数可供颜色的更改
1. 更改色相。
2. 更改饱和度
3. 更改亮度
4. 更改透明度。

更改边框设置:

  • ALL – 四个边框都是同一个数值。
  • left – 左边框的像素宽度。
  • right – 右边框的像素宽度。
  • top – 上边框的像素宽度。
  • bottom – 下边框的像素宽度。

更改圆角设置:

  • ALL – 四个角都是用一个数值。
  • lefttop – 左上角圆角设置。
  • righttop – 右上角圆角设置。
  • rightbottom – 右下角圆角设置。
  • leftbottom – 左下角圆角设置。

更改阴影设置:

  • xoffset – x偏移。
  • yoffset – y偏移。
  • blur – 模糊程度。
  • Spread – 发散尺寸。

更改边框偏移设置:

  • border padding – 边框偏移数值。

当缩略图边框被激活时该按钮才会出现。

保存按钮:

  • Save settings XML – 将参数保存到 skin_set.xml 文件中。

 

如何使用编辑器

将 “edit_skin” 文件夹放在根目录下。

在主xml中嵌入以下代码。

如何使用

编辑

当鼠标按在按钮上左右移动时可更改参数,向左则减少向右则增加,按住鼠标的同时离开按钮的距离越大,则参数变化的速率越大。
你所做的更改会立即应用于皮肤中层,您可以直观地控制结果。
在编辑面板中,有4个部分——颜色编辑器、边框宽度编辑器、圆角编辑器、阴影编辑器。
单击参数设置按钮,会有绿色边框突出显示,然后在键盘输入参数。输入参数后,按“Enter”确认,如果输入错误数值,按“del”键将清除该按钮的数值。

保存设置

编辑后,点击 “Save settings to XML”.


找到 “edit_skin”文件夹保存 “skin_set.xml”

刷新浏览器!