Android 加载圆角的图片轮播图

最新推荐文章于 2023-12-03 20:08:02 发布

笑忘书客

最新推荐文章于 2023-12-03 20:08:02 发布

阅读量2.1k

点赞数 5

分类专栏： Android 文章标签： android Banner轮播 android 广告轮播图圆角的广告轮播图

本文链接：https://blog.csdn.net/u014714188/article/details/103296708

版权

本文介绍如何在Android中使用第三方Banner库实现带有圆角的图片轮播图，解决了直接使用Glide加载圆角图片在Banner中无效的问题。通过自定义RoundImageView和修改GlideImageLoader，实现了轮播图的圆角效果。同时，文章还指出在图片切换时可能出现直角痕迹的视觉问题，并提供了解决方案。

摘要由CSDN通过智能技术生成

图片轮播图相信大家有不会陌生，主要用于展示广告。本篇文章是基于第三方Banner框架实现图片轮播。大家可以去看看我之前的文章：Android 广告轮播图(最简单的实现)，看看是怎么基础实现。
本篇文章实在前面的文章上的补充。也许看过：Android Glide加载并显示圆角图片，这篇文章的朋友有些疑问，既然Banner也是通过Glide来加载图片的，按你之前的文章那样直接加不就显示圆角了吗。大家可以去试试，你会发现没有效果，并且图片都加载不出来了。
具体什么原理，我想应该是框架里面做了覆盖，导致我们自己调用transform失效了。按照国际惯例，我们先来看看最后的效果。界面里面包含了最上面的直角的轮播图和下面的热门风景的圆角轮播图。
在这里插入图片描述
直角轮播图大家移步我之前的文章：Android 广告轮播图(最简单的实现)。
轮播图圆角实现的原理是通过自定义的RoundImageView来继承ImageView，最后进行图片的切图，接下来我们进入正文：
首先是自定义的RoundImageView：

/**
 * @author xiejinbo
 * @date 2019/11/28 0028 13:40
 */
public class RoundImageView extends ImageView {
   


    private float width,height;

    private Context context;
    /**
     * 初始化圆角为15
     */
    private float radius= 15;

    public RoundImageView(Context context) {
   
        this(context, null);
        this.context = context;
    }

    public RoundImageView(Context context, AttributeSet attrs) {
   
        this(context, attrs, 0);
        this.context = context;
    }

    public RoundImageView(Context context, AttributeSet attrs, int defStyleAttr) {
   
        super(context, attrs, defStyleAttr);
        this.context = context;
        if (Build.VERSION.SDK_INT < 18) {
   
            setLayerType(View.LAYER_TYPE_SOFTWARE, null);
        }
    }

    @Override
    protected void onLayout(boolean changed, int left, int top, int right, int bottom) {
   
        super.onLayout(changed, left, top, right, bottom);
        width = getWidth();
        height = getHeight();
    }

    @Override
    protected void onDraw(Canvas canvas) {