Android使用svg矢量图

可缩放矢量图形,SVG不会像位图一样因为缩放而让图片质量下降。
优点:节约空间与内存,常用于简单小图标

SVG 使用 XML 格式定义图形,标准svg根节点为<svg>
在Android中通过Vector实现对svg的支持,根节点为<vector>。
获得一张svg需要先进行转换才能在android当中使用。

首先我们需要弄一直svg图片。咱可以去iconfont网站里面去下载一个
比如说我找了一张飞机的svg图片
在这里插入图片描述
然后我们在AndroidStudio中新建一个vector Asset
在这里插入图片描述
在这里插入图片描述
然后就会在drawable文件夹里生成一个根节点为vector的xml文件
在这里插入图片描述

在这里插入图片描述



xml使用
xml的使用方式跟正常的icon使用方式差不多

<ImageView
        android:layout_width="200dp"
        android:layout_height="200dp"
        android:src="@drawable/feiji"
        />

到了这里还有一个问题就是,现在只是一张svg图片,如果很多张svg图片的话,转换就比较麻烦,我这里给出两种批量转换svg的方案


方案1

多个svg转换android的vector,下载svg2vector-cli-1.0.1.jar
执行转换:
java -jar svg2vector-cli-1.0.1.jar -d .-o convert -h 20 -w 20
在这里插入图片描述

例:
在这里插入图片描述

 java -jar svg2vector-cli-1.0.1.jar -d F:\xxx\mysvg .-o F:\xxx\mysvg convert -h 20 -w 20

在这里插入图片描述
下载地址:https://github.com/MegatronKing/SVG-Android/tree/master/svg-vector-cli/bat


方案2(推荐)

使用AndroidStudio中的插件
安装插件
进入settings-plugins
搜索svg2vectorDrawable
在这里插入图片描述
安装完成后重启ide

然后再工具栏上找到这个svg的插件
找不到就双击shift
搜索svg2verctorDrawable
在这里插入图片描述
在这里插入图片描述
点击generate就自动在app模块下的drawable文件夹下生成xml文件

在这里插入图片描述

  • 10
    点赞
  • 30
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Android SVG (Scalable Vector Graphics) 是一种用于在 应用程序中显示可缩放矢量图形的格式。SVG 图像使用 XML 语法进行描述,可以无损地缩放和放大,而不会失去清晰度和质量。 Android 提供了一些方法来在应用程序中加载和显示 SVG 图像。最常用的方法是使用第三方库,例如 AndroidSVGSvg-androidAndroidSVG Library。这些库提供了用于解析和渲染 SVG 图像的类和方法。 要在 Android 应用程序中使用 SVG 图像,首先需要将 SVG 文件保存在项目的资源文件夹中。然后,可以使用相应的库来加载和显示 SVG 图像。通常,需要将 SVG 图像转换为 Android 可以理解和显示的格式,例如 Bitmap 或 Drawable。 以下是一个简单的示例代码,演示如何使用 AndroidSVG 库加载和显示 SVG 图像: ```java import com.caverock.androidsvg.SVG; import com.caverock.androidsvg.SVGParseException; import android.content.Context; import android.graphics.Bitmap; import android.graphics.Canvas; import android.graphics.Picture; import android.graphics.drawable.PictureDrawable; import android.widget.ImageView; public void loadSvgImage(Context context, ImageView imageView, int svgResId) { try { SVG svg = SVG.getFromResource(context, svgResId); Picture picture = svg.renderToPicture(); PictureDrawable drawable = new PictureDrawable(picture); imageView.setImageDrawable(drawable); } catch (SVGParseException e) { e.printStackTrace(); } } ``` 在上面的示例中,`loadSvgImage` 方法接收一个上下文对象、一个 ImageView 和一个指向 SVG 文件的资源 ID。它使用 AndroidSVG 库从资源中加载 SVG 图像,并将其渲染为 PictureDrawable,然后将其设置为 ImageView 的图像。 这只是一个基本示例,你可以根据自己的需求进行更多的定制和扩展。希望这能帮助你开始在 Android 应用程序中使用 SVG 图像!

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值