Android RecyclerView布局就這么簡(jiǎn)單

2019-12-12 06:33:03

字體：大中小

供稿：網(wǎng)友

RecyclerView是什么？

筆者個(gè)人看法，RecyclerView只是一個(gè)對(duì)ListView的升級(jí)版，這個(gè)升級(jí)的主要目的是為了讓這個(gè)view的效率更高，并且使用更加方便。
我們知道，ListView通過(guò)使用ViewHolder來(lái)提升性能。ViewHolder通過(guò)保存item中使用到的控件的引用來(lái)減少findViewById的調(diào)用，以此使ListView滑動(dòng)得更加順暢。但這種模式在listview中即使不使用也無(wú)妨。
換言之，在ListView中你不考慮復(fù)用的問(wèn)題也可以，只是你犧牲了內(nèi)存來(lái)方便了代碼。但是RecyclerView就不允許你這么做了，你使用RecyclerView就意味著你一定要復(fù)用，而效果上其實(shí)和ListView+ViewHolder差不多。

demo效果：(源碼在文章結(jié)尾)

主要實(shí)現(xiàn)功能：
1、可以動(dòng)態(tài)排版，選擇linearlayou和gridlayout
2、可以增減item
3、實(shí)現(xiàn)對(duì)item點(diǎn)擊事件的監(jiān)聽(tīng)
4、實(shí)現(xiàn)點(diǎn)擊事件，點(diǎn)擊后能夠使item中的字體變成紅色

RecyclerView如何使用？

RecyclerView是support-v7包中的新組件(此處意味著首先要導(dǎo)入v7包)，是一個(gè)強(qiáng)加的滑動(dòng)組件，與經(jīng)典的Listview相比，它同樣擁有item回收服用的功能，但是RecyclerView已經(jīng)封裝好了ViewHolder，用戶只需要實(shí)現(xiàn)自己的ViewHolder就可以了，該組件會(huì)自動(dòng)幫你復(fù)用每一個(gè)item。

使用RecyclerView筆者認(rèn)為主要有兩個(gè)步驟：
1、設(shè)置LayoutManager
2、設(shè)置和定義Adapter（主要是實(shí)現(xiàn)ViewHolder）

由于RecyclerView與listview的使用比較類似，此處還是用大家比較熟悉的listview來(lái)解釋。
RecyclerView與listview的使用，主要不同在兩個(gè)地方：
1、需要定義LayoutManager（這點(diǎn)比較簡(jiǎn)單，不多講解）
2、listview定義的Adapter主要是針對(duì)view來(lái)進(jìn)行操作的，而RecyclerView主要是針對(duì)ViewHolder來(lái)進(jìn)行操作的。
3、listview本身實(shí)現(xiàn)了點(diǎn)擊事件，而RecyclerView如果需要點(diǎn)擊事件，需要自己寫一個(gè)接口。（新手不要害怕，并不難）

下面就分點(diǎn)介紹一下在listview中不會(huì)碰到的幾個(gè)點(diǎn)，也可能是新手認(rèn)為的RecyclerView的難點(diǎn)：

一、RecyclerView針對(duì)ViewHolder來(lái)進(jìn)行操作
此處主要需要了解RecyclerView必須實(shí)現(xiàn)的三個(gè)方法:

public ViewHolder onCreateViewHolder(ViewGroup parent, int viewType)
在任何ViewHolder被實(shí)例化的時(shí)候，OnCreateViewHolder將會(huì)被觸發(fā)。
此處實(shí)現(xiàn)的內(nèi)容與fragment中的onCreateView差不多，只是onCreateView最后返回的是view而此處返回的是一個(gè)ViewHolder。（注意：使用的時(shí)候此處的ViewHolder應(yīng)該是自己定義的，而不是RecyclerView.ViewHolder）

