文档章节

RecyclerView的使用(二)

我辈年轻1
 我辈年轻1
发布于 2016/11/03 19:22
字数 1321
阅读 12
收藏 1

上篇博客讲了如何导入RecyclerView 。

本章将告诉小伙伴们怎么使用RecyclerView :

第一步:在布局中使用RecyclerView并且绑定控件;

第二步:自定义Adapter;(继承自RecyclerView.Adapter)

第三步:使用LinerLayoutManager控制显示样式;

(二、三顺序可调)

 

第一步:

在布局中使用:

<android.support.v7.widget.RecyclerView
        android:id="@+id/recycleview"
        android:layout_width="match_parent"
        android:layout_height="match_parent">

 </android.support.v7.widget.RecyclerView>

控件的绑定很简单就不说了。

下面要编写需要展示的item的样式,为了简单我们就显示一个TextView,别的内容大家可以自己定制:

<?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="70dp"
    android:background="#ff00ff"
    android:layout_margin="2dp"
    android:orientation="vertical">

    <TextView
        android:id="@+id/recycle_tv"
        android:textSize="20dp"
        android:gravity="center"
        android:layout_width="72dp"
        android:layout_height="match_parent" />
</LinearLayout>

布局的内容很也简单,唯一需要注意的是因为是为item布局所以高度千万不能设置成match_parent,一定要固定一个高度。

创建一些文字内容填充item(模拟从网络取来的数据)

private void initdata() {
        mData = new ArrayList<String>();
        for (int i = 0; i < 43; i++) {
            mData.add("item" + i);
            Log.i(TAG, "initdata: item" + i);
        }
    }

mData是数据源(在前面定义过了)。

绑定控件并控制RecyclerView的显示效果:

private void initview() {

        mRecycleView = (RecyclerView) findViewById(R.id.recycleview);

        myAdapter = new MyAdapter(this, mData);
        mRecycleView.setAdapter(myAdapter);//设置适配器


        //设置布局管理器 , 将布局设置成纵向
        LinearLayoutManager linerLayoutManager = new LinearLayoutManager(this, LinearLayoutManager.VERTICAL, false);
        mRecycleView.setLayoutManager(linerLayoutManager);

        //设置分隔线
        //mRecycleView.addItemDecoration(new DividerItemDecoration(this , DividerItemDecoration.VERTICAL_LIST));

        //设置增加或删除条目动画
        mRecycleView.setItemAnimator(new DefaultItemAnimator());

    }

细心的你一定发现了

MyAdapter这个方法根本没定义,没错这个就是我们需要自定义的适配器。

mRecycleView.setLayoutManager()

这个方法用来控制RecyclerView显示的样式,参数就是可选的样式:

参数是: 

new GridLayoutManager(this, 3)

显示成一个拥有三列的GridView(效果还不赖是吧  ;-)  )

  

参数是:

new LinearLayoutManager(this)

显示成一个垂直列表(ListView样式)

参数是:

new StaggeredGridLayoutManager(5, StaggeredGridLayoutManager.HORIZONTAL)

横向显示((⊙o⊙)… 跟我想的有点不一样,应该是哪里出问题了。。。)

 

Adapter的编写:

package com.guwei.a02recycleview;

import android.content.Context;
import android.support.v7.widget.RecyclerView;
import android.util.Log;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.TextView;

import java.util.List;

/**
 * Created by guwei on 16-7-28.
 */
public class MyAdapter extends RecyclerView.Adapter<MyViewHolder>{
    private LayoutInflater inflater;
    private Context mContext;
    private List<String> mDatas;

    //创建构造参数
    public MyAdapter(Context context , List<String> datas){
        this.mContext = context;
        this.mDatas = datas;
        inflater = LayoutInflater.from(context);
    }

    //创建ViewHolder
    @Override
    public MyViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
        View view = inflater.inflate(R.layout.recycleview_item , parent , false);
        MyViewHolder viewHolder = new MyViewHolder(view);
        return viewHolder;
    }

    //绑定ViewHolder
    @Override
    public void onBindViewHolder(MyViewHolder holder, int position) {
        //为textview 赋值
        holder.tv.setText(mDatas.get(position));
    }


    @Override
    public int getItemCount() {
        //Log.i("TAG", "mDatas "+mDatas);

        return mDatas.size();

    }

    //新增item
    public void addData(int pos){
        mDatas.add("新增");
        notifyItemInserted(pos);
    }

    //移除item
    public void deleateData(int pos){
        mDatas.remove(pos);
        notifyItemRemoved(pos);
    }
}
class MyViewHolder extends RecyclerView.ViewHolder{

    TextView tv;

