用RecyclerView实现列表视图

RecyclerView能够灵活实现大数据集的展示，视图的复用管理比ListView更好，能够显示列表、网格、瀑布流等形式，且不同的ViewHolder能够实现item多元化的功能。但是使用起来会稍微麻烦—点，并且没有类似ListView的onItemClickListener监听事件，需要开发者自己实现。

首先用RecyclerView实现列表视图I

建立RecyclerViewActivity.java文件：

public class RecyclerViewActivity extends AppCompatActivity {
    private Button BtnLinear;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_recycler_view);//遇到R标红问题时import class就好了
        BtnLinear=findViewById(R.id.btn_linear);
        BtnLinear.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                Intent intent=new Intent(RecyclerViewActivity.this,LinearRecyclerViewActivity.class);
                startActivity(intent);
            }
        });
    }
}

对应的activity_recycler_view.xml文件：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content">

    <Button
        android:id="@+id/btn_linear"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="列表视图">
    </Button>

</LinearLayout>

建立LinearRecyclerViewActivity.java文件：

public class LinearRecyclerViewActivity extends AppCompatActivity {
    private RecyclerView RVmain;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_linear_recycler_view);
        RVmain=findViewById(R.id.rv_main);
        RVmain.setLayoutManager(new LinearLayoutManager(LinearRecyclerViewActivity.this));
        RVmain.addItemDecoration(new MyDecoration());//new了一个MyDecoration
        RVmain.setAdapter(new LinearAdapter(LinearRecyclerViewActivity.this, new LinearAdapter.OnItemClickListener() {
            @Override
            public void onClick(int pos) {
                Toast.makeText(LinearRecyclerViewActivity.this, "click..."+pos, Toast.LENGTH_SHORT).show();
            }
        }));//第二种点击事件方法
    }

    class MyDecoration extends RecyclerView.ItemDecoration{
        @Override
        public void getItemOffsets(@NonNull Rect outRect, @NonNull View view, @NonNull RecyclerView parent, @NonNull RecyclerView.State state) {
            super.getItemOffsets(outRect, view, parent, state);
            outRect.set(0,0,0,getResources().getDimensionPixelOffset(R.dimen.deviderHeight));
        }//给列表视图在底部设置分隔线
    }
}

设置分割线需在values下创建一个dimens.xml文件：

<resources>
    <dimen name="deviderHeight">1dp</dimen>
</resources>

 

对应的activity_linear_recycler_view.xml文件：

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content">

    <androidx.recyclerview.widget.RecyclerView
        android:id="@+id/rv_main"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="@color/greydrak"/>
</RelativeLayout>

最后建立列表视图的适配器，LinearAdapter.java文件：

public class LinearAdapter extends RecyclerView.Adapter<LinearAdapter.LinearViewHolder>{
    private Context mcontext;
    private OnItemClickListener mlistener;
    public LinearAdapter(Context context,OnItemClickListener listener){
        this.mcontext=context;
        this.mlistener=listener;
    }
    @NonNull
    @Override
    public LinearAdapter.LinearViewHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) {
        return new LinearViewHolder(LayoutInflater.from(mcontext).inflate(R.layout.layout_linear_item,parent,false));
    }//这里原来是RecyclerView.ViewHolder，建立完LinearViewHolder class后要把它改成LinearAdapter.LinearViewHolder就可以了

    @Override
    public void onBindViewHolder(@NonNull LinearAdapter.LinearViewHolder holder,int position) {
        holder.textView.setText("大家好，我又来了hiahia");
        holder.itemView.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                //Toast.makeText(mcontext, "click...", Toast.LENGTH_SHORT).show();//第一种方法,如果加position的话就会标红，所以没加，具体原因还不知道
                mlistener.onClick(position);//第二种方法，反正点击事件没起作用，还是算了吧不弄了
            }
        });//增加点击事件，这是第一种方法
    }//这里原来是RecyclerView.ViewHolder，建立完LinearViewHolder class后要把它改成LinearAdapter.LinearViewHolder就可以了

    @Override
    public int getItemCount() {
        return 20;
    }//设置有多少行

    class LinearViewHolder extends RecyclerView.ViewHolder {
        private TextView textView;
        public LinearViewHolder(@NonNull View itemView) {
            super(itemView);
            textView=itemView.findViewById(R.id.tv_rtitle);
        }
    }
    public interface OnItemClickListener{
        void onClick(int pos);
    }//点击事件的第二种方法，建立接口
}

 

单个元素的样式为layout_linear_iteam.xml文件：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="vertical"
    android:background="@color/white">

    <TextView
        android:id="@+id/tv_rtitle"
        android:layout_width="match_parent"
        android:layout_height="50dp"
        android:gravity="center"
        android:textColor="@color/black"
        android:textSize="20sp"/>
</LinearLayout>

最后注意xml文件中总布局的android:layout_height如果是match_parent的话达不到想要的效果，所以要给他改成wrap_content

最终效果图：