Android RecyclerView控件的使用(一)

转载请注明出处： http://blog.csdn.net/xiaohao0724/article/details/62888275

RecyclerView的使用

在Android开发中我们经常会遇到展示列表的情况，在早期版本系统提供了ListView、GirdView供我们使用，今天来向大家介绍另外一个可以集ListView、GirdView和瀑布流与一身的强大控件RecyclerView。
下面我们先来看一下效果图：

RecyclerView是新增控件，使用前需要首先在build.gradle中添加support依赖库中，

dependencies {    compile fileTree(include: ['*.jar'], dir: 'libs')    testCompile 'junit:junit:4.12'    compile 'com.android.support:appcompat-v7:25.1.1'    compile 'com.android.support:recyclerview-v7:25.1.1'}

定义主页面

然后我们定义activity_main.xml文件，使用RedioGroup中的三个RadioButton切换三个Fragment来分别展示RecyclerView的ListView、GirdView和瀑布流三种模式。

<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"    xmlns:tools="http://schemas.android.com/tools"    android:layout_width="match_parent"    android:layout_height="match_parent"    android:orientation="vertical"    tools:context="com.havorld.recyclerviewdemo.MainActivity">    <RadioGroup        android:id="@+id/radioGroup"        android:layout_width="match_parent"        android:layout_height="wrap_content"        android:orientation="horizontal"        android:padding="10dp">        <RadioButton            android:id="@+id/listView"            android:layout_width="0dp"            android:layout_height="wrap_content"            android:layout_weight="1"            android:text="ListView" />        <RadioButton            android:id="@+id/girdView"            android:layout_width="0dp"            android:layout_height="wrap_content"            android:layout_weight="1"            android:text="GirdView" />        <RadioButton            android:id="@+id/wallFalls"            android:layout_width="0dp"            android:layout_height="wrap_content"            android:layout_weight="1"            android:text="WallFalls" />    </RadioGroup>    <FrameLayout        android:id="@+id/frameLayout"        android:layout_width="match_parent"        android:layout_height="match_parent" /></LinearLayout>

MainActivity.java代码实现三种模式的切换

