RecyclerView的使用(二)

时间:2025-01-16 12:37:44

上篇博客讲了如何导入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(效果还不赖是吧  ;-)  )

RecyclerView的使用(二)  

参数是:

new LinearLayoutManager(this)

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

RecyclerView的使用(二)

参数是:

new StaggeredGridLayoutManager(5, StaggeredGridLayoutManager.HORIZONTAL)

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

RecyclerView的使用(二)

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

后面还有监听事件的编写