当前位置: 首页 > 编程笔记 >

Android实现轮播效果的两种方法

长孙弘壮
2023-03-14
本文向大家介绍Android实现轮播效果的两种方法,包括了Android实现轮播效果的两种方法的使用技巧和注意事项,需要的朋友参考一下

实现轮播效果有2种方法:

(1)使用ViewPager+ImageView,通过Handler进行间隔发送消息,实现自动轮播效果

xml代码:

<android.support.v4.view.ViewPager
    android:id="@+id/fragment_viewPager"
    android:layout_width="match_parent"
    android:layout_height="200dp" />

 private Handler handler=new Handler(){
    @Override
    public void handleMessage(Message msg) {
      super.handleMessage(msg);
      list= (List<BannerBean>) msg.obj;
      //进行下载图片
      for (int i = 0; i < 3; i++) {
        Picasso.with(getActivity()).load(list.get(i).getImgs()).resize(640,400).into(imgs.get(i));
      }
      //展示图片
      MyAdapter adapter=new MyAdapter();
      viewPager.setAdapter(adapter);
    }
  };
  private Handler handler2=new Handler(){
    @Override
    public void handleMessage(Message msg) {
      super.handleMessage(msg);
      //获取当前viewPager的位置
      int pos=viewPager.getCurrentItem();
      //如果是最后一张图片就进行设置为第一张,实现循环
      if(pos==imgs.size()-1){
        pos=0;
       //否则进行下一张图片展示
      }else{
        pos++;
      }
      //设置viewPager的位置
      viewPager.setCurrentItem(pos);
      //定时发送消息
      handler2.sendEmptyMessageDelayed(1,2000);
    }
  };
   @Override
  public View onCreateView(LayoutInflater inflater, ViewGroup container,
               Bundle savedInstanceState) {
    View view=inflater.inflate(R.layout.fragment_recreation, container, false);
    initview(view);
    load();
    //发送消息给handler2,实现自动轮播
    handler2.sendEmptyMessageDelayed(1,2000);
    initListener();
    return view;
  }
   private void load() {
    //下载图片地址
    new Thread(){
      @Override
      public void run() {
        super.run();
        String json= Utils.getJsonFromNet(ContentUrls.headLine_head+0);
        if(!TextUtils.isEmpty(json)){
          List<BannerBean>data= ParserBanner.getData(json);
          Message msg=new Message();
          msg.obj=data;
          handler.sendMessage(msg);
        }
      }
    }.start();
    data=new ArrayList<>();
    headlineAdapter=new HeadlineAdapter(data,getActivity());
    lv.setAdapter(headlineAdapter);
    new MyAsyncTask(data,headlineAdapter).execute(ContentUrls.headLine_head+num);

  }
  private void initview(View view) {
    lv = ((ListView) view.findViewById(R.id.lv));
    headerView = LayoutInflater.from(getActivity()).inflate(R.layout.header_layout,null,false);
    viewPager = ((ViewPager)headerView.findViewById(R.id.fragment_viewPager));
    lv.addHeaderView(headerView);
    list=new ArrayList<>();
    imgs=new ArrayList<>();
    for (int i = 0; i < 3; i++) {
      ImageView iv=new ImageView(getActivity());
      imgs.add(iv);
    }

  }

adapter:

 class MyAdapter extends PagerAdapter{

    @Override
    public int getCount() {
      return imgs.size();
    }

    @Override
    public boolean isViewFromObject(View view, Object object) {
      return view==object;
    }

    @Override
    public Object instantiateItem(ViewGroup container, int position) {
      container.addView(imgs.get(position));
      return imgs.get(position);
    }

    @Override
    public void destroyItem(ViewGroup container, int position, Object object) {
//      super.destroyItem(container, position, object);
      container.removeView(imgs.get(position));
    }
  }

(2)使用SliderLayout第三方进行实现轮播

