当前位置: 移动技术网 > 移动技术>移动开发>Android > 功能强大的Android滚动控件RecyclerView

功能强大的Android滚动控件RecyclerView

2019年07月24日  | 移动技术网移动技术  | 我要评论

recyclerview的使用比listview的使用是比较复杂的,listview的使用是五个步骤,而我们的recyclerview的使用有7个步骤,分别为:

1.在当前项目的build.gradle中的dependencies闭包中加入compile ‘com.android.support.recyclerview-v7:xx.x.x'(x是当前最新版本)
2.布局加入recyclerview控件以及创建子项布局和适配器类。
3.创建适配器
4.定义数据源
5.通过findviewbyid找recylerview列表控件
6.通过setlayoutmanager()为recylerview设置布局管理器
7.通过setadapter()设置适配器**

下面我们就利用代码或图片一一的细说每个步骤:

**第一步:在当前项目的build.gradle中的dependencies闭包中加入compile ‘com.android.support.recyclerview-v7:xx.x.x'(x是当前最新版本)。

因为android将recyclerview定义在support库中,想要使用该控件就必须要添加相应的依赖库才可以的。所以就有了第一步的操作。咱们这里介绍两种添加库依赖的方法:**

1.直接在文件中手动添加,步骤也是用手动添加

这里写图片描述

添加完成后记得保存,然后点击以下sync now进行同步。 什么?什么?sync now不知道在哪里?0.0

这里写图片描述

2.打开布局文件:

这里写图片描述
这里写图片描述

当系统添加完的时候,你会发现布局界面还是没有任何东西,别着急!这时候你在次在选项栏中拖取recyclerview控件到布局,你会发现出现以下界面,证明添加库依赖成功,可以使用recyclerview控件:

这里写图片描述 

相对第一种方法,第二种方法是比较便捷的,可以不需要手动输入和知道当前版本,较少了出错率。

第二步:布局加入recyclerview控件以及创建子项布局和适配器类。其实第一步咋们已经说过了,直接拖取控件到布局界面就行了。

- 那我们就去布局代码看看,你会在布局代码中发现如下代码片段:

这里写图片描述
小伙伴们,发现其中的特点没有?对的,就是recyclerview怎么跟咱们的button、textview等控件的头部标签写法不一样的啊?那是因为recyclerview 并不是内置在系统sdk当中,所以需要把完整的包路径名android.support.v7.widget.recyclerview写出来)。
注:直接拖取是没有生成id的,这里需要我们手动添加,如果是手动添加recyclerview的小伙伴们记得要把完成包名路径写出来。

在布局文件中我们需要创建一个recyclerview的子项布局,代码如下:

这里写图片描述 

实现的预览效果,我们在这里让界面实现左边是图片,右边是文字:

这里写图片描述

咱们创建一个fruit实体类,并添加构造器和重写get()方法:

这里写图片描述 

最后创建一个fruitadapter适配器的类,让适配器继承recyclerview.adapter,并将泛型指定为fruitadapter.viewholder。其中,viewholder是我们fruitadapter中定义的一个内部类。并重写:oncreateviewholder()、onbindviewholder()、getitemcount()3个方法。全部代码如下:

public class fruitadapter extends recyclerview.adapter<fruitadapter.viewholder> {
   //定义集合
  private list<fruit> mfruitlist;

  //利用构造器传入数据
  public fruitadapter(list<fruit> fruitlist) {
    this.mfruitlist = fruitlist;
  }

  //创建viewholder的实例
  // ①oncreateviewholder()用于创建viewholder实例,并把加载的布局传入到构造函数
  @override
  public fruitadapet.viewholder oncreateviewholder(viewgroup parent, int viewtype) {
    //由于viewholder构造器需要传入子项布局view对象,因此需要实例化子项布局
    view view = layoutinflater.from(parent.getcontext()).inflate(r.layout.activity_fruit, parent, false);
    //创建viewholder对象
    viewholder viewholder = new viewholder(view);
    //返回值
    return viewholder;

  }

  //②onbindviewholder()用于对recyclerview子项的数据进行赋值,会在每个子项被滚动到屏幕内的时候执行
  @override
  public void onbindviewholder(final fruitadapet.viewholder holder, int position) {
    //从集合中把水果对象拿出来
    fruit fruit = mfruitlist.get(position);
    //调用holder.imageview对象设置图片
    holder.imageview.setimageresource(fruit.getimageid());
    //调用holder.textview对象设置文字
    holder.textview.settext(fruit.getname());

  }

