Android教程網
  1. 首頁
  2. Android 技術
  3. Android 手機
  4. Android 系統教程
  5. Android 游戲
 Android教程網 >> Android技術 >> 關於Android編程 >> android RecyclerView布局真的只是那麼簡單!

android RecyclerView布局真的只是那麼簡單!

編輯:關於Android編程

如今android N都已經出來了,作為一個android開發者如果還不知道如何使用android5.X的 RecyclerView未免有點說不過去了。

RecyclerView比ListView更靈活,更強大。因此也會引入一些復雜性,而這些復雜性,恰恰是在新手前進道路上的很大阻礙,而筆者此文也便是希望可以給予讀者一些幫助。

RecyclerView是什麼?

筆者個人看法,RecyclerView只是一個對ListView的升級版,這個升級的主要目的是為了讓這個view的效率更高,並且使用更加方便。

我們知道,ListView通過使用ViewHolder來提升性能。ViewHolder通過保存item中使用到的控件的引用來減少findViewById的調用,以此使ListView滑動得更加順暢。但這種模式在listview中即使不使用也無妨。

換言之,在ListView中你不考慮復用的問題也可以,只是你犧牲了內存來方便了代碼。但是RecyclerView就不允許你這麼做了,你使用RecyclerView就意味著你一定要復用,而效果上其實和ListView+ViewHolder差不多。

demo效果:

\

主要實現功能:

1、可以動態排版,選擇linearlayou和gridlayout

2、可以增減item

3、實現對item點擊事件的監聽

4、實現點擊事件,點擊後能夠使item中的字體變成紅色

RecyclerView如何使用?

RecyclerView是support-v7包中的新組件(此處意味著首先要導入v7包),是一個強加的滑動組件,與經典的Listview相比,它同樣擁有item回收服用的功能,但是RecyclerView已經封裝好了ViewHolder,用戶只需要實現自己的ViewHolder就可以了,該組件會自動幫你復用每一個item。

使用RecyclerView筆者認為主要有兩個步驟:

1、設置LayoutManager

2、設置和定義Adapter(主要是實現ViewHolder)

由於RecyclerView與listview的使用比較類似,此處還是用大家比較熟悉的listview來解釋。

RecyclerView與listview的使用,主要不同在兩個地方:

1、需要定義LayoutManager(這點比較簡單,不多講解)

2、listview定義的Adapter主要是針對view來進行操作的,而RecyclerView主要是針對ViewHolder來進行操作的

3、listview本身實現了點擊事件,而RecyclerView如果需要點擊事件,需要自己寫一個接口。(新手不要害怕,並不難)

下面就分點介紹一下在listview中不會碰到的幾個點,也可能是新手認為的RecyclerView的難點:

一、RecyclerView針對ViewHolder來進行操作

此處主要需要了解RecyclerView必須實現的三個方法:

public ViewHolder onCreateViewHolder(ViewGroup parent, int viewType)

在任何ViewHolder被實例化的時候,OnCreateViewHolder將會被觸發。

此處實現的內容與fragment中的onCreateView差不多,只是onCreateView最後返回的是view而此處返回的是一個ViewHolder。(注意:使用的時候此處的ViewHolder應該是自己定義的,而不是RecyclerView.ViewHolder)

public void onBindViewHolder(ViewHolder holder, int position)

此處建立起ViewHolder中視圖與數據的關聯。由於ViewHolder是自己實現的,此處使用ViewHolder會顯得特別自由方便。

public int getItemCount()

這個就不多說了,和listview中的差不多,返回數據的size。

除了這三個方法外,最重要的是需要自己實現一個ViewHolder,這個ViewHolder也需要繼承RecyclerView.ViewHolder,(如果需要實現點擊事件,也需要應用OnClickListener)

在這個ViewHolder中,可以設置屬性,並且與ViewHolder視圖內的各個控件綁定,使用起來就十分方便了。

代碼:

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);
        }

        //通過接口回調來實現RecyclerView的點擊事件
        @Override
        public void onClick(View v) {
            if(mOnItemClickListener!=null) {
                //此處調用的是onItemClick方法,而這個方法是會在RecyclerAdapter被實例化的時候實現
                mOnItemClickListener.onItemClick(v, getItemCount());
            }
        }
    }

二、點擊事件需要自己寫一個接口

這個如果花點時間了解概念,其實並不難,主要有以下步驟:

1、創建一個監聽對象來存儲監聽事件

public OnItemClickListener mOnItemClickListener;

2、創建一個接口,並在裡面寫上你需要實現的方法

    //定義OnItemClickListener的接口,便於在實例化的時候實現它的點擊效果
    public interface OnItemClickListener {
        void onItemClick(View view, int position);
    }

3、在需要使用到該方法的地方進行調用

 public ViewHolder(View itemView){
            super(itemView);
            tvViewHolder=(TextView)itemView.findViewById(R.id.tv_view_holder);
            llViewHolder=(LinearLayout) itemView;
            llViewHolder.setOnClickListener(this);
        }
//通過接口回調來實現RecyclerView的點擊事件
        @Override
        public void onClick(View v) {
            if(mOnItemClickListener!=null) {
                //此處調用的是onItemClick方法,而這個方法是會在RecyclerAdapter被實例化的時候實現
                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 mData = new ArrayList();

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

        //增加測試數據
        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);

        //設置Spinner
        mSpinner = (Spinner) findViewById(R.id.sp_main);
        List mList = new ArrayList();
        mList.add("LinearLayout");
        mList.add("GridLayout");
        mSpinner.setAdapter(new ArrayAdapter(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:
                        //設置為線性布局
                        mRecyclerView.setLayoutManager(new LinearLayoutManager(MainActivity.this));
                        break;
                    case 1:
                        //設置為網格布局,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() {
            //此處實現onItemClick的接口
            @Override
            public void onItemClick(final View view, int position) {
                TextView tvRecycleViewItemText = (TextView) view.findViewById(R.id.tv_view_holder);
                //如果字體本來是黑色就變成紅色,反之就變為黑色
                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;

/**
 * 項目名稱:RecyclerViewTest
 * 創建人:Double2號
 * 創建時間:2016/4/18 8:12
 * 修改備注:
 */
public class RecyclerAdapter extends RecyclerView.Adapter {
    private List mData;

    public RecyclerAdapter(List data) {
        mData = data;
    }

    //定義一個監聽對象,用來存儲監聽事件
    public OnItemClickListener mOnItemClickListener;

    public void setOnItemClickListener(OnItemClickListener itemClickListener) {
        mOnItemClickListener = itemClickListener;
    }

    //定義OnItemClickListener的接口,便於在實例化的時候實現它的點擊效果
    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);
        }

        //通過接口回調來實現RecyclerView的點擊事件
        @Override
        public void onClick(View v) {
            if(mOnItemClickListener!=null) {
                //此處調用的是onItemClick方法,而這個方法是會在RecyclerAdapter被實例化的時候實現
                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中試圖與數據的關聯
         holder.tvViewHolder.setText(mData.get(position)+position);
    }

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

activity_main:


    
    

    

        



rc_item:


  1. 上一頁:
  2. 下一頁:
熱門文章
閱讀排行版
Copyright © Android教程網 All Rights Reserved