简介
由于本人艺术能力不够,也做不出多好看的成套图标(其实一个都做不出来),即使满世界找也很耗费时间还未必好看,所以 zTree 3.x 系列就没有提供多套皮肤,请见谅。
不少朋友都希望能制作自定义的主题,本篇文章将主要介绍一下应该制作主题的思路和方法。
Demo 中有一些 zTree 的使用者把自己制作的主题共享了出来,可以参考:
- OutLook 风格
- Metro 风格
- Awesome 风格
此 Demo 更是使用了 字体当作矢量图标
主要思路:
-
参考 8.01 zTreeStyle.css 说明 逐一修改:
- +/- 开关、checkbox、radio、节点图标 的样式
- 节点名称 对应的样式
- 节点高亮 对应的样式
- 编辑节点时 高亮的样式
- 拖拽节点时 临时箭头的样式 以上只是简单罗列了一下,具体制作时务必要根据实现效果具体调整
-
配合 css 修改制作对应的 字体矢量文件 或 image 文件
总结:
- zTree 整体的样式主题修改,
完全不需要修改 js 代码
- 需要制作者具有良好的 html & css 功底,能处理各种兼容问题,善于检查并纠正 样式错误