Android 广告轮播图(最简单的实现)

本篇文章主要介绍的是图片的轮播图实现。我们先来看看最后的实现效果。

抱歉,这里最后的GIF图是通过视频转换来的。最后的效果图有了,那么接下来就开始具体的实现。

首先,添加依赖

//图片轮播框架
    implementation 'com.youth.banner:banner:1.4.10'
    //glide,比较好的版本,Matisse版本,配合glide3.7.0,因为后面的glide版本没有了asbitmap等方法
    implementation 'com.github.bumptech.glide:glide:3.7.0'

接着,由于播放图片网上下载的,需要网络的权限

<uses-permission android:name="android.permission.INTERNET" />

正文

首先,我们自定义一个GlideImageLoader,继承于ImageLoader,来加载图片。

package cn.xie.fingerprinttest.util;

import android.content.Context;
import android.widget.ImageView;

import com.bumptech.glide.Glide;
import com.youth.banner.loader.ImageLoader;

/**
 * @author xiejinbo
 * @date 2019/11/18 0018 13:43
 */
public class GlideImageLoader extends ImageLoader {
    @Override
    public void displayImage(Context context, Object path, ImageView imageView) {
        //Glide 加载图片简单用法
        Glide
                .with(context)
                .load(path)
                .centerCrop()
                .into(imageView);
    }
}

然后就是最后的代码实现了。这里的轮播图片我是用的路径,各位在自己用的时候换成你们自己接口获取到的图片路径即可。

 /**
     * 广告轮播
     */
    private void initBanner() {

        List images = new ArrayList();
        images.add("http://image14.m1905.cn/uploadfile/2018/0907/thumb_1_1380_460_20180907013518839623.jpg");
        images.add("http://image14.m1905.cn/uploadfile/2018/0906/thumb_1_1380_460_20180906040153529630.jpg");
        images.add("http://image13.m1905.cn/uploadfile/2018/0907/thumb_1_1380_460_20180907114844929630.jpg");

        Banner banner = (Banner) findViewById(R.id.banner);
        //设置图片加载器
        banner.setImageLoader(new GlideImageLoader());
        //设置图片集合
        banner.setImages(images);
        //banner设置方法全部调用完毕时最后调用
        banner.start();

        banner.setOnBannerListener(new OnBannerListener() {
            @Override
            public void OnBannerClick(int position) {
                Toast.makeText(MainActivity.this, "position"+position, Toast.LENGTH_SHORT).show();
            }
        });
    }

你可能感兴趣的:(Android)