我找到了无数的库,以便在Android中使用SVG图像,并避免令人沮丧的创建不同的分辨率和为每个分辨率删除文件。当应用程序有很多图标或图像时,这变得非常烦人。

在Android中使用SVG图像的最简单的使用库的一步一步的过程是什么?

我还使用Android Studio和Illustrator来生成我的图标和图像。


当前回答

右键单击可绘制目录,按New,然后转到Vector资产 将资产类型从剪贴画更改为本地 浏览文件 输入大小 然后单击“下一步”,然后单击“完成”

您可用的SVG图像将在可绘制目录中生成。

其他回答

而不是添加库增加你的APK文件大小,我将建议你转换SVG到可绘制使用Android SVG到VectorDrawable。

并添加vectorDrawables。useSupportLibrary = true在Gradle。

右键单击可绘制目录,按New,然后转到Vector资产 将资产类型从剪贴画更改为本地 浏览文件 输入大小 然后单击“下一步”,然后单击“完成”

您可用的SVG图像将在可绘制目录中生成。

使用Coil库加载svg。注意,这个库是建立在Kotlin协程之上的。

导入扩展库:

implementation("io.coil-kt:coil-svg:2.1.0")

并在构造组件注册表时将解码器添加到组件注册表

ImageLoader:
val imageLoader = ImageLoader.Builder(context)
    .components {
        add(SvgDecoder.Factory())
    }
    .build()

就是这样!

点击这里了解更多信息。

您可以使用Coil库来加载SVG文件。只需在build.gradle文件中添加这些行:

// ... Coil (https://github.com/coil-kt/coil)
implementation("io.coil-kt:coil:0.12.0")
implementation("io.coil-kt:coil-svg:0.12.0")

然后添加一个扩展函数:

fun AppCompatImageView.loadSvg(url: String) {
    val imageLoader = ImageLoader.Builder(this.context)
        .componentRegistry { add(SvgDecoder(this@loadSvg.context)) }
        .build()

    val request = ImageRequest.Builder(this.context)
        .crossfade(true)
        .crossfade(500)
        .data(url)
        .target(this)
        .build()

    imageLoader.enqueue(request)
}

然后在你的活动或片段中调用这个方法:

your_image_view.loadSvg("your_file_name.svg")

尝试SVG2VectorDrawable插件。点击首选项→插件→浏览插件,安装SVG2VectorDrawable。这是伟大的转换svg文件到矢量绘图。

安装完成后,您将在工具栏帮助(?)图标的右侧找到一个图标。