public void onBindViewHolder(ViewHolder holder, int position)
此處建立起ViewHolder中視圖與數(shù)據(jù)的關(guān)聯(lián)。由于ViewHolder是自己實(shí)現(xiàn)的，此處使用ViewHolder會(huì)顯得特別自由方便。

public int getItemCount()
這個(gè)就不多說(shuō)了，和listview中的差不多，返回?cái)?shù)據(jù)的size。

除了這三個(gè)方法外，最重要的是需要自己實(shí)現(xiàn)一個(gè)ViewHolder，這個(gè)ViewHolder也需要繼承RecyclerView.ViewHolder，（如果需要實(shí)現(xiàn)點(diǎn)擊事件，也需要應(yīng)用OnClickListener）
在這個(gè)ViewHolder中，可以設(shè)置屬性，并且與ViewHolder視圖內(nèi)的各個(gè)控件綁定，使用起來(lái)就十分方便了。
筆者demo中代碼：

public class ViewHolder extends RecyclerView.ViewHolder implements View.OnClickListener {     public TextView tvViewHolder;     public LinearLayout llViewHolder;      //初始化viewHolder，此處綁定后在onBindViewHolder中可以直接使用     public ViewHolder(View itemView){       super(itemView);       tvViewHolder=(TextView)itemView.findViewById(R.id.tv_view_holder);       llViewHolder=(LinearLayout) itemView;       llViewHolder.setOnClickListener(this);     }      //通過(guò)接口回調(diào)來(lái)實(shí)現(xiàn)RecyclerView的點(diǎn)擊事件     @Override     public void onClick(View v) {       if(mOnItemClickListener!=null) {         //此處調(diào)用的是onItemClick方法，而這個(gè)方法是會(huì)在RecyclerAdapter被實(shí)例化的時(shí)候?qū)崿F(xiàn)         mOnItemClickListener.onItemClick(v, getItemCount());       }     }   }

二、點(diǎn)擊事件需要自己寫一個(gè)接口
這個(gè)如果花點(diǎn)時(shí)間了解概念，其實(shí)并不難，主要有以下步驟：（不懂可以看筆者demo）

下面均為筆者demo中的代碼；
1、創(chuàng)建一個(gè)接口，并在里面寫上你需要實(shí)現(xiàn)的方法

//定義OnItemClickListener的接口,便于在實(shí)例化的時(shí)候?qū)崿F(xiàn)它的點(diǎn)擊效果 public interface OnItemClickListener {   void onItemClick(View view, int position); }

2、創(chuàng)建一個(gè)該接口的對(duì)象來(lái)存儲(chǔ)監(jiān)聽(tīng)事件
public OnItemClickListener mOnItemClickListener;

3、在需要使用到該方法的地方進(jìn)行調(diào)用

public ViewHolder(View itemView){       super(itemView);       tvViewHolder=(TextView)itemView.findViewById(R.id.tv_view_holder);       llViewHolder=(LinearLayout) itemView;       llViewHolder.setOnClickListener(this);     } //通過(guò)接口回調(diào)來(lái)實(shí)現(xiàn)RecyclerView的點(diǎn)擊事件     @Override     public void onClick(View v) {       if(mOnItemClickListener!=null) {         //此處調(diào)用的是onItemClick方法，而這個(gè)方法是會(huì)在RecyclerAdapter被實(shí)例化的時(shí)候?qū)崿F(xiàn)         mOnItemClickListener.onItemClick(v, getItemCount());       }     }

源碼截圖：

MainActivity:

package com.example.double2.recyclerviewtest;  import android.graphics.Color; import android.os.Bundle; import android.support.v7.app.AppCompatActivity; import android.support.v7.widget.GridLayoutManager; import android.support.v7.widget.LinearLayoutManager; import android.support.v7.widget.RecyclerView; import android.view.View; import android.widget.AdapterView; import android.widget.ArrayAdapter; import android.widget.Button; import android.widget.Spinner; import android.widget.TextView;  import java.util.ArrayList; import java.util.List;  public class MainActivity extends AppCompatActivity {    private RecyclerView mRecyclerView;   private RecyclerAdapter mRecyclerAdapter;   private RecyclerView.LayoutManager mLayoutManager;   private Spinner mSpinner;    private List<String> mData = new ArrayList<String>();    @Override   protected void onCreate(Bundle savedInstanceState) {     super.onCreate(savedInstanceState);     setContentView(R.layout.activity_main);      //增加測(cè)試數(shù)據(jù)     mData.add("Recycler");     mData.add("Recycler");     mData.add("Recycler");      initView();   }    private void initView() {     mRecyclerView = (RecyclerView) findViewById(R.id.rc_main);     mLayoutManager = new LinearLayoutManager(this);     mRecyclerView.setLayoutManager(mLayoutManager);     mRecyclerView.setHasFixedSize(true);      //設(shè)置Spinner     mSpinner = (Spinner) findViewById(R.id.sp_main);     List<String> mList = new ArrayList<String>();     mList.add("LinearLayout");     mList.add("GridLayout");     mSpinner.setAdapter(new ArrayAdapter<String>(this, android.R.layout.simple_list_item_1, mList));     mSpinner.setOnItemSelectedListener(new AdapterView.OnItemSelectedListener() {       @Override       public void onItemSelected(AdapterView<?> parent, View view, int position, long id) {         switch (position) {           case 0:             //設(shè)置為線性布局             mRecyclerView.setLayoutManager(new LinearLayoutManager(MainActivity.this));             break;           case 1:             //設(shè)置為網(wǎng)格布局,3列             mRecyclerView.setLayoutManager(new GridLayoutManager(MainActivity.this, 3));             break;         }       }        @Override       public void onNothingSelected(AdapterView<?> parent) {        }     });      mRecyclerAdapter = new RecyclerAdapter(mData);     mRecyclerView.setAdapter(mRecyclerAdapter);     mRecyclerAdapter.setOnItemClickListener(new RecyclerAdapter.OnItemClickListener() {       //此處實(shí)現(xiàn)onItemClick的接口       @Override       public void onItemClick(final View view, int position) {         TextView tvRecycleViewItemText = (TextView) view.findViewById(R.id.tv_view_holder);         //如果字體本來(lái)是黑色就變成紅色，反之就變?yōu)楹谏?        if (tvRecycleViewItemText.getCurrentTextColor() == Color.BLACK)           tvRecycleViewItemText.setTextColor(Color.RED);         else           tvRecycleViewItemText.setTextColor(Color.BLACK);       }     });      Button btnAdd = (Button) findViewById(R.id.btn_main_add);     Button btnDel = (Button) findViewById(R.id.btn_main_del);     btnAdd.setOnClickListener(new View.OnClickListener() {       @Override       public void onClick(View v) {         mData.add("Recycler");         int position = mData.size();         if (position > 0)           mRecyclerAdapter.notifyDataSetChanged();       }     });     btnDel.setOnClickListener(new View.OnClickListener() {       @Override       public void onClick(View v) {         int position = mData.size();         if (position > 0) {           mData.remove(position - 1);           mRecyclerAdapter.notifyDataSetChanged();         }       }     });    } }

RecyclerAdapter:

package com.example.double2.recyclerviewtest;  import android.support.v7.widget.RecyclerView; import android.view.LayoutInflater; import android.view.View; import android.view.ViewGroup; import android.widget.LinearLayout; import android.widget.TextView;  import java.util.List;  /**  * 項(xiàng)目名稱：RecyclerViewTest  * 創(chuàng)建人：Double2號(hào)  * 創(chuàng)建時(shí)間：2016/4/18 8:12  * 修改備注：  */ public class RecyclerAdapter extends RecyclerView.Adapter<RecyclerAdapter.ViewHolder> {   private List<String> mData;    public RecyclerAdapter(List<String> data) {     mData = data;   }    //定義一個(gè)監(jiān)聽(tīng)對(duì)象，用來(lái)存儲(chǔ)監(jiān)聽(tīng)事件   public OnItemClickListener mOnItemClickListener;    public void setOnItemClickListener(OnItemClickListener itemClickListener) {     mOnItemClickListener = itemClickListener;   }    //定義OnItemClickListener的接口,便于在實(shí)例化的時(shí)候?qū)崿F(xiàn)它的點(diǎn)擊效果   public interface OnItemClickListener {     void onItemClick(View view, int position);   }    public class ViewHolder extends RecyclerView.ViewHolder implements View.OnClickListener {     public TextView tvViewHolder;     public LinearLayout llViewHolder;      //初始化viewHolder，此處綁定后在onBindViewHolder中可以直接使用     public ViewHolder(View itemView){       super(itemView);       tvViewHolder=(TextView)itemView.findViewById(R.id.tv_view_holder);       llViewHolder=(LinearLayout) itemView;       llViewHolder.setOnClickListener(this);     }      //通過(guò)接口回調(diào)來(lái)實(shí)現(xiàn)RecyclerView的點(diǎn)擊事件     @Override     public void onClick(View v) {       if(mOnItemClickListener!=null) {         //此處調(diào)用的是onItemClick方法，而這個(gè)方法是會(huì)在RecyclerAdapter被實(shí)例化的時(shí)候?qū)崿F(xiàn)         mOnItemClickListener.onItemClick(v, getItemCount());       }     }   }   @Override   public ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {     View views= LayoutInflater.from(parent.getContext()).inflate(         R.layout.rc_item,parent,false);     return new ViewHolder(views);   }    @Override   public void onBindViewHolder(ViewHolder holder, int position) {     //建立起ViewHolder中試圖與數(shù)據(jù)的關(guān)聯(lián)      holder.tvViewHolder.setText(mData.get(position)+position);   }    @Override   public int getItemCount() {     return mData.size();   } }

activity_main:

<?xml version="1.0" encoding="utf-8"?> <LinearLayout   xmlns:android="http://schemas.android.com/apk/res/android"   android:layout_width="match_parent"   android:layout_height="match_parent"   android:orientation="vertical"   android:paddingBottom="@dimen/activity_vertical_margin"   android:paddingLeft="@dimen/activity_horizontal_margin"   android:paddingRight="@dimen/activity_horizontal_margin"   android:paddingTop="@dimen/activity_vertical_margin"   >    <android.support.v7.widget.RecyclerView     android:id="@+id/rc_main"     android:layout_width="match_parent"     android:layout_height="0dp"     android:layout_weight="1">   </android.support.v7.widget.RecyclerView>    <LinearLayout     android:layout_width="match_parent"     android:layout_height="wrap_content"     android:orientation="horizontal">      <Spinner       android:id="@+id/sp_main"       android:layout_width="wrap_content"       android:layout_height="wrap_content"/>      <Button       android:id="@+id/btn_main_add"       android:layout_width="wrap_content"       android:layout_height="wrap_content"       android:text="@string/add"/>      <Button       android:id="@+id/btn_main_del"       android:layout_width="wrap_content"       android:layout_height="wrap_content"       android:text="@string/del"/>    </LinearLayout> </LinearLayout>

rc_item:

<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:layout_margin="3dp"        android:background="@android:color/darker_gray"        android:gravity="center"        android:orientation="vertical"   >    <ImageView     android:layout_width="wrap_content"     android:layout_height="wrap_content"     android:src="@mipmap/ic_launcher"/>    <TextView     android:id="@+id/tv_view_holder"     android:layout_width="wrap_content"     android:layout_height="wrap_content"     android:textColor="@android:color/black"     android:textSize="20sp"/> </LinearLayout>

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家學(xué)習(xí)Android布局有所幫助。

上一篇：學(xué)習(xí)使用Android Chronometer計(jì)時(shí)器

下一篇：ReactiveCocoa代碼實(shí)踐之-更多思考