Recyclerview簡(jiǎn)明手冊(cè)

需求

Listview的不足

  1. Listview 的行為是: 垂直排列item, 且不可以定制排列方式
  2. Listview 每個(gè)item 的view,其資源的回收方式需要編程實(shí)現(xiàn)
  3. Listview 需要自行實(shí)現(xiàn)ViewHolder,并將其綁定到view

Recyclerview的優(yōu)勢(shì):

  1. 通過(guò)setLayoutManager(XXXLayoutManager manger),指定每個(gè)item的排列方式
  2. 內(nèi)部自動(dòng)實(shí)現(xiàn)資源回收
  3. ViewHolder對(duì)標(biāo)準(zhǔn)化方式實(shí)現(xiàn)(內(nèi)部類(lèi))

布局管理的圖示:

屏幕快照 2019-06-15 下午10.38.29.png

引入方式

implementation 'com.android.support:recyclerview-v7:27.1.1'

原理級(jí)實(shí)現(xiàn)

核心工作:實(shí)現(xiàn)自定義的Adapter類(lèi)

public class [自定義類(lèi)名] extends RecyclerView.Adapter<[自定ViewHolder類(lèi)] extends UserAdapter.ViewHolder> 
{
    [自定ViewHolder類(lèi)]  extends UserAdapter.ViewHolder{
      [完成(1)從已渲染后的Item View中findView的工作、(2)事件綁定的工作]
  }

    [自定義類(lèi)的構(gòu)造器](Data){
      [完成集合數(shù)據(jù)接收工作]
    } 

    @Override
    public ViewHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) {
        [完成Recyclerview的初始化時(shí)生成Itemview的工作,以后它們會(huì)被回收使用]
    }

    @Override
    public void onBindViewHolder(@NonNull ViewHolder holder, int position) {
      [初始化及滾動(dòng)時(shí),每個(gè)item view與item之間的綁定工作。注意:此時(shí)view中已綁定了viewHolder,所以view在傳參中不再出現(xiàn)。]
    }
    
}

具體實(shí)現(xiàn):

package cn.john.app2;
import android.support.v7.widget.RecyclerView;
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 java.util.List;

public class UserAdapter extends RecyclerView.Adapter<UserAdapter.ViewHolder> {

    /**
     * [完成(1)從已渲染后的Item View中findView的工作、(2)事件綁定的工作]
     */
    static class ViewHolder extends RecyclerView.ViewHolder{
        ImageView pic;
        TextView name;
        public ViewHolder(View view){
            super(view);
            pic=view.findViewById(R.id.pic);
            name=view.findViewById(R.id.name);
            name.setOnClickListener(new View.OnClickListener() {
                @Override
                public void onClick(View view) {
                    Toast.makeText(view.getContext(),name.getText(),Toast.LENGTH_LONG).show();
                }
            });
        }
    }

    /**
     *[完成集合數(shù)據(jù)接收工作]
     */
    private List<User> users;
    public UserAdapter(List<User> users){
        this.users=users;
    }
    /**
     *[完成Recyclerview的初始化時(shí)生成Itemview的工作,以后它們會(huì)被回收使用]
     */
    @Override
    public ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
        View view=LayoutInflater.from(parent.getContext()).inflate(R.layout.user,parent,false);
        ViewHolder viewHolder=new ViewHolder(view);
        return viewHolder;
    }

    /**
     *[初始化及滾動(dòng)時(shí),每個(gè)item view與item之間的綁定工作。注意:此時(shí)view中已綁定了viewHolder,所以view在傳參中不再出現(xiàn)。]
     */
    @Override
    public void onBindViewHolder(ViewHolder holder, int position) {
        holder.pic.setImageResource(users.get(position).getPic());
        holder.name.setText(users.get(position).getName());
    }

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

附:item view的布局及pojo類(lèi)

user.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:background="@android:color/holo_orange_light"
    android:layout_height="?attr/actionBarSize" android:orientation="horizontal">
    <ImageView
        android:id="@+id/pic"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />
    <TextView
        android:id="@+id/name"
        android:layout_width="60dp"
        android:layout_height="wrap_content" />
</LinearLayout>

User.java

public class User {
    private Integer id;
    private String name;
    private int pic;
    ...setter和getter
....

組裝代碼:

package cn.john.app2;

import android.graphics.Rect;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.support.v7.widget.GridLayoutManager;
import android.support.v7.widget.RecyclerView;
import android.support.v7.widget.StaggeredGridLayoutManager;
import android.view.View;
import java.util.ArrayList;
import java.util.List;

public class MainActivity extends AppCompatActivity {
    private List<User> users;
    /**
     * 每個(gè)Item view的外邊距
     */
    class UserDecoration extends RecyclerView.ItemDecoration{
        public void getItemOffsets(Rect outRect, View view, RecyclerView parent, RecyclerView.State state) {
            outRect.set(10,10,10,10);
        }
    }

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        initData();
        UserAdapter userAdapter=new UserAdapter(users);
        //可以綜合使用LinearLayoutManager、StaggeredGridLayoutManager等布局
        //水平排滿(mǎn)(2列)后縱向增長(zhǎng)(Vertical)
        GridLayoutManager gridLayoutManager=new GridLayoutManager(this,2,GridLayoutManager.VERTICAL,false);
        
        RecyclerView recyclerView=findViewById(R.id.recyclerView);
        recyclerView.addItemDecoration(new UserDecoration());
        //另一種加分隔線(xiàn)的方式
        //recyclerView.addItemDecoration(new DividerItemDecoration(this,DividerItemDecoration.VERTICAL));
        recyclerView.setLayoutManager(gridLayoutManager);
        recyclerView.setAdapter(userAdapter);

    }

    /**
     * 數(shù)據(jù)初始化
     */
    private void initData(){
        users=new ArrayList<>();
        int[] pics=new int[]{android.R.drawable.ic_delete,
                android.R.drawable.ic_btn_speak_now,
                android.R.drawable.ic_input_add,
                android.R.drawable.ic_dialog_alert};
        for(int i=0;i<pics.length;i++){
            User user=new User();
            user.setPic(pics[i]);
            user.setName("name"+i);
            users.add(user);
        }

    }
}

最終效果

屏幕快照 2019-06-08 下午2.27.45.png
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀(guān)點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 這篇文章分三個(gè)部分,簡(jiǎn)單跟大家講一下 RecyclerView 的常用方法與奇葩用法;工作原理與ListView比...
    LucasAdam閱讀 4,700評(píng)論 0 27
  • 首先在學(xué)習(xí) RecyclerView 的源碼之前,建議先閱讀 ListView 的源碼分析,之后學(xué) Recycle...
    任教主來(lái)也閱讀 1,960評(píng)論 0 5
  • RecyclerView 是Android L版本中新添加的一個(gè)用來(lái)取代ListView的SDK,它的靈活性與可替...
    Jason_andy閱讀 1,188評(píng)論 0 0
  • 想寫(xiě)點(diǎn)東西,讓自己殘存的那點(diǎn)文藝血量回復(fù)一些,那時(shí)候覺(jué)得自己多愁善感,給我張面巾紙都想咳出二兩血來(lái),看到文學(xué)家追逐...
    多肉魚(yú)骨閱讀 463評(píng)論 7 16
  • 你剛剛出生 就驅(qū)除了天空的黑暗 你一睜開(kāi)眼睛 就看見(jiàn)了青藏高原 看見(jiàn)了新西蘭的牧場(chǎng) 和拉薩神殿撞鐘的和尚 還有我腳...
    繆斯之子閱讀 463評(píng)論 9 7

友情鏈接更多精彩內(nèi)容