RecyclerView的使用方法

  • 添加依赖
    compile 'com.android.support:recyclerview-v7:21.0.+'

  • 添加布局
    直接在xml布局文件中引入RecyclerView的标签,并进行相应的属性设置:

<android.support.v7.widget.RecyclerView    
android:id="@+id/list"    
android:layout_width="match_parent"    
android:layout_height="match_parent"    
android:scrollbars="none">
</android.support.v7.widget.RecyclerView>```

- 在control层进行变量的初始化与视图的绑定

![RecyclerView与数据的绑定方法](http://upload-images.jianshu.io/upload_images/1668515-d371e1884b8a71e5.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

```java
mRecyclerView = (RecyclerView) findViewById(R.id.list);
mLayoutManager = new LinearLayoutManager(this);
mRecyclerView.setLayoutManager(mLayoutManager);
mRecyclerView.setHasFixedSize(true);
// 别忘了这些变量要先声明~这里就不写了
mAdapter = new MyAdapter(questions);
//这个MyAdapter是什么骚东西呢?下面正文进行说明
mRecyclerView.setAdapter(mAdapter);

这个MyAdapter是继承自RecyclerView.Adapter<MyAdapter.ViewHolder> 以下是具体实现:

public class MyAdapter extends RecyclerView.Adapter<MyAdapter.ViewHolder> {
    private int[] mDataset;

   //我们如果不甘于简单的纯文本的list,那就重新改写ViewHoder
    public static class ViewHolder extends RecyclerView.ViewHolder {  
   //这里面的内容其实就依据自己的需求自己定制吧
        public TextView tv_num;
        public TextView tv_content;

        public ViewHolder( View v )
        {
            super(v);
            tv_num = (TextView) v.findViewById(R.id.tv_num);
            tv_content = (TextView) v.findViewById(R.id.tv_content);
        }
    }

    // Provide a suitable constructor (depends on the kind of dataset)
    public MyAdapter(int[] myDataset) {
        mDataset = myDataset;
    }

    // Create new views (invoked by the layout manager)
    @Override
    public ViewHolder onCreateViewHolder(ViewGroup parent,
                                                   int viewType) {
        // create a new view
        View v = LayoutInflater.from(parent.getContext())
                .inflate(R.layout.list_style, parent, false);//这里值得注意,需要把你定制的ui布局layout文件替换掉
        // set the view's size, margins, paddings and layout parameters


        ViewHolder vh = new ViewHolder(v);
        return vh;
    }

    // Replace the contents of a view (invoked by the layout manager)
    @Override
    public void onBindViewHolder(ViewHolder holder, int position) {
        // - get element from your dataset at this position
        // - replace the contents of the view with that element、
  
        //以下就牵扯到你的自定义控件所要设置的属性,不如textView里装填字符串,imageView里来装填图片之类的
        holder.tv_num.setText(String.valueOf(position));
        holder.tv_content.setText(String.valueOf(mDataset[position]));
    }

    // Return the size of your dataset (invoked by the layout manager)
    @Override
    public int getItemCount() {
        return mDataset.length;
    }


}```


接下来呢,再附上我所定制的UI

<?xml version="1.0" encoding="utf-8"?>
<android.support.v7.widget.CardView
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:weightSum="10"
app:cardElevation="4dp"
app:cardCornerRadius="2dp"
android:layout_margin="6dp">

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="horizontal">
    <TextView
        android:id="@+id/tv_num"
        android:layout_width="wrap_content"
        android:layout_height="50dp"
        android:background="#2196f3"
        android:text="1"
        android:gravity="center"
        android:textSize="20dp"
        android:layout_weight="2"/>

    <TextView
        android:id="@+id/tv_content"
        android:layout_width="wrap_content"
        android:layout_height="50dp"
        android:background="#eeeeee"
        android:paddingLeft="6dp"
        android:text="杭州是浙江的首府吗?"
        android:gravity="center|left"
        android:textSize="20dp"
        android:layout_weight="8"/>
</LinearLayout>

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

  
![效果图](http://upload-images.jianshu.io/upload_images/1668515-8256d0ac76f61db6.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容