ViewHolder重用机制 RecyclerView+CardView 优化

ListView的优化想必大家耳熟能详，其中必有ViewHolder的重用机制，holder的写法就是为了将一些你所需要展现在view上的元素封装好。

主要起作用的是convertView.setTag()方法，传入holder，将数据缓存起来，下次使用的时候可避免回收。当然，在数据量小的时候体现不明显，当数据量多且item元素多的时候效果相当显著。

废话不多说了，RecyclerView的功能早已超越ListView等，CardView的效果也超越以前的一些view，Google推出的咱也不能落后，今天与大家分享一下。图片上的两个按钮不要介，是博主自己调试的工具。

首先是添加依赖库，没有V7依赖库，RecyclerView和CardView可都是无法使用的，我们在App下build.gradle中加入：

compile 'com.android.support:cardview-v7:23.1.1'
compile 'com.android.support:recyclerview-v7:23.1.1'

然后是主布局文件，activity_main.xml，就一个view。

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

CardView的item布局文件.card_view_item.xml

<android.support.v7.widget.CardView
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:id="@+id/cardView"
    android:layout_marginBottom="1dp"
    android:layout_marginLeft="3dp"
    android:layout_marginRight="3dp"
    android:layout_marginTop="1dp"
    app:cardBackgroundColor="#FFF"
    app:cardCornerRadius="5dp"
    app:cardUseCompatPadding="true"
    app:contentPadding="10dp"
    app:elevation="1dp"
    app:cardElevation="5dp"
    xmlns:android="http://schemas.android.com/apk/res/android">

    <LinearLayout
        android:id="@+id/ll_item_container"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="horizontal">

        <ImageView
            android:id="@+id/img"
            android:layout_width="50dp"
            android:layout_height="50dp"
            android:layout_marginRight="15dp"
            android:src="@mipmap/ic_launcher"/>

        <LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:orientation="vertical"
            android:layout_gravity="right">

            <TextView
                android:id="@+id/title"
                android:layout_width="match_parent"
                android:layout_height="0dp"
                android:layout_weight="1"
                android:text="CardView带阴影，带模糊边框"
                android:layout_marginTop="5dp"
                android:textSize="18sp"/>

            <TextView
                android:id="@+id/body"
                android:layout_width="match_parent"
                android:layout_height="0dp"
                android:layout_weight="1"
                android:gravity="center_vertical"
                android:text="15sec"
                android:layout_marginTop="2dp"
                android:textColor="#FFFA7777"
                android:textSize="15sp"/>
        </LinearLayout>
    </LinearLayout>

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

再然后是存储变量类，比较简单，不多说: Actor.java

package com.ynu.cardview;

import java.io.Serializable;

public class Actor implements Serializable {
    String title;
    String body;
    int img;


    public Actor(String title, String body, int img) {
        this.title = title;
        this.body = body;
        this.img = img;
    }

    public String getTitle() {
        return title;
    }

    public void setTitle(String title) {
        this.title = title;
    }

    public String getBody() {
        return body;
    }

    public void setBody(String body) {
        this.body = body;
    }

    public int getImg() {
        return img;
    }

    public void setImg(int img) {
        this.img = img;
    }
}

最为重要的就是Adapter，由于RecyclerView中集成了viewholder类，大大的方便了开发者的使用和加快速度。不用继承BaseAdapter，直接调用ViewHolder。先看一看

MyRecyclerView.java

import android.content.Context;
import android.graphics.Color;
import android.support.v7.widget.CardView;
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.ImageView;
import android.widget.TextView;
import android.widget.Toast;

import com.ynu.cardview.Actor;
import com.ynu.cardview.R;

import java.util.List;

public class MyRecyclerView extends RecyclerView.Adapter<MyRecyclerView.mViewHolder> {

    Context context;
    List<Actor> newList;

    public MyRecyclerView(Context context, List<Actor> newList) {
        this.context = context;
        this.newList = newList;
    }

    static class mViewHolder extends RecyclerView.ViewHolder {

        CardView cardView;
        TextView title,body;
        ImageView img;

        public mViewHolder(View itemView) {
            super(itemView);
            //拿到所有控件
            cardView= (CardView) itemView.findViewById(R.id.cardView);
            img= (ImageView) itemView.findViewById(R.id.img);
            title= (TextView) itemView.findViewById(R.id.title);
            body= (TextView) itemView.findViewById(R.id.body);
        }
    }

    @Override
    public mViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
        View v= LayoutInflater.from(context).inflate(R.layout.card_view_item,parent,false);//加载item_cardView布局
        mViewHolder holder=new mViewHolder(v);//加入内部类
        Log.i("suc","布局载入成功");
        return holder;
    }

    @Override
    public void onBindViewHolder(mViewHolder holder, int position) {
        int i=position;
        holder.img.setImageResource(newList.get(i).getImg());
        holder.title.setText(newList.get(i).getTitle());
        holder.body.setText(newList.get(i).getBody());

        //设置点击事件
        holder.cardView.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                Toast.makeText(context, "CardView被点击！", Toast.LENGTH_SHORT).show();
            }
        });
    }

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

①需要定义两个变量，一个List用来封装我们的数据，即传入Actor.java中的变量。还有个上下文

②使用LayoutInflater加载我们CardView布局，传入我们需要的数据，最后返回加入数据的长度即可。

调用阶段，在MainActivity.java中调用：如下

import android.content.Intent;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.support.v7.widget.CardView;
import android.support.v7.widget.LinearLayoutManager;
import android.support.v7.widget.RecyclerView;
import android.util.Log;
import android.view.View;
import android.view.Window;
import android.widget.Button;
import android.widget.SimpleAdapter;
import android.widget.Toast;

import com.ynu.cardview.Adapter.MyRecyclerView;

import java.util.ArrayList;
import java.util.HashMap;
import java.util.List;
import java.util.Map;

public class MainActivity extends AppCompatActivity {
    
    RecyclerView recyclerView;
    List<Actor> lists;
    MyRecyclerView adapter;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        requestWindowFeature(Window.FEATURE_NO_TITLE);//隐藏Actionbar
        setContentView(R.layout.activity_main);
        initView();
    }

    private void initView() {
        LinearLayoutManager layoutManager=new LinearLayoutManager(this);
        recyclerView= (RecyclerView) findViewById(R.id.recyclerView);
        initData();
        adapter=new MyRecyclerView(MainActivity.this,lists);
        recyclerView.setHasFixedSize(true);//相关属性设置
        recyclerView.setLayoutManager(layoutManager);
        recyclerView.setAdapter(adapter);
    }

    private void initData() {

<span style="white-space:pre">	</span>//添加数据,道理一样，无论是Json数据还是Xml数据又或者是如下的假数据
        lists=new ArrayList<>();
        lists.add(new Actor("彩云之南","云大拥有无限美好的风光",R.drawable.nonlanuch));
        lists.add(new Actor("昆明市","今天下雨，比较冷，注意穿衣",R.drawable.reply_content));
        lists.add(new Actor("天气不好","注意穿衣",R.drawable.nonlanuch));
    }

到这里基本完成了，CardView现在非常流行，但是也不能滥用，用太多用户会觉得有厌腻感。所以博友们注意啦~

爱技术爱分享，享受技术带来的快乐！