    public MyViewHolder(View itemView) {
        super(itemView);

        tv = (TextView) itemView.findViewById(R.id.recycle_tv);
        tv.setTextSize(20);

    }
}

Adapter的编写主要是要继承自 RecyclerView.Adapter<holder>

看到啦?原来继承BaseAdapter的时候还是建议使用ViewHolder的方法的。现在已经直接集成在RecyclerView.Adapter<holder>中了强制使用(这也是为你好!因为这样更省资源,不需要每次都使用find方法。这个不是本次重点)。

然后重写三个方法:

  - onCreateViewHolder() //创建ViewHolder 该方法下指定我们自己定义的item 并绑定

  - onBindViewHolder()    //绑定ViewHolder 该方法为绑定的自定义的item中的组件进行设置(比如我们例子中的TextView , 使用set方法设置显示的内容)

  - getItemCount()    //返回数据的大小

//创建ViewHolder
    @Override
    public MyViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
        View view = inflater.inflate(R.layout.recycleview_item , parent , false);
        MyViewHolder viewHolder = new MyViewHolder(view);
        return viewHolder;
    }

    //绑定ViewHolder
    @Override
    public void onBindViewHolder(MyViewHolder holder, int position) {
        //为textview 赋值
        holder.tv.setText(mDatas.get(position));
    }


    @Override
    public int getItemCount() {
        //Log.i("TAG", "mDatas "+mDatas);

        return mDatas.size();

    }

前面说了ViewHolder是强制使用的,用法跟原来一样:

class MyViewHolder extends RecyclerView.ViewHolder{

    TextView tv;

    public MyViewHolder(View itemView) {
        super(itemView);

        tv = (TextView) itemView.findViewById(R.id.recycle_tv);
        tv.setTextSize(20);

    }
}

RecyclerView还提供了一个删除item的动画,我们可以在adapter中实现该方法供调用:

//新增item
    public void addData(int pos){
        mDatas.add("新增");
        notifyItemInserted(pos);
    }

    //移除item
    public void deleateData(int pos){
        mDatas.remove(pos);
        notifyItemRemoved(pos);
    }

调用的方法:

移除:

myAdapter.deleateData(1);

新增:

myAdapter.addData(1);

参数为postion

 

MainActivity.java :

package com.guwei.a02recycleview;

import android.os.Bundle;
import android.support.design.widget.FloatingActionButton;
import android.support.design.widget.Snackbar;
import android.support.v7.app.AppCompatActivity;
import android.support.v7.widget.DefaultItemAnimator;
import android.support.v7.widget.GridLayoutManager;
import android.support.v7.widget.LinearLayoutManager;
import android.support.v7.widget.RecyclerView;
import android.support.v7.widget.StaggeredGridLayoutManager;
import android.support.v7.widget.Toolbar;
import android.util.Log;
import android.view.View;
import android.view.Menu;
import android.view.MenuItem;

import java.util.ArrayList;
import java.util.List;

public class MainActivity extends AppCompatActivity {

    public String TAG = "RECYCLE";
    private RecyclerView mRecycleView;
    private List<String> mData;
    private MyAdapter myAdapter;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);


        initdata();
        initview();
        toolbar();
    }

    private void initdata() {
        mData = new ArrayList<String>();
        for (int i = 0; i < 43; i++) {
            mData.add("item" + i);
            Log.i(TAG, "initdata: item" + i);
        }
    }

    private void initview() {

        mRecycleView = (RecyclerView) findViewById(R.id.recycleview);

        myAdapter = new MyAdapter(this, mData);
        mRecycleView.setAdapter(myAdapter);//设置适配器


        //设置布局管理器 , 将布局设置成纵向
        LinearLayoutManager linerLayoutManager = new LinearLayoutManager(this, LinearLayoutManager.VERTICAL, false);
        mRecycleView.setLayoutManager(linerLayoutManager);

        //设置分隔线
        //mRecycleView.addItemDecoration(new DividerItemDecoration(this , DividerItemDecoration.VERTICAL_LIST));

        //设置增加或删除条目动画
        mRecycleView.setItemAnimator(new DefaultItemAnimator());

    }

    private void toolbar() {

        Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);
        setSupportActionBar(toolbar);

        FloatingActionButton fab = (FloatingActionButton) findViewById(R.id.fab);
        fab.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                myAdapter.addData(1);
            }
        });
    }

    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        // Inflate the menu; this adds items to the action bar if it is present.
        getMenuInflater().inflate(R.menu.menu_main, menu);
        return true;
    }

    @Override
    public boolean onOptionsItemSelected(MenuItem item) {
        // Handle action bar item clicks here. The action bar will
        // automatically handle clicks on the Home/Up button, so long
        // as you specify a parent activity in AndroidManifest.xml.
        int id = item.getItemId();

        switch (id) {
            case R.id.action_gridview:
                /**
                 * GridLayoutManager(xx1 , xx2);
                 * 参数1: content
                 * 参数2: 列数
                 * **/
                mRecycleView.setLayoutManager(new GridLayoutManager(this, 3));
                break;
            case R.id.action_listview:
                /**
                 * 默认样式
                 *
                 * 垂直列表
                 * **/
                mRecycleView.setLayoutManager(new LinearLayoutManager(this));
                break;
            /**
             *水平显示
             *
             * 参数1:列数
             * 参数2:水平显示
             * **/
            case R.id.action_settings:
                mRecycleView.setLayoutManager(new StaggeredGridLayoutManager(5,
                        StaggeredGridLayoutManager.HORIZONTAL));
                break;
        }
        return super.onOptionsItemSelected(item);
    }
}

