修改SVG(PNG)文件背景

背景

从阿里iconfont上下载下来的图标背景是透明的,把图标当作悬浮按钮时,会露出后面的界面.问题图如下(加号图标后面的内容露出来了):
修改SVG(PNG)文件背景_第1张图片

解决方案

在网上找了很久,都没有找到合适的方案,最后自己想了一个涂层叠加的笨办法.基本原理就是采用两种图合并到一起(同时要保留圆形图标外围的透明层)

  • 修改SVG文件背景
  1. 从iconfont上下载我想要的加号图标,再下载一张圆形(内部有填充色的,这个要做背景)
    修改SVG(PNG)文件背景_第2张图片
  2. 导入Android Studio,方法参考在安卓中使用SVG矢量图
  • 圆形
    修改SVG(PNG)文件背景_第3张图片
  • 加号图标
    修改SVG(PNG)文件背景_第4张图片
  1. 合并(将圆形和加号图标的内容合并到一个文件中,圆形图标的内容在上面)
    修改SVG(PNG)文件背景_第5张图片
  2. 效果:
    修改SVG(PNG)文件背景_第6张图片
  • 修改PNG文件背景
    操作原理类似上面,但是需要用图片编辑工具来做图层合并.
    不同的工具操作步骤不一样,下面是我用Sketchbook来做的图层合并图.
    修改SVG(PNG)文件背景_第7张图片

安卓开发技术分享: https://blog.csdn.net/yinxing2008/article/details/84555061
更多技术总结好文,请关注:「程序园中猿」

你可能感兴趣的:(安卓)