Android 实现图片轮播(仿淘宝首页商品轮播展示)

一  引用依赖

 //    图片轮播图
    implementation 'com.github.dongjunkun:BannerLayout:1.0.6'

二 创建图片加载工具类
 

public class GlideImageLoader  implements BannerLayout.ImageLoader {
    @Override
    public void displayImage(Context context, String path, ImageView imageView) {
        Glide.with(context).load(path).centerCrop().into(imageView);
    }
}

三 在layout中引用

 <com.yyydjk.library.BannerLayout
        android:id="@+id/mBanner"
        android:layout_width="match_parent"
        android:layout_height="200dp"
        app:autoPlayDuration="2000"
        app:indicatorMargin="10dp"
        app:indicatorPosition="rightBottom"
        app:indicatorShape="oval"
        app:indicatorSpace="3dp"
        app:isAutoPlay="true"
        app:scrollDuration="600"
        app:selectedIndicatorColor="?attr/colorPrimary"
        app:selectedIndicatorHeight="6dp"
        app:selectedIndicatorWidth="6dp"
        app:unSelectedIndicatorColor="#99ffffff"
        app:unSelectedIndicatorHeight="6dp"
        app:unSelectedIndicatorWidth="6dp" />

补充:

autoPlayDuration  自动播放间隔时间 

indicatorMargin  每个指示器之间的间隔

indicatorPosition  指示器的显示位置 我这里设置的是右下角

indicatorShape 指示器的形状 我这里设置的是圆形 也可以设置方形(rect)也可以是其他 根据项目所需

四 在Activity中引用

 final List<String> imgUrls = new ArrayList<>();
        imgUrls.add("");
        imgUrls.add("");
        imgUrls.add("");
      //添加需要展示的图片的url
        mBanner.setImageLoader(new GlideImageLoader());//设置加载器
        mBanner.setViewUrls(imgUrls);绑定图片资源


//添加点击监听
        bannerLayout.setOnBannerItemClickListener(new BannerLayout.OnBannerItemClickListener() {
            @Override
            public void onItemClick(int position) {
                Toast.makeText(getContext(), String.valueOf(position), Toast.LENGTH_SHORT).show();
            }
        });
    }

到这里就实现了图片的轮播

引用了https://github.com/dongjunkun/BannerLayout进行了自己整理和论述

  • 0
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值