美文网首页
Glide设置RoundedCorners & CenterCr

Glide设置RoundedCorners & CenterCr

作者: 南窗云 | 来源:发表于2021-04-22 12:01 被阅读0次

问题

需要对网络图片进行圆角裁剪和居中裁剪

设置网络图片的圆角及居中裁剪

只设置圆角,如下:

    val options = RequestOptions.bitmapTransform(RoundedCorners(16.dp))

只设置居中剪裁

    // 方案一
   videoImageView = ImageView(context).apply { 
        scaleType = ImageView.ScaleType.CENTER_CROP
   }

    // 方案二
    GlideApp.with(this).load(item.fragments().media().pics()?.get(0))
        .centerCrop()
        .error(R.drawable.ic_avatar_teacher)
        .placeholder(R.drawable.ic_avatar_teacher).into(it)

两者同时设置,则最后设置的才会生效,前面的设置被覆盖。

解决方案

切圆角 & 居中裁剪

    val options =
            RequestOptions().transform(MultiTransformation(CenterCrop(), RoundedCorners(16.dp)))

注意,CenterCrop 和 RoundedCorners 的顺序,调换顺序则不生效。
先裁剪的圆角,有可能被后面的居中剪裁剪掉

完整代码如下

       // 切圆角 & CenterCrop
        val options =
            RequestOptions().transform(MultiTransformation(CenterCrop(), RoundedCorners(16.dp)))
        videoImageView?.let {
            GlideApp.with(this).load(item.fragments().media().pics()?.get(0))
                .apply(options).error(R.drawable.ic_avatar_teacher)
                .placeholder(R.drawable.ic_avatar_teacher).into(it)
        }

或者直接设置 transform ,也是可以的

  GlideApp.with(this).load(item.fragments().media().pics()?.get(0))
                .transform(CenterCrop(), RoundedCorners(16.dp)).error(R.drawable.ic_avatar_teacher)
                .placeholder(R.drawable.ic_avatar_teacher).into(it)

相关文章

  • Glide设置RoundedCorners & CenterCr

    问题 需要对网络图片进行圆角裁剪和居中裁剪 只设置圆角,如下: 只设置居中剪裁 两者同时设置,则最后设置的才会生效...

  • Android图片圆角的实现方案

    一、 参考glide的实现方法 通过RoundedCorners的Transfromation进行圆角实现,在Tr...

  • Glide4.0同时使用RoundedCorners与Cente

    Glide同时使用RoundedCorner和CenterCrop,在图片宽高与ImageView不一致对情况下,...

  • Glide 配置、缓存

    Glide 配置Glide 缓存 大致目录: 一、配置 1.1 设置 为了让 Glide 正常工作,库和应用程序需...

  • Glide加载圆角图片

    RequestOptions.bitmapTransform(new RoundedCorners(20))这个方...

  • Glide开车指南

    1、基本使用 添加Glide到你的设置中首先,添加Glide到你的工程依赖里,截止本文写作时,最新的Glide版本...

  • Glide扩展的3种使用方式

    下文将介绍Glide扩展的3种使用方式,希望对你有所帮助: 1、利用Glide清理缓存2、Glide默认配置设置 ...

  • Glide

    ImageView的scaleType设置不当,导致使用Glide时出现OOM Glide图片加载库的使用

  • Glide上手教程(译)

    系列文章索引Glide下载和设置教程(译)Glide上手教程(译) 原文链接https://bumptech.gi...

  • Android 实现圆角方式

    实现方式一:Glide glide加载圆角和centercrop的问题,采用如下方式,设置两个Transforme...

网友评论

      本文标题:Glide设置RoundedCorners & CenterCr

      本文链接:https://www.haomeiwen.com/subject/mfbxrltx.html