RecyclerView的适配器

最新推荐文章于 2024-03-28 10:12:06 发布

CarsonWoo

最新推荐文章于 2024-03-28 10:12:06 发布

阅读量607

点赞数

分类专栏：安卓开发文章标签：布局 recyclerview-瀑布流

本文链接：https://blog.csdn.net/CarsonWoo/article/details/76407679

版权

安卓开发专栏收录该内容

23 篇文章 0 订阅

订阅专栏

RecyclerView的Adapter

RecylerView的出现，可以说是为实现更复杂的页面布局做了更加方便的代码操作。比如当你要实现横向滑动的列表或者瀑布流的视图，若用ListView和GridView实现，还是要花费一点时间的，而用RecyclerView实现这些效果还是相对容易的。

而RecyclerView的使用需要我们添加依赖：

dependencies {
    compile 'com.android.support:recyclerview-v7:25.0.1'
}

接下来我们就可以在主活动的布局文件添加该控件：

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

相信大家对ListView的使用也有了一定心得，而RecyclerView的使用与前者也大同小异。我们可以自定义一个Adapter来适配该控件。

当我们继承了RecyclerView.Adapter< VH >后，要求重写的方法有三个：

int getItemCount()
RecyclerView.ViewHolder onCreateViewHolder(ViewGroup parent, int viewType)
void onBindViewHolder(RecyclerView.ViewHolder holder, int position)

第一个就不讲了，也就是返回的是RecylerView的item的数目。

而在讲第二第三个方法之前，我们先来看看这个尖括号里的< VH >，从RecyclerView.Adapter的抽象类来看，VH是继承自RecyclerView.ViewHolder：

public static abstract class Adapter<VH extends ViewHolder>{
    ...
}

而这个ViewHolder跟ListView里的也是大同小异，为的是为我们保存RecyclerView中的item视图，以便复用及提升控件性能。因此我们类比ListView，在Adapter类里写一个内部类继承自RecyclerView.ViewHolder。

class MyViewHolder extends RecyclerView.ViewHolder {

    TextView tv;

    public MyViewHolder(View itemView) {
        super(itemView);
        tv = (TextView) itemView.findViewById(R.id.tv_itemName);
    }
}

将MyViewHolder写进Adapter< MyViewHolder >内，则上述第二第三个方法也对应地变成

MyViewHolder onCreateViewHolder(ViewGroup parent, int viewType)
void onBindViewHolder(MyViewHolder holder, int position)

onCreateViewHolder()方法：

viewType指的是item的类型，即自己定义，如headerView、footerView等若加载不同的布局，则需要根据个人喜好自定义viewType。而此方法其实就是对自定义的holder实例化，为之加载布局。

@Override
public MyViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {

    MyViewHolder holder = 
            new MyViewHolder(LayoutInflater.from(parent.getContext())
            .inflate(R.layout.layout_msg, parent, false));
    return holder;
    }

onBindViewHolder()方法：

这个方法是主要是绑定数据给ViewHolder。如TextView的setText方法、ImageView的setImageResource方法都可在此方法中写。

@Override
public void onBindViewHolder(MyViewHolder holder, int position) {
    holder.tv.setText(items.get(position));
}

那么接下来就在活动里写代码了，就直接上代码吧：

public class RVActivity extends AppCompatActivity {

    private RecyclerView mRecyclerView;
    private MyAdapter myAdapter;

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

        mRecyclerView = (RecyclerView) findViewById(R.id.rv);

        myAdapter = new MyAdapter();

        initData();

        //线性布局展示
        //mRecyclerView.setLayoutManager(new LinearLayoutManager(this));
        //网格布局展示，第二个参数指展示的列数
        //mRecyclerView.setLayoutManager(new GridLayoutManager(this, 4));
        //瀑布流布局展示，第一个参数为展示的行数或者列数，视第二个参数而定。
        mRecyclerView.setLayoutManager(new StaggeredGridLayoutManager(2, 
        StaggeredGridLayoutManager.VERTICAL));
        mRecyclerView.setAdapter(myAdapter);

    }

    private void initData() {
        for(int i = 'a'; i <= 'z'; i++){
            myAdapter.getItems().add("" + (char) i);
        }
    }

}

至于分隔线的问题，由于RecyclerView并没有divider属性，所以如果只是要设置有空隙的话，在item的布局文件中将控件设置margin就好；若是分隔线有自定义样式，可以自定义分隔线类继承自ItemDecoration，重写该类的方法来实现自己的自定义分隔线。

而在item的点击事件的实现中，RecyclerView内部是没有类似ListView中的setOnItemClickListener方法，从而使得我们需要在其适配器中进一步去设置点击事件。而这样子与ListView相比，你也许会觉得很麻烦，其实也就这一点稍微需要花一点点功夫而已，但是它所能实现的功能所需要写的代码可是要比前者少很多。毕竟在ListView中整个布局是作为一个item整体来点击的，而RecyclerView则可以将布局内的每一控件都自由设置点击事件。由此看来，的确降低了代码的耦合性，故抛弃item的设置点击方法而由开发者自由设置是有理由的。

