android中广告轮播图总结

Posted 2020-07-02 epmouse

功能点：无限轮播、指示点跟随、点击响应。实现思路：

1、指示点跟随，指示点通过代码动态添加，数量由图片数量决定。

     在viewpager的页面改变监听中，设置点的状态选择器enable，当前页时，setEnable（true），非当前页设置为false。由于图片是从网络获取，数量不定，所以此处不能使用switch写死，需要设置变量记录当前和前一个。代码如下：

           llAddPoint为添加指示点的线性布局

           prePosition为前一个位置，初始化时设为0，newPosition为当前位置 

           int newPosition =position%imageViews.size();//使用最大值来进行无限轮播，所以需要取模。
           llAddPoint.getChildAt(newPosition).setEnabled(true);
           llAddPoint.getChildAt(prePosition).setEnabled(false);
           prePosition=newPosition;

2、在activity的ondestroy方法中关闭轮播图

3、点击响应在viewpager的适配器中instantiateItem方法里设置，因为图片为网络获取，所以不能以设置id的方式设置点击事件代码：

        @Override
public Object instantiateItem(ViewGroup container, final int position) {
       ImageView iv = imageViews.get(position % imageViews.size());
       container.addView(iv);
        // 在这个方法里面设置图片的点击事件
     iv.setOnClickListener(new View.OnClickListener() {
         @Override
        public void onClick(View v) {
        // 处理跳转逻辑
          Toast.makeText(carouselActivity.this,"被点了"+position%imageViews.size(),Toast.LENGTH_SHORT).show();
         }
        });
      return iv;
}

 4、指示点使用shape画出  下面是大小5dp  ，实心的灰色圆点。

<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="oval"
    >
   <solid android:color="@android:color/darker_gray"/>
    <size android:height="5dp" android:width="5dp"/>
</shape>