Android自定义Banner轮播效果

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"  android:layout_width="match_parent"  android:layout_height="wrap_content">  <android.support.v4.view.ViewPager    android:id="@+id/banner_view_pager"    android:layout_width="match_parent"    android:layout_height="200dp">  </android.support.v4.view.ViewPager>  <LinearLayout    android:id="@+id/linear_bannner"    android:layout_centerHorizontal="true"    android:layout_alignBottom="@+id/banner_view_pager"    android:layout_marginBottom="10dp"    android:orientation="horizontal"    android:layout_width="wrap_content"    android:layout_height="wrap_content">  </LinearLayout></RelativeLayout>

public class CustomBanner extends FrameLayout {  @BindView(R.id.banner_view_pager)  ViewPager bannerViewPager;  @BindView(R.id.linear_bannner)  LinearLayout linearBannner;  private List<String> list;  private int time = 2;  private Handler handler = new Handler() {    @Override    public void handleMessage(Message msg) {      if (msg.what == 0) {        int currentItem = bannerViewPager.getCurrentItem();        bannerViewPager.setCurrentItem(currentItem + 1);        //再次发送        sendEmptyMessageDelayed(0, time * 1000);      }    }  };  private List<ImageView> listDoc;  private OnClickLisner onClickLisner;  public CustomBanner(@NonNull Context context) {    super(context);    init();  }  public CustomBanner(@NonNull Context context, @Nullable AttributeSet attrs) {    super(context, attrs);    init();  }  public CustomBanner(@NonNull Context context, @Nullable AttributeSet attrs, int defStyleAttr) {    super(context, attrs, defStyleAttr);    init();  }  /**   * 初始化   */  private void init() {    View view = View.inflate(getContext(), R.layout.bannner_layout, this);    ButterKnife.bind(this, view);  }  /**   * 对外提供设置image路径的方法   */  public void setImageUrls(List<String> list) {    this.list = list;    if (list == null) {      return;    }    //设置适配器    LunBoAdapter lunBoAdapter = new LunBoAdapter(getContext(), list);    bannerViewPager.setAdapter(lunBoAdapter);    initDoc();    //显示中间某个位置    bannerViewPager.setCurrentItem(list.size() * 10000);    //使用handler自动轮播    handler.sendEmptyMessageDelayed(0, time * 1000);    //状态改变的监听事件    bannerViewPager.addOnPageChangeListener(new ViewPager.OnPageChangeListener() {      @Override      public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {      }      @Override      public void onPageSelected(int position) {        //在选中某一页的时候,切换小圆点的背景        for (int i = 0; i < listDoc.size(); i++) {          if (position % listDoc.size() == i) {            listDoc.get(i).setBackgroundResource(R.drawable.shape_01);          } else {            listDoc.get(i).setBackgroundResource(R.drawable.shape_02);          }        }      }      @Override      public void onPageScrollStateChanged(int state) {      }    });  }  /**   * 初始化小圆点   */  private void initDoc() {    //创建一个集合,记录这些小圆点    listDoc = new ArrayList<>();    //清空布局    linearBannner.removeAllViews();    for (int i = 0; i < list.size(); i++) {      ImageView docImage = new ImageView(getContext());      if (i == 0) {        docImage.setBackgroundResource(R.drawable.shape_01);      } else {        docImage.setBackgroundResource(R.drawable.shape_02);      }      //添加到集合      listDoc.add(docImage);      //添加到线性布局      LinearLayout.LayoutParams params = new LinearLayout.LayoutParams(LinearLayout.LayoutParams.WRAP_CONTENT, LinearLayout.LayoutParams.WRAP_CONTENT);      params.setMargins(5, 0, 5, 0);      linearBannner.addView(docImage, params);    }  }  /**   * 对外提供轮播的时间   */  public void setTimeSecond(int time) {    this.time = time;  }  /**   * 点击事件   *   * @param onClickLisner   */  public void setClickListner(OnClickLisner onClickLisner) {    this.onClickLisner = onClickLisner;  }  private class LunBoAdapter extends PagerAdapter {    private List<String> list;    private Context context;    public LunBoAdapter(Context context, List<String> list) {      this.context = context;      this.list = list;    }    @Override    public int getCount() {      return Integer.MAX_VALUE;    }    @Override    public boolean isViewFromObject(View view, Object object) {      return view == object;    }    @Override    public Object instantiateItem(ViewGroup container, final int position) {      //创建imageView      ImageView imageView = new ImageView(context);      imageView.setScaleType(ImageView.ScaleType.FIT_XY);      //加载这张图片      Glide.with(context).load(list.get(position % list.size())).into(imageView);      //点击事件      imageView.setOnClickListener(new OnClickListener() {        @Override        public void onClick(View view) {          //触发          onClickLisner.onItemClick(position % list.size());        }      });      //触摸事件      imageView.setOnTouchListener(new OnTouchListener() {        @Override        public boolean onTouch(View view, MotionEvent motionEvent) {          switch (motionEvent.getAction()) {            case MotionEvent.ACTION_DOWN:              //取消handler身上的消息和回调              handler.removeCallbacksAndMessages(null);              break;            case MotionEvent.ACTION_MOVE:              handler.removeCallbacksAndMessages(null);              break;            case MotionEvent.ACTION_CANCEL:              handler.sendEmptyMessageDelayed(0, time * 1000);              break;            case MotionEvent.ACTION_UP:              handler.sendEmptyMessageDelayed(0, time * 1000);              break;          }          return false;        }      });      //添加到容器      container.addView(imageView);      //返回      return imageView;    }    @Override    public void destroyItem(ViewGroup container, int position, Object object) {      container.removeView((View) object);    }  }  public interface OnClickLisner {    void onItemClick(int position);  }}

public class CountView extends View implements View.OnClickListener {  private int count = 0;  public CountView(Context context) {    super(context);    init();  }  public CountView(Context context, @Nullable AttributeSet attrs) {    super(context, attrs);    init();  }  public CountView(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {    super(context, attrs, defStyleAttr);    init();  }  //初始化的方法  private void init() {    this.setOnClickListener(this);  }  @Override  protected void onDraw(Canvas canvas) {    super.onDraw(canvas);    Paint paint = new Paint();    paint.setColor(Color.RED);    paint.setAntiAlias(true);    paint.setStyle(Paint.Style.FILL);    //圆    canvas.drawCircle(300,300,200,paint);    paint.setColor(Color.BLACK);    paint.setTextSize(100);    String text = String.valueOf(count);    //拿到文本的宽度和高度    Rect rect = new Rect();    paint.getTextBounds(text,0,text.length(),rect);    canvas.drawText(text,300-rect.width()/2,300+rect.height()/2,paint);  }  @Override  public void onClick(View view) {    count ++;    //重新绘制    postInvalidate();  }}

<?xml version="1.0" encoding="utf-8"?><shape xmlns:android="http://schemas.android.com/apk/res/android">  <solid android:color="#00ff00"/>  <corners android:radius="10dp"/>  <size android:height="10dp" android:width="10dp"/></shape><?xml version="1.0" encoding="utf-8"?><shape xmlns:android="http://schemas.android.com/apk/res/android">  <solid android:color="#ff0000"/>  <corners android:radius="10dp"/>  <size android:height="10dp" android:width="10dp"/></shape>

public class MainActivity extends AppCompatActivity {  private CustomBanner customBanner;  @Override  protected void onCreate(Bundle savedInstanceState) {    super.onCreate(savedInstanceState);    setContentView(R.layout.activity_main);    customBanner = findViewById(R.id.custom_banner);    getDataFromNet();  }  private void getDataFromNet() {    OkHttpUtil.doGet("https://www.zhaoapi.cn/ad/getAd", new Callback() {      private List<String> list;      @Override      public void onFailure(Call call, IOException e) {      }      @Override      public void onResponse(Call call, Response response) throws IOException {        if (response.isSuccessful()){          String json = response.body().string();          final HomeBean detalBean = new Gson().fromJson(json,HomeBean.class);          list = new ArrayList<>();          List<HomeBean.DataBean> data = detalBean.getData();          for (int i = 0; i < data.size(); i++) {            String icon = data.get(i).getIcon();            list.add(icon);          }          runOnUiThread(new Runnable() {            @Override            public void run() {              //设置时间              customBanner.setTimeSecond(5);              //设置显示轮播              customBanner.setImageUrls(list);              //banner的点击跳转详情页面的事件    banner.setOnBannerListener(new OnBannerListener() {      @Override      public void OnBannerClick(int position) {        List<ShouBean.DataBean> datab = shouBean.getData();        if (datab.get(position).getType() == 0) {          Intent intent = new Intent(getActivity(), WebViewActivity.class);          intent.putExtra("databurl", datab.get(position).getUrl());          startActivity(intent);        } else {          Toast.makeText(getContext(), "即将跳转到商品详情页面", Toast.LENGTH_SHORT).show();        }      }    });            }          });        }      }    });  }}

public class WebViewActivity extends AppCompatActivity {  private WebView web_view;  @Override  protected void onCreate(Bundle savedInstanceState) {    super.onCreate(savedInstanceState);    setContentView(R.layout.activity_web_view);    web_view = findViewById(R.id.web_view);    String databurl = getIntent().getStringExtra("databurl");    web_view.loadUrl(databurl);    //webview一系列设置    web_view.setWebViewClient(new WebViewClient());//在当前应用打开,而不是去浏览器    WebSettings settings = web_view.getSettings();    settings.setJavaScriptEnabled(true);    settings.setJavaScriptCanOpenWindowsAutomatically(true);  }}