说了一堆，真正的实现，其实我们只需要在onCreateViewHolder的方法里为我们的控件设置点击事件即可。

@Override
public MyViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {

    final MyViewHolder holder = new MyViewHolder(LayoutInflater
                    .from(parent.getContext())
                    .inflate(R.layout.layout_msg, parent, false));

    holder.tv.setOnClickListener(new View.OnClickListener(){
        @Override
        public void onClick(final View view) {
            int position = holder.getAdapterPosition();
            Toast.makeText(view.getContext(), 
                        "这是第" + item.get(position) + "位", 
                        Toast.LENGTH_SHORT).show();
        }
    });


}

这样子便完成了对item中的TextView控件的点击事件。大家可以以此类推为布局中的控件设置各类不同的点击事件（包括setOnLongClickListener），从而实现各类想要的功能效果。

同时，我又根据之前一篇ListView博文中的消息类用RecyclerView又写了一下。下面贴一下代码，也请各位指出一下不足之处。

MyAdapter适配器类:

public class MyAdapter extends RecyclerView.Adapter<MyAdapter.MyViewHolder> {


    private List<Msg> items;

    public List<Msg> getItems() {
        return items;
    }

    public MyAdapter(List<Msg> list) {
        this.items = list;
    }

    @Override
    public MyViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {

        final MyViewHolder holder = new MyViewHolder(LayoutInflater.from(parent.getContext()).inflate(R.layout.layout_msg, parent, false));

        holder.iv.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(final View view) {
                int position = holder.getAdapterPosition();
                Msg msg = items.get(position);
                final View itemView = LayoutInflater.from(view.getContext()).inflate(R.layout.rv_item, null, false);
                AlertDialog dialog = new AlertDialog.Builder(view.getContext())
                        .setView(R.layout.rv_item)
                        .setIcon(msg.getImageResource())
                        .setTitle(msg.getName())
                        .setPositiveButton("登陆", new DialogInterface.OnClickListener() {
                            @Override
                            public void onClick(DialogInterface dialogInterface, int position) {
                                EditText name = (EditText) itemView.findViewById(R.id.et_username);
                                EditText pwd = (EditText) itemView.findViewById(R.id.et_pwd);
                                Toast.makeText(view.getContext(), msg.getName() + "登陆成功", Toast.LENGTH_SHORT).show();
                            }
                        })
                        .setNegativeButton("取消", new DialogInterface.OnClickListener() {
                            @Override
                            public void onClick(DialogInterface dialogInterface, int i) {
                                dialogInterface.dismiss();
                            }
                        })
                        .show();

            }
        });

        return holder;
    }

    @Override
    public void onBindViewHolder(MyViewHolder holder, int position) {
        Msg msg = items.get(position);
        holder.tv.setText(msg.getName());
        holder.iv.setImageResource(msg.getImageResource());
        holder.msg.setText(msg.getMsg());
    }

    @Override
    public int getItemCount() {
        return items.size();
    }


    class MyViewHolder extends RecyclerView.ViewHolder {

        TextView tv;
        ImageView iv;
        TextView msg;

        public MyViewHolder(View itemView) {
            super(itemView);
            tv = (TextView) itemView.findViewById(R.id.tv_name);
            iv = (ImageView) itemView.findViewById(R.id.iv_head);
            msg = (TextView) itemView.findViewById(R.id.tv_msg);
        }
    }
}

启动的活动类：

public class RVActivity extends AppCompatActivity {

    private RecyclerView mRecyclerView;
    private MyAdapter myAdapter;
    private List<Msg> messages = new ArrayList<>();

    private int []head = {
            R.drawable.recommend_head1,
            R.drawable.recommend_head2,
            R.drawable.recommend_head3,
            R.drawable.recommend_head4
    };

    private String []message = {
            "I am message one.",
            "I am message two.",
            "I am message three.",
            "I am message four."
    };

    private String []name = {
            "King",
            "Lily",
            "July",
            "Kelvin"
    };

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

        mRecyclerView = (RecyclerView) findViewById(R.id.rv);

        myAdapter = new MyAdapter(messages);

        initData();

        //mRecyclerView.setLayoutManager(new LinearLayoutManager(this));

        //mRecyclerView.setLayoutManager(new GridLayoutManager(this, 4));
        mRecyclerView.setLayoutManager(new StaggeredGridLayoutManager(2, StaggeredGridLayoutManager.VERTICAL));
        mRecyclerView.setAdapter(myAdapter);

    }

    private void initData() {
        Random r = new Random();
        StringBuilder builder = new StringBuilder();
        //这里只是为了突显瀑布流的视图效果
        int length = r.nextInt(10) + 2;
        String []newName = new String[length];
        for (int j = 0; j < length; j++){
            builder.append(name[r.nextInt(4)]);
            newName[j] = builder.toString();
        }

        for(int i = 0; i <= 30; i++){
            Msg msg = new Msg(head[r.nextInt(4)], newName[r.nextInt(length)], message[r.nextInt(4)]);
            messages.add(msg);
        }
    }
}

效果图：

这里写图片描述