自己写一个svg转化为安卓xml的工具类

墨蓝 2023-10-15 08:09 80阅读 0赞

[自己写一个svg转化为安卓xml的工具类\_张风捷特烈的博客-CSDN博客][svg_xml_-CSDN]

svg资源阿里巴巴矢量资源网站:[iconfont-阿里巴巴矢量图标库][iconfont-]  
感觉一般的svg到Android可用的xml差异有点规律，主要的就是path  
秉承着能用代码解决的问题，绝对不动手。能够靠智商解决的问题，绝对不靠体力的大无畏精神：  
写段代码批处理一下，要比一个一个在网上转换方便一些。

1.样例svg

<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
    <svg t="1540950990615" class="icon" style="" viewBox="0 0 1024 1024" version="1.1" 
        xmlns="http://www.w3.org/2000/svg" p-id="10665" 
        xmlns:xlink="http://www.w3.org/1999/xlink" width="48" height="48">
     
        <defs>
            <style type="text/css"></style>
        </defs>
     
        <path d="M257.22 814.53a36.46 36.46 0 0 1-25.78-62.24L471.73 512 231.44 271.71A36.46 36.46 0 0 1 283 220.15l246.77 246.73a63.83 63.83 0 0 1 0 90.2L283 803.85a36.35 36.35 0 0 1-25.78 10.68z" fill="#42494F" p-id="10666">
        </path>
        
        <path d="M512 814.53a36.46 36.46 0 0 1-25.78-62.24L726.47 512 486.18 271.71a36.46 36.46 0 0 1 51.56-51.56l246.77 246.73a63.66 63.66 0 0 1 0 90.2L537.75 803.85A36.35 36.35 0 0 1 512 814.53z" fill="#42494F" p-id="10667">
        </path>
    </svg>

2.转化成的Android可用的xml

<?xml version="1.0" encoding="utf-8"?>
    <vector xmlns:android="http://schemas.android.com/apk/res/android"
            android:width="48dp"
            android:height="48dp"
            android:viewportWidth="1024"
            android:viewportHeight="1024">
        <path
            android:fillColor="#FF7F47"
            android:pathData="M257.22 814.53a36.46 36.46 0 0 1-25.78-62.24L471.73 512 231.44 271.71A36.46 36.46 0 0 1 283 220.15l246.77 246.73a63.83 63.83 0 0 1 0 90.2L283 803.85a36.35 36.35 0 0 1-25.78 10.68z"/>
        <path
            android:fillColor="#FF7F47"
            android:pathData="M512 814.53a36.46 36.46 0 0 1-25.78-62.24L726.47 512 486.18 271.71a36.46 36.46 0 0 1 51.56-51.56l246.77 246.73a63.66 63.66 0 0 1 0 90.2L537.75 803.85A36.35 36.35 0 0 1 512 814.53z"/>
    </vector>

一、转换一个svg文件的代码：

/**
         * 将.svg文件转换为安卓可用的.xml
         *
         * @param file 文件路径
         */
        public static void svg2xml(File file) {
            if (!file.exists() && file.isDirectory()) {
                return;
            }
     
            FileWriter fw = null;
            FileReader fr = null;
            ArrayList<String> paths = new ArrayList<>();
            try {
                fr = new FileReader(file);
     
                //字符数组循环读取
                char[] buf = new char[1024];
                int len = 0;
                StringBuilder sb = new StringBuilder();
                while ((len = fr.read(buf)) != -1) {
                    sb.append(new String(buf, 0, len));
                }
     
                //收集所有path
                collectPaths(sb.toString(), paths);
                //拼接字符串
                StringBuilder outSb = contactStr(paths);
                //写出到磁盘
                File outFile = new File(file.getParentFile(), file.getName().substring(0, file.getName().lastIndexOf(".")) + ".xml");
                fw = new FileWriter(outFile);
                fw.write(outSb.toString());
     
                System.out.println("OK:" + outFile.getAbsolutePath());
            } catch (Exception e) {
                e.printStackTrace();
            } finally {
                try {
                    if (fw != null) {
                        fw.close();
                    }
                    if (fr != null) {
                        fr.close();
                    }
                } catch (Exception e) {
                    e.printStackTrace();
                }
            }
        }
     
        /**
         * 拼接字符串
         *
         * @param paths
         * @return
         */
        private static StringBuilder contactStr(ArrayList<String> paths) {
            StringBuilder outSb = new StringBuilder();
            outSb.append("<?xml version=\"1.0\" encoding=\"utf-8\"?>\n" +
                    "<vector xmlns:android=\"http://schemas.android.com/apk/res/android\"\n" +
                    "        android:width=\"48dp\"\n" +
                    "        android:height=\"48dp\"\n" +
                    "        android:viewportWidth=\"1024\"\n" +
     
                    "        android:viewportHeight=\"1024\">\n");
     
            for (String path : paths) {
                outSb.append("    <path\n" +
                        "        android:fillColor=\"#FF7F47\"\nandroid:pathData=");
                outSb.append(path);
                outSb.append("/>");
            }
     
            outSb.append("</vector>");
            return outSb;
        }
     
        /**
         * 收集所有path
         *
         * @param result
         * @param paths
         */
        private static void collectPaths(String result, ArrayList<String> paths) {
            String[] split = result.split("<path");
            for (String s : split) {
                if (s.contains("path")) {
                    int endIndex;
                    if (!s.contains("fill")) {
                        endIndex = s.indexOf("p");
                    } else {
                        endIndex = Math.min(s.indexOf("f"), s.indexOf("p"));
                    }
                    String path = s.substring(s.indexOf("\""), endIndex);
                    paths.add(path);
                }
            }
        }
    转换一个文件夹里的所有svg图片
    /**
     * 将一个文件夹里的所有svg转换为xml
     *
     * @param filePath
     */
    public static void svg2xmlFromDir(String filePath) {
        File file = new File(filePath);
        if (file.isDirectory()) {
            File[] files = file.listFiles();
            for (File f : files) {
                if (f.getName().endsWith(".svg")) {
                    System.out.println(f);
                    svg2xml(f);
                }
            }
        } else {
            svg2xml(file);
        }
    }

将xml放在drawable目录下，就可以当资源文件用了，大小颜色都可以操作  
————————————————  
版权声明：本文为CSDN博主「张风捷特烈」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。  
原文链接：https://blog.csdn.net/qq\_30447263/article/details/83594228

[svg_xml_-CSDN]: https://blog.csdn.net/qq_30447263/article/details/83594228?spm=1001.2101.3001.6650.4&utm_medium=distribute.pc_relevant.none-task-blog-2~default~CTRLIST~Rate-4-83594228-blog-122258910.235%5Ev38%5Epc_relevant_sort&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2~default~CTRLIST~Rate-4-83594228-blog-122258910.235%5Ev38%5Epc_relevant_sort&utm_relevant_index=6
[iconfont-]: https://www.iconfont.cn/