  //③getitemcount()用于知道recyclerview有多少子项
  @override
  public int getitemcount() {

    return mfruitlist.size();
  }

  //创建viewholder继承recyclerview.viewholder
  class viewholder extends recyclerview.viewholder {
    imageview imageview;
    textview textview;


    //重写viewholder
    public viewholder(view itemview) {
      super(itemview);
      //通过view对象的findviewbyid方法获取到子项布局的控件保存在成员变量当中
      imageview = (imageview) itemview.findviewbyid(r.id.imageview);

      textview = (textview) itemview.findviewbyid(r.id.textview);
    }
  }
}

以上就是适配器fruitadapter的代码,代码都有注释,相信小伙伴们都可以理解的!

最后的步骤都是在mainactivity中编写的,咱们这里就不分开一一解释了,直接贴上代码,这样更能一目了然,每个代码都有注释,相信不难理解:

3.在mainactivity中定义数据源 4定义适配器
5.通过findviewbyid找recylerview列表控件
6.通过setlayoutmanager()为recylerview设置布局管理器
7.创建适配器
8.通过setadapter()设置适配器

public class mainactivity extends appcompatactivity {
  private list<fruit> fruitlist;
  @override
  protected void oncreate(bundle savedinstancestate) {
    super.oncreate(savedinstancestate);
    setcontentview(r.layout.activity_main);

    //第三步:定义数据源,单独利用一个方法
    fruitdata();

    //第四步:创建适配器
    fruitadapet adapet = new fruitadapet(fruitlist);

    //第五步:找布局控件
    recyclerview recyclerview= (recyclerview) findviewbyid(r.id.recyclerview);

    //第六步:通过setlayoutmanager()为recylerview设置布局管理器
    //设置为垂直方向
    //水平方向的参数为:(this,linearlayoutmanager.horizontal, false);
    linearlayoutmanager linearlayoutmanager=new linearlayoutmanager(this,
        linearlayoutmanager.vertical,false);
    recyclerview.setlayoutmanager(linearlayoutmanager);

    //第七步:设置适配器
    recyclerview.setadapter(adapet);
  }

  public void fruitdata() {
    //创建一个集合保存数据
    fruitlist = new arraylist<>();
    //图片我就用了几张,然后让他循环变换而已,小伙伴可以自己增加各式的图片
    fruit apple = new fruit("苹果", r.drawable.apple);
    fruitlist.add(apple);
    fruit banana = new fruit("香蕉", r.drawable.banana);
    fruitlist.add(banana);
    fruit apple1 = new fruit("苹果", r.drawable.apple);
    fruitlist.add(apple);
    fruit banana1 = new fruit("香蕉", r.drawable.banana);
    fruitlist.add(banana);
    fruit apple2 = new fruit("苹果", r.drawable.apple);
    fruitlist.add(apple);
    fruit banana2 = new fruit("香蕉", r.drawable.banana);
    fruitlist.add(banana);
    fruit apple3 = new fruit("苹果", r.drawable.apple);
    fruitlist.add(apple);
    fruit banana3 = new fruit("香蕉", r.drawable.banana);
    fruitlist.add(banana);
    fruit apple4 = new fruit("苹果", r.drawable.apple);
    fruitlist.add(apple);
    fruit banana4 = new fruit("香蕉", r.drawable.banana);
    fruitlist.add(banana);
  }
}

好了,recyclerview的基本代码就这这样的,大家仅供参考。
其实recyclerview还有点击事件的,我这里就没有写了。如果后期小伙伴们需要可以添加上去。
其实这个也是实现瀑布流效果的代码,如果咱们想要实现瀑布流效果,只需要把子项布局设置为只显示图片(瀑布流需要使用大小不同的图片才能看出更好的效果),并调整一下布局参数就行了的。在布局设置布局管理中设置如下代码:

//第一个参数用于指定布局的列数
//第二个参数用于指定布局的排列方向
   staggeredgridlayoutmanager layoutmanager=new staggeredgridlayoutmanager(3,staggeredgridlayoutmanager.vertical);
 recyclerview.setlayoutmanager(layoutmanager);

对了运行的效果如下,可以实现上下滚动:

这里写图片描述

谢谢大家阅读,本文仅供参考,有疑问或错误请大家指出,谢谢。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持移动技术网。

如对本文有疑问, 点击进行留言回复!!

相关文章:

验证码:
移动技术网