【Android】三行代码实现一个轮播BannerView

自己简单封装了一个带hint的轮播ViewPager,用来展示app首页的Banner,先看效果图吧。

ezgif-1-437f7aee24.gif

具体源码及demo地址

  • dependencies(依赖)
compile 'com.coldmoqiuli:banners:1.0.0'

使用起来非常方便~~2至3行代码就能实现上述效果,只要传入一个list就可以(其中是你需要展示的ImageView),当然也可以自己在这基础上添加各种Transform动画。

        bannerView = (BannerView) findViewById(R.id.banner);
        bannerView.setViewList(viewList);
        bannerView.startLoop(true);

实现原理相信大家应该都知道,就是可能懒得去封装这种东西。

具体思路:

    1. 继承自FrameLayout,在下层填充一个ViewPager
  • 2.根据ViewPager的itemCount去动态生成底部hint小圆点

           if (mLinearPosition.getChildCount() != viewSize) {
                int diffCnt = mLinearPosition.getChildCount() - viewSize;
                boolean needAdd = diffCnt < 0;
                diffCnt = Math.abs(diffCnt);
                for (int i = 0; i < diffCnt; i++) {
                    if (needAdd) {
                        ImageView img = new ImageView(getContext());
                        LinearLayout.LayoutParams layoutParams = new LinearLayout.LayoutParams(ViewGroup.LayoutParams.WRAP_CONTENT, ViewGroup.LayoutParams.WRAP_CONTENT);
                        layoutParams.rightMargin = getResources().getDimensionPixelOffset(R.dimen.dimen_9dp);
                        img.setLayoutParams(layoutParams);
                        img.setBackgroundResource(R.drawable.banner_point);
                        mLinearPosition.addView(img);
                    } else {
                        mLinearPosition.removeViewAt(0);
                    }
                }
            }
  • 3.通过Handler去控制轮播的频率,重新设置ViewPager的currentItem以及hint小圆点的背景
private static class BannerHandler extends Handler {
        private WeakReference<BannerView> weakReference = null;

        public BannerHandler(BannerView bannerView) {
            super(Looper.getMainLooper());
            this.weakReference = new WeakReference<BannerView>(bannerView);
        }

        @Override
        public void handleMessage(Message msg) {
            super.handleMessage(msg);
            if (this.weakReference == null) {
                return;
            }
            BannerView bannerView = this.weakReference.get();
            if (bannerView == null || bannerView.mViewPager == null || bannerView.mViewPager.getAdapter() == null || bannerView.mViewPager.getAdapter().getCount() <= 0) {
                sendEmptyMessageDelayed(MSG_LOOP, LOOP_INTERVAL);
                return;
            }
            int curPos = bannerView.mViewPager.getCurrentItem();
            curPos = (curPos + 1) % bannerView.mViewPager.getAdapter().getCount();
            bannerView.mViewPager.setCurrentItem(curPos);
            sendEmptyMessageDelayed(MSG_LOOP, LOOP_INTERVAL);
        }
    }
  • 4.具体细节,如无限轮播adapter的创建,handler中的弱引用,启动销毁loop等等
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 176,094评论 25 709
  • 主要思路 1.我们需要自定义一个继承自FrameLayout的布局,利用FrameLayout布-局的特性(在同一...
    ZebraWei阅读 7,124评论 0 5
  • 前言 目前市场上的APP中,轮播图可以说是很常见的。一个好的轮播图,基本上适用于所有的APP。是时候打造一个自己的...
    带心情去旅行阅读 17,528评论 15 93
  • 剧情简介二战期间,卡萨布兰卡是欧洲逃往美国的必经之地,那里鱼龙混杂,局势紧张。里克(亨佛莱•鲍嘉Humphrey ...
    Carol在路上阅读 3,921评论 0 2
  • 如果 我真的爱你 我不会 把你的照片 挂在墙上 亦不会 将你的名字 纹在身上 亲爱的 如果我爱你 我就把你深深地 ...
    易水渐寒阅读 2,726评论 1 5

友情链接更多精彩内容