如何使用 Picasso 库加载远程 svg 文件

Question

我正在构建一个需要从服务器下载 svg 图像的 android 应用程序。我曾尝试以通常的方式使用毕加索，但它什么也没显示。

Picasso.get().load(url).into(imageView)

有没有办法用毕加索显示矢量图像？

Answer 1

您可以使用名为GlideToVectorYou的库，它在内部使用 Glide。

fun ImageView.loadSvg(url: String?) {
    GlideToVectorYou
        .init()
        .with(this.context)
        .setPlaceHolder(R.drawable.loading, R.drawable.actual)
        .load(Uri.parse(url), this)
}

或者您也可以使用 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")