批量导出UI图的图标

Posted 2023-04-16

参考技术A 1）属性栏设置

Windows系统，按住ctrl键和点击鼠标左键，就可以自动选择图层。
2）勾选 视图-->显示-->智能参考线以及视图-->标尺
3）右边的工具栏关闭颜色、通道等选项，打开窗口-->信息、窗口-->字符，其他的多余的前面的勾取消，拖移历史记录，信息，字符面板位置如下：

在弹窗中设置属性如下：

1）选中某个图层，产生选区进行切片后，如果产生的切片是多图层的，可以按住Alt键，鼠标单击选中图层前面的眼睛，就可将其他图层都隐藏，只保留当前图层。
2）视图-->新建参考线，位置填XX像素，就可以将参考线定位到所填XX像素处。

点击 文件-->导出-->将图层导出到文件:

目标为你想要保存的本地路径，其他参数一样即可。

扩展layui中的自带字体图标

项目中，虽然layui的字体图标库中已经有了1000多个图标了，但是也有时候不能满足我们自定义图标的需求，所以需要进行自定义，具体步骤如下：

1.在iconfont上找到自己喜欢的图标，也可以上传ui做好的图标，做自己喜欢的图标，加入购物车后导出字体图标；

2.打开icoMoon网站，将自己导出的图标中的svg文件和layui中的svg文件一起导入，然后selectAll。

3.generate字体，就可以使用啦；