关于Android VectorDrawable xml 转为SVG并修改

已于 2023-10-18 10:58:42 修改
阅读量2.5k 收藏
点赞数
文章标签： android xml
于 2023-10-18 10:55:40 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/canyouspeakEng/article/details/133901381
版权

前言

一般遇到客户要求修改xml 文件VectorDrawable 资源, 需要客户提供图标, 当客户无法提供图标时,就可以参考此篇文章对原图标进行修改

将xml 转为SVG图片

首先需要有一个svg图片作为参考, 国内svg下载网址可以去阿里巴巴图标库下载https://www.iconfont.cn/

打开下载后的svg格式如下

svn格式.png

而VectorDrawable xml 格式如下

xml格式.png

  1. 将我们参考的svg图片复制一份, 重命名为我们要转化的xml文件名字

  2. width/height 同步, viewBox 后两个参数同步android:viewportWidth/viewportHeight 如上需要修改成

    width=“12” height=“15” viewBox=“0 0 12 15”

  3. 将 android:pathData 信息复制到 path -> d, android:fillColor 修改至 fill, 多个path 也是如此, 注意修改fill

效果如下

修改后的svg.png

用浏览器打开, 推荐用Microsoft Edge, 图标尺寸过小

最低0.47元/天 解锁文章
上帝开枪
关注
android怎么将drawable下vector asset文件.xml转成svg
peakfa的博客
08-19 2362
android怎么将drawable下vector asset文件.xml转成svg 项目背景： 近期项目组要在Android7.1设备上跑5G通信，对于Android端工作就是bsp适配好模块后将5G信号类型添加到系统中。主要Android原生只有234G信号类型还是svg转过后，原生没有svg图片。公司还没有ui。。。。。。。在这样的环境下只能想办法把.xml转正svg然后ps大法。 svg介绍参考链接: svg介绍. svgAndroid使用: svg Android使用. Android
Android VectorDrawable与SVG
热门推荐
xu_fu的专栏
03-01 4万+
VectorDrawableAndroid L开始提供了新的API VectorDrawable 可以使用SVG类型的资源，也就是矢量图，这里对VectorDrawable和SVG做一些简要的介绍。
VectorDrawable2Svg：将Android VectorDrawable .xml文件转换为.svg文件
02-06
VectorDrawable2Svg 介绍 VectorDrawable2Svg.py Python脚本将Android VectorDrawable .xml文件转换为.svg文件。 此存储库是从派生的，以添加对间接颜色引用的处理（例如，在color.xml文件中），因为该存储库似乎没有得到积极维护（基于未解决的问题和merge /当时将请求拉到那里）。 用法 python3 VectorDrawable2Svg.py a.xml b.xml ... ./VectorDrawable2Svg.py --color-xml-file=path/to/color.xml a.xml b.xml
Android开发中svg转xml工具使用
最新发布
loutengyuan的专栏
04-27 1055
在这种情况下，建议检查 SVG 文件内容，移除不支持的属性（如滤镜、渐变等复杂效果）。转换完成后，可以在输出目录中找到生成的 XML 文件。如果你想在转换时指定生成的 XML 文件的宽度和高度（例如宽度 48dp，高度 48dp），可以在命令中添加。，里面存放了多个 SVG 文件，希望将它们批量转换为 XML 文件，并输出到。如果指定的输出目录不存在，工具会自动创建该目录。转换后的 XML 文件会保持与原始 SVG 文件相同的名称，但扩展名会从。如果有任何问题，可以参考工具的官方文档或社区支持资源。
将AndroidStudio 的 VectorDrawable xml 资源逆向转回 svg文件
07-30
自制工具，将AndroidStudio 的 VectorDrawable xml 资源逆向转回 svg文件方便编辑。工具为带js的html，上方输入框贴入xml，下方输入框输出svg代码结果以及svg预览 注意目前仍未支持渐变填充
推荐项目：VectorDrawable到SVG转换器
gitblog_00074的博客
06-19 636
推荐项目：VectorDrawable到SVG转换器 vector-drawable-nextjsVectorDrawable to SVG项目地址:https://gitcode.com/gh_mirrors/ve/vector-drawable-nextjs 1. 项目介绍 VectorDrawable to SVG Converter 是一个基于 vector-drawable-svg ...
android 矢量图xml转svg
weixin_40265798的博客
07-12 833
如何实现“android 矢量图xml转svg” 1. 流程概述 在将Android矢量图XML转换为SVG格式的过程中，需要经历以下几个步骤： 解析Android矢量图XML文件 提取出图形路径数据 将路径数据转换为SVG格式 生成SVG文件 2. 具体步骤及代码示例 第一步：解析Android矢量图XML文件 首先...
vector 转 svg 方法
u012514113的专栏
07-26 3289
Android vector 与 svg 图片格式互转换
Android VectorDrawable与SVG 实现炫酷动画
茅屋
07-20 1万+
Android VectorDrawable与SVG 实现炫酷动画 转载请标明出处： dsad 本文出自:【Alex_MaHao的博客】 项目中的源码已经共享到github，有需要者请移步【Alex_MaHao的github】 Android 从 5.0 提供了新的API VectorDrawable,通过该对象，我们可以使用矢量图SVG。在编写xml文件中，通过关键的几个标签
Android studio将svg的图片文件转化为drawable里用来使用的xml文件
小雨的博客
05-27 2497
在Android软件开发过程中，有一些图片资源文件是系统资源，而为了适应在各个版本的手机上使我们的图片不失真，通常会写成xml文件放在drawable文件夹里，然后在layout页面控件上直接引用 工具 Android studio SVG格式图片 一个已经搭建好的项目 方法 首先，将你需要使用的图片转换为SVG格式的图片，可以网上下载或者Photoshop转换格式，此处推荐“阿里巴巴矢量图库” 然后打开Android studio，右键drawable文件夹——new-Vector Asset
Android使用SVG小结
Dick_zeng的博客
05-18 2万+
SVG的全称是Scalable Vector Graphics，叫可缩放矢量图形。它和位图（Bitmap）相对，SVG不会像位图一样因为缩放而让图片质量下降。它的优点在于节约空间，使用方便。android也在5.0中新增了对使用svg矢量图支持，现在网上也有大把关于svg的文章但是使用时还是有遇到了许多坑，所以在这里我就总结了下我在使用svg过程中遇到的各种坑，希望对大家有所帮助。VectorDra
SVG转Android VectorDrawable工具
11-12
Android SVG to VectorDrawable工具，将SVG选中拖入网页中，点击下载即可完成转换。
svgtoandroid,一个IntelliJ平台插件，用于将SVG转换为Android VectorDrawable.zip
10-13
自述文件：svgtoandroid,一个IntelliJ平台插件，用于将SVG转换为Android VectorDrawable.zip
SVG2Vector批量转换工具
01-09
SVG2Vector批量转换工具
android xml转换成svg,android – 将VectorDrawable转换为SVG
weixin_39691748的博客
05-26 991
我遵循的步骤：android：pathData替换为dandroid：fillColor替换为fill没有fillColor的VectorDrawable中的路径在SVG中是fill =“none”.android：viewportHeight =“24”android：viewportWidth =“24”是SVG中的viewBox =“0 0 24 24”.例矢量Drawableandroid...
Android VectorDrawable -->SVG
Tongson
04-28 1218
绘制svg图Inkscapehttps://inkscape.org/en/Boxy SVGJanvas - The Online Vector Graphics Editorhttp://www.janvas.com/XOSYSTEM/PROJECTS/janvas_apps_suite_3.0_public/janvas_application.phpyyywebhttp://www.yyywe
推荐开源项目：vd2svg——Android向SVG转换利器
gitblog_00023的博客
06-26 571
推荐开源项目：vd2svg——Android向SVG转换利器 项目地址:https://gitcode.com/gh_mirrors/vd/vd2svg 在开发过程中，我们常常需要处理各种图形资源，特别是在Android中使用矢量图（vector drawable）时，有时我们需要将其转化为更通用的SVG格式以便于跨平台使用。今天，我要向大家推荐一个强大的工具——vd2svg，它能帮助你轻松地将A...
Android VectorDrawable SVG矢量图 xml格式
QQ18334373taikongyi的专栏
04-13 977
一个VectorDrawable示例 http://schemas.android.com/apk/res/android//命名空间     android:width="24dp" //在设备上显示的实际宽度     android:height="24dp" //在设备上显示的实际高度     android:viewportWidth="48.0"//透视窗口宽度，与path直接相
android 如何将drawable的图片转为xxhdpi
04-03
### 转换 Drawable 图片至 XXHDPI 分辨率 为了确保 Android 应用中的图片能够适配不同的屏幕密度，特别是针对 `xxhdpi` 的分辨率需求，可以通过以下方法实现： #### 方法一：手动调整图片尺寸 开发者可以在设计阶段准备高质量的原始素材，并通过图形编辑工具（如 Photoshop 或 GIMP）将其按比例缩小到适合 `xxhdpi` 寺庙所需的尺寸。通常情况下，对于标准图标或其他 UI 元素，推荐的比例为 3:1（即每像素对应设备上的三个物理像素）。这意味着如果目标显示区域宽度为 48dp，则对应的 `xxhdpi` 文件应具有 \(48 \times 3 = 144\) 像素的实际宽度。 此过程需注意保持原图质量以防止因压缩而导致清晰度下降[^1]。 #### 方法二：利用矢量图形 (Vector Drawables) 相比于传统的基于像素点阵式的 PNG/JPG 格式文件，在现代开发实践中更提倡采用 SVG 形式的向量绘图资源(VectorDrawables)，因为它们天生具备无限缩放能力而不会损失细节精度。只需定义一次即可适用于各种 DPI 类型而不必担心匹配问题。 要在项目里启用 VectorDrawable 支持库，请确认 build.gradle 中已加入相应依赖项： ```gradle implementation 'androidx.vectordrawable:vectordrawable-animated:1.1.0' ``` 接着可以直接放置 .xml 结构描述符于 res/drawable/ 下面作为常规 drawable 使用[^4]: ```xml <vector xmlns:android="http://schemas.android.com/apk/res/android" android:width="24dp" android:height="24dp" android:viewportWidth="24" android:viewportHeight="24"> <path android:pathData="M7,9h10v2H7zm0,4h10v2H7z"/> </vector> ``` 以上代码片段展示了一个简单的路径绘制例子，它会自动适应任何指定的目标 dpi 设置包括但不限于 xxhdpi. #### 方法三：动态生成 Bitmap 并重新保存 假如某些特殊场景下无法提前预知确切的需求或者希望完全自动化处理整个流程的话，也可以考虑编程方式完成这项工作。下面给出一段 Kotlin 实现示例演示如何加载一张 bitmap 后再按照特定倍数放大后再存储回磁盘: ```kotlin fun resizeBitmapAndSave(context: Context, originalFileUri: Uri, scaleFactor: Float): File { val inputStream = context.contentResolver.openInputStream(originalFileUri) ?: throw IOException("Cannot open input stream") // Decode sample size based on required scale factor. var options = BitmapFactory.Options() options.inJustDecodeBounds = true BitmapFactory.decodeStream(inputStream, null, options) val width = Math.round(options.outWidth * scaleFactor).toInt() val height = Math.round(options.outHeight * scaleFactor).toInt() inputStream.close() // Close after getting bounds. inputStream = context.contentResolver.openInputStream(originalFileUri)!! options = BitmapFactory.Options().apply { inSampleSize = calculateInSampleSize(this, width, height) } val resizedBitmap = Bitmap.createScaledBitmap(BitmapFactory.decodeStream(inputStream), width, height, false) inputStream.close() // Save new file into cache dir or external storage depending upon your requirement. val outputFile = File(context.cacheDir, "resized_image.png") val outputStream = FileOutputStream(outputFile) resizedBitmap.compress(Bitmap.CompressFormat.PNG, 100, outputStream) outputStream.flush() outputStream.close() return outputFile } private fun calculateInSampleSize(options: BitmapFactory.Options, reqWidth: Int, reqHeight: Int): Int { // Raw height and width of image val height = options.outHeight val width = options.outWidth var inSampleSize = 1 if (height > reqHeight || width > reqWidth) { val halfHeight = height / 2 val halfWidth = width / 2 while ((halfHeight / inSampleSize) >= reqHeight && (halfWidth / inSampleSize) >= reqWidth) { inSampleSize *= 2 } } return inSampleSize } ``` 上述函数接受一个 URI 和期望的缩放因子作为输入参数，返回经过调整后的临时文件对象。需要注意的是这里仅作示范用途，在实际应用前可能还需要进一步优化内存管理等方面的内容.
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值