后面还有监听事件的编写

本文转载自:http://www.cnblogs.com/wobeinianqing/p/5719514.html

下一篇: PHP 异常
我辈年轻1
粉丝 1
博文 85
码字总数 0
作品 0
南京
程序员
私信 提问
RecyclerView混合布局

RecyclerView对于每一个学习安卓的人来说已不再陌生,RecyclerView的使用场景非常多例如多种样式的列表,宫格和列表同时存在,分类列表即新闻浏览、淘宝页面和通讯录。这些我们经常看到的布局...

什么都不懂的小石
2017/10/29
0
0
赵彦军/RecyclerView

RecyclerView RecyclerView不再负责显示工作,用法比ListView更解耦。和ListView不一样的是,RecyclerView不再负责Item的摆放等显示方面的功能。所有和布局、绘制等方面的工作Google都其拆分成...

赵彦军
2016/12/02
0
0
Android Room联合AsyncListUtil实现RecyclerView分页加载ORM数据

Android Room联合AsyncListUtil实现RecyclerView分页加载ORM数据 我之前写了一系列关于AsyncListUtil实现RecyclerView和ListView的分页加载机制和技术路线,见附录文章4,5。同时也写了一些列...

zhangphil
2017/11/29
0
0
基于Android官方AsyncListUtil优化经典ListView分页加载机制(二)

基于Android官方AsyncListUtil优化经典ListView分页加载机制(二) 我写的附录文章1,介绍了如何使用Android官方的分页加载框架AsyncListUtil优化改进常见的RecyclerView分页加载实现。Async...

zhangphil
2017/11/27
0
0
RecyclerView滚动定位item,并使item置顶显示

前言 在android开发过程中,我们经常会遇到需要将列表展示的数据定位到某个具体的item,并将此item在列表中置顶展示的需求。那么,今天就来讲讲RecyclerView实现置顶显示某个具体的item的实现...

奔跑的佩恩
08/27
0
0

没有更多内容

加载失败,请刷新页面

加载更多

x002-语言元素

变量命令规则 硬性规则: 变量名由字母(广义的Unicode字符,不包括特殊字符)、数字和下划线构成,数字不能开头。 大小写敏感(大写的a和小写的A是两个不同的变量)。 不要跟关键字(有特殊...

伟大源于勇敢的开始
今天
4
0
nginx反向代理配置

nginx配置文件位置/usr/local/nginx/conf/nginx.conf 配置文件修改: # cd /usr/local/nginx/conf # vim nginx.conf server {listen 80;server_name localhost;#charset k......

行者终成事
今天
5
0
OSChina 周日乱弹 —— 这是假的,和我之前的不一样

Osc乱弹歌单(2019)请戳(这里) 【今日歌曲】 小小编辑推荐:《男孩》-梁博 / 陶孟童 / 肖和东 / 高誉容 《男孩》-梁博 / 陶孟童 / 肖和东 / 高誉容 手机党少年们想听歌,请使劲儿戳(这里...

小小编辑
今天
8
0
Rust学习笔记一 数据类型

写在前面 我也不是什么特别厉害的大牛,学历也很低,只是对一些新语言比较感兴趣,接触过的语言不算多也不算少,大部分也都浅尝辄止,所以理解上可能会有一些偏差。 自学了Java、Kotlin、Python、...

MusiCodeXY
今天
5
0
Java 脚本引擎入门

Java Script Engine Java 脚本引擎可以将脚本嵌入Java代码中,可以自定义和扩展Java应用程序,自JDK1.6被引入,基于Rhino引擎,JDK1.8后使用Nashorn引擎,支持ECMAScript 5,但后期还可能会换...

阿提说说
今天
6
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部