一同养成写作习气!这是我参与「日新方案 4 月更文挑战」的第1天,点击检查活动详情。

SVG是什么?

svg是图片的一种格局,是一种能够缩放的矢量图形,它是运用xml格局界说的图形,这种格局其实有许多的长处那就是不失真,放大缩小图片的质量是不会改变的,并且文件的巨细,相对于咱们平常运用jpg\jpeg格局的图片小许多。好了长处就先说那么多,前面咱们说到svg是xml格局构成的,那就说明咱们能够通过代码的方式进行xml的节点解析,来进行动态修正图片(此文暂时先不评论动态修正svg)。

android中如何运用?

咱们首先要得到一个svg格局图片,网上也是有许多的资料(此文图片来历iconfont),真实找不到能够问公司的ui小姐姐。在安卓5.0以上是不需要进行装备,可直接运用。 咱们新建一个android project,然后在项目的res->drawable文件夹上右键new->Vector Asset

android中使用SVG矢量图

然后咱们进入装备矢量资源选项卡,这儿咱们能够运用图标库中默许的一些官方供给的资料(风格比较单一),当然咱们一般都是运用本地他人供给好的svg文件,如下图所示装备。

android中使用SVG矢量图

接着咱们来到布局当中,给ImageView增加这个svg格局的src即可,这儿咱们运用了第三方的PhotoView,方便咱们来进行缩放演示作用。

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">
    <com.github.chrisbanes.photoview.PhotoView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/ic_bixin"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toTopOf="parent" />
</androidx.constraintlayout.widget.ConstraintLayout>

下面附上一张运转作用图,能够看到咱们放大来看图片依旧是明晰的,不失真,赶快在项目中用起来svg吧!