简介
适用于在不需要编辑代码的情况下对默认皮肤进行修改。
你不需要打开XML文件以及编辑代码。
可视化修改控制条的颜色、饱和度、透明度等。
在修改过程中实现即时效果
可拖拽滑动改变数值。
可通过键盘输入数值。
所有的更改都存储在一个xml文件里。
最新版本 1.0
演示
演示视频
链接:https://pan.baidu.com/s/1Aofo7aESDUAr99AI5kPAmw 密码:g3od
控制面板
皮肤编辑器是一个内置了按钮的面板。可在窗口内使用鼠标拖拽编辑器。点击面板上的三角形,可展开面板。
在面板上,有各个板块用于调整默认皮肤的不同部分。
底部按钮用于将改变保存到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中嵌入以下代码。
1 2 3 4 5 6 7 |
<krpano .... > <include url="edit_skin/edit_skin.xml" /> <include url="edit_skin/skin_set.xml" /> . . </krpano> |
如何使用
编辑
当鼠标按在按钮上左右移动时可更改参数,向左则减少向右则增加,按住鼠标的同时离开按钮的距离越大,则参数变化的速率越大。
你所做的更改会立即应用于皮肤中层,您可以直观地控制结果。
在编辑面板中,有4个部分——颜色编辑器、边框宽度编辑器、圆角编辑器、阴影编辑器。
单击参数设置按钮,会有绿色边框突出显示,然后在键盘输入参数。输入参数后,按“Enter”确认,如果输入错误数值,按“del”键将清除该按钮的数值。
保存设置
编辑后,点击 “Save settings to XML”.
找到 “edit_skin”文件夹保存 “skin_set.xml”
刷新浏览器!