編輯:關於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 ListmData = 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(); } } }); } }
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(); } }
我們都知道對每一個Weibo Item都有用戶頭像,而且每一條微博還可能帶有圖片。如果在加載列表的同時加載圖片,這樣有幾個缺點,第一很費事,界面卡住,用戶體
公司的以前的項目,看到使用了這個Android自帶的倒計時控件Chronometer,現在整合了一下先看看效果:<Chronometer android:id=
android gridview畫分割線,如圖:1。先上圖:2.具體實現代碼:public class LineGridView extends GridView {
這一章很多,但是很有趣,也是這書的最後一章知識點了,我現在還在考慮要不要寫這個拼圖和2048的案例,在此之前,我們先來玩玩Android5.X的新特性吧!Android