public class MainActivity extends AppCompatActivity implements RadioGroup.OnCheckedChangeListener {    private FragmentManager fragmentManager;    @Override    protected void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(R.layout.activity_main);        RadioGroup radioGroup = $(R.id.radioGroup);        radioGroup.setOnCheckedChangeListener(this);        fragmentManager = getSupportFragmentManager();        FragmentTransaction fragmentTransaction = fragmentManager.beginTransaction();        fragmentTransaction.replace(R.id.frameLayout, new ListViewFragment()).commit();        radioGroup.check(R.id.listView);    }    protected <T extends View> T $(int id) {        //return返回view时,加上泛型T        return (T) findViewById(id);    }    @Override    public void onCheckedChanged(RadioGroup radioGroup, int i) {        switch (i) {            case R.id.listView:                fragmentManager.beginTransaction().replace(R.id.frameLayout, new ListViewFragment()).commit();                break;            case R.id.girdView:                fragmentManager.beginTransaction().replace(R.id.frameLayout, new GirdFragment()).commit();                break;            case R.id.wallFalls:                fragmentManager.beginTransaction().replace(R.id.frameLayout, new WaterFallsFragment()).commit();                break;            default:                break;        }    }}

定义抽象类BaseFragment

BaseFragment加载定义有RecyclerView控件的布局，要展示的三种模式的Fragment都要继承BaseFragment类并统一实现其中的抽象方法为控件添加Data数据

public abstract class BaseFragment extends Fragment {    protected RecyclerView recyclerView;    @Override    public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {        View view = inflater.inflate(R.layout.fragment, null);        recyclerView = (RecyclerView) view.findViewById(R.id.recyclerView);        initAdapter();        return view;    }    public abstract void initAdapter();    protected List<String> getData() {        List<String> list = new ArrayList<String>();        String[] data = Constant.data;        for (int i = 0; i < 50; i++) {            int random = new Random().nextInt(data.length);            list.add(data[random]);        }        return list;    }    protected List<String> getWallFallsData() {        List<String> list = new ArrayList<String>();        String[] data = Constant.data;        StringBuilder builder;        for (int i = 0; i < 50; i++) {            builder = new StringBuilder();            int random = new Random().nextInt(data.length);            for (int j = 0; j < new Random().nextInt(15)+5; j++) {                builder.append(data[random] + "\n");            }            list.add(builder.toString());        }        return list;    }}

定义有RecyclerView的fragment.xml布局

<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"    xmlns:tools="http://schemas.android.com/tools"    android:layout_width="match_parent"    android:layout_height="match_parent"    android:orientation="vertical"    tools:context="com.havorld.recyclerviewdemo.MainActivity">    <android.support.v7.widget.RecyclerView        android:id="@+id/recyclerView"        android:layout_width="match_parent"        android:layout_height="wrap_content" /></LinearLayout>

RecyclerView可以通过设置setLayoutManager实现三种不同的展示形式，可设置为LinearLayoutManager(ListView形式)，GridLayoutManager(GirdView形式)，StaggeredGridLayoutManager(瀑布流形式)；每一种LayoutManager又可以通过设置setOrientation来设置是横向滑动还是垂直滑动

实现RecyclerView的不同模式

RecyclerView的ListView展示模式

public class ListViewFragment extends BaseFragment {    @Override    public void initAdapter() {        LinearLayoutManager linearLayoutManager = new LinearLayoutManager(getActivity());        //LinearLayoutManager.VERTICAL 垂直滑动，LinearLayoutManager.HORIZONTAL 水平滑动        linearLayoutManager.setOrientation(LinearLayoutManager.VERTICAL);        //也可在创建LinearLayoutManager的时候直接设置滑动方向,最后一个参数 reverseLayout表示是否逆序排列展示        //LinearLayoutManager linearLayoutManager = new LinearLayoutManager(getActivity(), LinearLayoutManager.HORIZONTAL, false);        //设置RecyclerView的展示模式        recyclerView.setLayoutManager(linearLayoutManager);        MyAdapter myAdapter = new MyAdapter(getActivity(), getData());        recyclerView.setAdapter(myAdapter);        myAdapter.setOnItemClickListener(new MyAdapter.OnItemClickLitener() {            @Override            public void onItemClick(View view, int position) {                Toast.makeText(getActivity(), "点击了Item：" + position, Toast.LENGTH_SHORT).show();            }        });    }}

新建MyAdapter类并在其中创建MyViewHolder继承ViewHolder，然后再将MyAdapte继承RecyclerView.Adapte并设置泛型为MyAdapter中的MyViewHolder。RecyclerView中没有实现回调，所以最后要自己手动实现回调方法。

public class MyAdapter extends RecyclerView.Adapter<MyAdapter.MyViewHolder> {    private Context context;    private List<String> list;    private OnItemClickLitener onItemClickLitener;    public MyAdapter(Context context, List<String> list) {        this.context = context;        this.list = list;    }    @Override    public MyViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {        View view = LayoutInflater.from(context).inflate(R.layout.item_list_gird,                parent, false);        MyViewHolder holder = new MyViewHolder(view);        return holder;    }    @Override    public void onBindViewHolder(final MyViewHolder holder, int position) {        holder.textView.setText(list.get(position));        holder.itemView.setOnClickListener(new View.OnClickListener() {            @Override            public void onClick(View view) {                int position = holder.getAdapterPosition();                onItemClickLitener.onItemClick(holder.itemView, position);            }        });        holder.textView.setOnClickListener(new View.OnClickListener() {            @Override            public void onClick(View view) {                int position = holder.getAdapterPosition();                Toast.makeText(context, "点击了TextView：" + position, Toast.LENGTH_SHORT).show();            }        });    }    @Override    public int getItemCount() {        return list.size();    }    class MyViewHolder extends ViewHolder {        private TextView textView;        public MyViewHolder(View view) {            super(view); //这个view就是Item的View            textView = (TextView) view.findViewById(R.id.textView);        }    }    public interface OnItemClickLitener {        void onItemClick(View view, int position);    }    /**     * 点击Item回调     *     * @param onItemClickLitener     */    public void setOnItemClickListener(OnItemClickLitener onItemClickLitener) {        this.onItemClickLitener = onItemClickLitener;    }}

Item的布局item_list_gird.xml

<?xml version="1.0" encoding="utf-8"?><FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"    android:layout_width="match_parent"    android:layout_height="wrap_content"    android:layout_margin="1dp"    android:background="@drawable/item_bg">    <TextView        android:id="@+id/textView"        android:layout_width="wrap_content"        android:layout_height="100dp"        android:layout_gravity="center"        android:gravity="center"        android:text="java" /></FrameLayout>

RecyclerView的GirdView展示模式

public class GirdFragment extends BaseFragment {    @Override    public void initAdapter() {        GridLayoutManager gridLayoutManager =  new GridLayoutManager(getActivity(),4);        //LinearLayoutManager.VERTICAL 垂直滑动，LinearLayoutManager.HORIZONTAL 水平滑动        gridLayoutManager.setOrientation(GridLayoutManager.VERTICAL);        //也可在创建GridLayoutManager的时候直接设置滑动方向,最后一个参数 reverseLayout表示是否逆序排列展示       // GridLayoutManager gridLayoutManager = new GridLayoutManager(getActivity(),4, GridLayoutManager.VERTICAL, false);        recyclerView.setLayoutManager(gridLayoutManager);        MyAdapter myAdapter = new MyAdapter(getActivity(), getData());        recyclerView.setAdapter(myAdapter);        myAdapter.setOnItemClickListener(new MyAdapter.OnItemClickLitener() {            @Override            public void onItemClick(View view, int position) {                Toast.makeText(getActivity(), "点击了Item：" + position, Toast.LENGTH_SHORT).show();            }        });    }}

RecyclerView的瀑布流展示模式

public class WaterFallsFragment extends BaseFragment {    @Override    public void initAdapter() {        StaggeredGridLayoutManager staggeredGridLayoutManager = new StaggeredGridLayoutManager(4, StaggeredGridLayoutManager.VERTICAL);        //LinearLayoutManager.VERTICAL 垂直滑动，LinearLayoutManager.HORIZONTAL 水平滑动        staggeredGridLayoutManager.setOrientation(StaggeredGridLayoutManager.VERTICAL);        recyclerView.setLayoutManager(staggeredGridLayoutManager);        WallFallsAdapter wallFallsAdapter = new WallFallsAdapter(getActivity(), getWallFallsData());        recyclerView.setAdapter(wallFallsAdapter);        wallFallsAdapter.setOnItemClickListener(new WallFallsAdapter.OnItemClickLitener() {            @Override            public void onItemClick(View view, int position) {                Toast.makeText(getActivity(), "点击了Item：" + position, Toast.LENGTH_SHORT).show();            }        });    }}

瀑布流Item布局item_wallfalls.xml，注意与前面的不同

<?xml version="1.0" encoding="utf-8"?><FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"    android:layout_width="match_parent"    android:layout_height="wrap_content"    android:layout_margin="1dp"    android:background="@drawable/item_bg">    <TextView        android:id="@+id/textView"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:layout_gravity="center"        android:gravity="center"        android:text="Java" /></FrameLayout>

OK今天就到这里，这只是RecyclerView很基础的用法，RecyclerView控件功能非常强大后面我们将继续学习RecyclerView的高级用法。

点击下载源码