Android如何自定义Banner轮播效果

这篇文章主要介绍Android如何自定义Banner轮播效果，文中介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们一定要看完！

比如网站制作公司哪家好，找创新互联公司！从网页设计、网站建设、微信开发、APP开发、成都响应式网站建设公司等网站项目制作，到程序开发，运营维护。创新互联公司自2013年起到现在10年的时间，我们拥有了丰富的建站经验和运维经验，来保证我们的工作的顺利进行。专注于网站建设就选创新互联公司。

具体内容如下

自定义View布局

自定义View主体内容

public class CustomBanner extends FrameLayout {

  @BindView(R.id.banner_view_pager)
  ViewPager bannerViewPager;
  @BindView(R.id.linear_bannner)
  LinearLayout linearBannner;
  private List 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 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 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 list;
    private Context context;

    public LunBoAdapter(Context context, List 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();
  }
}

小圆点shape

在Main中运行

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 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 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 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();
        }
      }
    });

            }
          });

        }
      }
    });

  }
}

WebView页面

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);
  }
}

以上是“Android如何自定义Banner轮播效果”这篇文章的所有内容，感谢各位的阅读！希望分享的内容对大家有帮助，更多相关知识，欢迎关注创新互联行业资讯频道！

标题名称：Android如何自定义Banner轮播效果
转载来于：http://chengdu.cdxwcx.cn/article/ihgpgs.html

甜橘子，专注成都网站制作网站设计与营销型网站建设与优化

首页

网站建设

网站制作案例

解决方案

网站设计报价

网站制作动态

关于我们

联系我们

成都网站建设设计将想法与焦点和您一起共享

Android如何自定义Banner轮播效果

其他资讯

Java源代码的编译器 java编译器将java源程序编译成什么

阿里云服务器远程拷文件阿里云服务器复制

sap系统kab是什么的简单介绍

阿里云服务器win镜像怎么选择阿里云服务器 windows

linux一句话命令 linux命令行怎么用

甜橘子，专注成都网站制作网站设计与营销型网站建设与优化

成都网站建设设计 将想法与焦点和您一起共享

Android如何自定义Banner轮播效果

其他资讯

Java源代码的编译器 java编译器将java源程序编译成什么

阿里云服务器远程拷文件 阿里云服务器复制

sap系统kab是什么的简单介绍

阿里云服务器win镜像怎么选择 阿里云服务器 windows

linux一句话命令 linux命令行怎么用

成都网站建设设计将想法与焦点和您一起共享

阿里云服务器远程拷文件阿里云服务器复制

阿里云服务器win镜像怎么选择阿里云服务器 windows