添加依赖:

  compile 'com.squareup.picasso:picasso:2.5.2'
  compile 'com.daimajia.slider:library:1.1.5@aar'
  compile 'com.nineoldandroids:library:2.4.0'

xml代码:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  android:layout_width="match_parent"
  android:layout_height="match_parent">
  <com.daimajia.slider.library.SliderLayout
    android:id="@+id/header_slider"
    android:layout_width="match_parent"
    android:layout_height="160dp"></com.daimajia.slider.library.SliderLayout>
</LinearLayout>

Java代码:

private ListView lv;
  private String[] title={"烟","超标","标准","审车合格"};
  private int[] imgs={R.mipmap.a,R.mipmap.b,R.mipmap.c,R.mipmap.d};
  private SliderLayout slider;
 @Override
  public View onCreateView(LayoutInflater inflater, ViewGroup container,
               Bundle savedInstanceState) {
    View view=inflater.inflate(R.layout.fragment_home_page, container, false);
    lv = ((ListView) view.findViewById(R.id.homePage_lv));
    View headerView=LayoutInflater.from(getActivity()).inflate(R.layout.header_layout,null,false);
    slider = ((SliderLayout) headerView.findViewById(R.id.header_slider));
    lv.addHeaderView(headerView);
    initSlider();
    initData();
    return view;
  }

  private void initSlider() {
    for (int i = 0; i < 4; i++) {
      TextSliderView textSlider=new TextSliderView(getActivity());
      textSlider.image(imgs[i]).description(title[i]);
      slider.addSlider(textSlider);
      textSlider.setOnSliderClickListener(new BaseSliderView.OnSliderClickListener() {
        @Override
        public void onSliderClick(BaseSliderView slider) {
          Toast.makeText(getActivity(),slider.getDescription(),Toast.LENGTH_SHORT).show();
        }
      });
    }
  }

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持小牛知识库。

 类似资料:
  • 本文向大家介绍Android ViewPager实现轮播图效果,包括了Android ViewPager实现轮播图效果的使用技巧和注意事项,需要的朋友参考一下 先上一张效果图: 说到ViewPager实现轮播图效果,那么肯定会用到PagerAdapter,下面先介绍下这个类。 PagerAdapter简介 PagerAdapter是Android.support.v4包中的类,是一个抽象类,直接继

  • 本文向大家介绍Swiper实现轮播图效果,包括了Swiper实现轮播图效果的使用技巧和注意事项,需要的朋友参考一下 本文实例为大家分享了Swiper实现轮播图效果的具体代码,供大家参考,具体内容如下 最后 别忘了再打这些东西之前要引Swiper.css和Swiper.js插件哦! 以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持呐喊教程。

  • 本文向大家介绍jquery实现轮播图效果,包括了jquery实现轮播图效果的使用技巧和注意事项,需要的朋友参考一下 效果如下: 代码如下: 以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持呐喊教程!

  • 本文向大家介绍flutter实现轮播图效果,包括了flutter实现轮播图效果的使用技巧和注意事项,需要的朋友参考一下 本文实例为大家分享了Android九宫格图片展示的具体代码,供大家参考,具体内容如下 1 添加依赖库 2 普通常用 圆点指示器自动轮播图 3 自定圆点分页指示器 效果 4 自定数字 分页指示器 效果 以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持呐喊教程。

  • 本文向大家介绍jQuery焦点图轮播效果实现方法,包括了jQuery焦点图轮播效果实现方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了jQuery焦点图轮播效果实现方法。分享给大家供大家参考,具体如下: 前面一篇《JS实现焦点图轮播效果的方法详解》详细介绍了JS实现焦点图轮播效果的步骤,这里来分析一下jQuery的相关实现技巧。 核心代码如下: 和js的区别:用.animate()方法

  • 本文向大家介绍jquery实现焦点轮播效果,包括了jquery实现焦点轮播效果的使用技巧和注意事项,需要的朋友参考一下 HTML代码 css代码 JavaScript代码 以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持呐喊教程!