內(nèi)容是博主照著書敲出來的,博主碼字挺辛苦的,轉(zhuǎn)載請注明出處,后序內(nèi)容陸續(xù)會碼出。
前言:ListView——列表,它作為一個非常重要的顯示方式,不管是在Web中還是移動平臺中,都是一個非常好的、不開或缺的展示信息的工具。在Android中,ListView控件接管了這一重擔,在大量的場合下,我們都需要使用這個控件。雖然在Android 5.X時代,RecyclerView在很多地方都在逐漸取代ListView,但ListView的使用范圍依然非常的廣泛,它這萬年老大哥的地位也不是輕易就能撼動的。下面就介紹一下ListView常用優(yōu)化技巧。
使用ViewHolder模式提高效率
ViewHolder模式是提高ListView效率的一個很重要的方法。ViewHolder模式充分利用了ListView的視圖緩存機制,避免了每次在調(diào)用getView()的時候都去通過findViewById()實例化控件。據(jù)測試,使用ViewHolder將提高50%以上的效率。使用ViewHolder模式來優(yōu)化ListView非常簡單,只需要在自定義Adapter中定義一個內(nèi)部類ViewHolder,并將布局中的控件作為成員變量,代碼如下所示。
public final class ViewHolder {
public ImageView img;
public TextView title;
}
接下來,只要在getView()方法中通過視圖緩存機制來重用以緩存即可,完整的使用ViewHolder創(chuàng)建ListView Adapter的實例代碼如下所示。
import android.content.Context;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.ImageView;
import android.widget.TextView;
import java.util.List;
/*********************************************
* author: Blankj on 2016/7/23 15:39
* blog: http://blankj.com
* e-mail: blankj@qq.com
*********************************************/
public class ViewHolderAdapter extends BaseAdapter {
private List<String> mData;
private LayoutInflater mInflater;
public ViewHolderAdapter(Context context, List<String> data) {
this.mData = data;
mInflater = LayoutInflater.from(context);
}
@Override
public int getCount() {
return mData.size();
}
@Override
public Object getItem(int position) {
return mData.get(position);
}
@Override
public long getItemId(int position) {
return position;
}
@Override
public View getView(int position, View convertView, ViewGroup parent) {
ViewHolder viewHolder = null;
// 判斷是否緩存
if (convertView == null) {
viewHolder = new ViewHolder();
// 通過LayoutInflater實例化布局
convertView = mInflater.inflate(R.layout.viewholder_item, null);
viewHolder.img = (ImageView) convertView.findViewById(R.id.imageView);
viewHolder.title = (TextView) convertView.findViewById(R.id.textView);
convertView.setTag(viewHolder);
}else {
// 通過tag找到緩存的布局
viewHolder = (ViewHolder) convertView.getTag();
}
// 設置布局中控件要顯示的視圖
viewHolder.img.setBackgroundResource(R.mipmap.ic_launcher);
viewHolder.title.setText(mData.get(position));
return convertView;
}
public final class ViewHolder {
public ImageView img;
public TextView title;
}
}
效果很簡單,這就是一個簡單的ListView,如下圖所示。
設置項目間分隔線
ListView的各個項目之間,可以通過設置分隔線來進行區(qū)分,系統(tǒng)提供了divider和dividerHeight這樣兩個屬性來幫助我們實現(xiàn)這一功能。通過這兩個屬性,也可以控制ListView之間的分隔線和它的高度。當然,分隔線不僅僅可以設置為一個顏色,同樣也可以設置為一個圖片資源,分隔線的使用代碼如下所示。
android:divider="@color/colorAccent"
android:dividerHeight="10dp"
以上代碼所實行的效果如下圖所示。
特殊情況下,當設置分隔線為如下代碼時,就可以把分隔線設置為透明了。
android:divider="@null"
隱藏ListView的滾動條
默認的ListView在滾動時,在右邊會顯示滾動條,指示當前滑動的位置,我們可以設置scrollbars屬性,控制ListView的滾動條狀態(tài)。特別地,當設置scrollbars屬性為none的時候,ListView滾動或者不滾動,就都不會出現(xiàn)滾動條了,代碼如下所示。
android:scrollbars="none"
取消ListView的Item點擊效果
當點擊ListView中的一項時,系統(tǒng)默認會出現(xiàn)一個點擊效果,在Android5.X上是一個波紋效果,而在Android5.X之下的版本則是一個改變背景顏色的效果,但可以通過修改listSelector屬性來取消掉點擊后的回饋效果,代碼如下所示。
android:listSelector="#00000000"
當然,也可以直接使用Android自帶的透明色來實現(xiàn)這個效果,代碼如下所示。
android:listSelector="@android:color/transparent"
設置ListView需要顯示在第幾項
ListView以Item為單位進行顯示,默認顯示在第一個Item,當需要指定具體顯示的Item時,可以通過如下代碼來實現(xiàn)。
mListView.setSelection(N);
其中N就是需要顯示的第N個Item。
當然,這個方法類似scrollTo,是瞬間完成的移動。除此以外,還可以使用如下代碼來實現(xiàn)平滑移動。
mListView.smoothScrollBy(distance,duration);
mListView.smoothScrollByOffset(offset);
mListView.smoothScrollToPosition(index);
動態(tài)修改ListView
ListView中的數(shù)據(jù)在某些情況下是需要變化的,當然可以通過重新設置ListView的Adapter來更新ListView的顯示,但這也就需要重新獲取一下數(shù)據(jù),相當于重新刷新創(chuàng)建的ListView,這樣顯然不是非常友好,而且效率也不會太高。因此,可以使用一個更簡單的方法來實現(xiàn)ListView的動態(tài)修改,代碼如下所示。
mData.add("new");
mAdapter.notifyDataSetChanged();
當修改了傳遞給Adapter的映射List之后,只需要通過調(diào)用Adapter的notifyDataSetChanged()方法,通知ListView更改數(shù)據(jù)源即可完成對ListView的動態(tài)修改。不過,使用這個方法有一點需要注意的是,在使用mAdapter.notifyDataSetChanged()方法時,必須保證傳進Adapter的數(shù)據(jù)List是同一個List而不能是其他對象,否則將無法實現(xiàn)該效果。下面這個實例就演示了如何動態(tài)地修改ListView。通過點擊按鈕,不斷地給原有的List增加一個新的Item,并調(diào)用notifyDataSetChanged()方法來實現(xiàn)ListView的動態(tài)更新,完整代碼如下所示。
import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.view.View;
import android.widget.ListView;
import java.util.ArrayList;
public class MainActivity extends AppCompatActivity {
ListView mListView;
ViewHolderAdapter mAdapter;
ArrayList<String> mData;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
mListView = (ListView) findViewById(R.id.listView);
mData = new ArrayList<>();
for (int i = 0; i < 20; ++i) {
mData.add(i + "");
}
mAdapter = new ViewHolderAdapter(this, mData);
mListView.setAdapter(mAdapter);
mAdapter.notifyDataSetChanged();
for (int i = 0, len = mListView.getCheckedItemCount(); i < len; i++) {
View view = mListView.getChildAt(i);
}
}
public void btnAdd(View view) {
mData.add("new");
mAdapter.notifyDataSetChanged();
mListView.setSelection(mData.size() - 1);
}
}
實現(xiàn)的效果如下圖所示。
遍歷ListView中的所有Item
ListView作為一個ViewGroup,為我們提供了操縱子View的各種方法,最常用的就是通過getChildAt()來獲取第i個子View,代碼如下所示。
for (int i = 0, len = mListView.getCheckedItemCount(); i < len; i++) {
View view = mListView.getChildAt(i);
}
處理空ListView
ListView用于展示列表數(shù)據(jù),但當列表中無數(shù)據(jù)時,ListView不會顯示任何數(shù)據(jù)或提示,按照完善用戶體驗的需求,這里應該給以無數(shù)據(jù)的提示。幸好,ListView提供了一個方法——setEmptyView(),通過這個方法,我們可以給ListView設置一個在空數(shù)據(jù)下顯示的默認提示。包含ListView的布局設置如下。
<?xml version="1.0" encoding="utf-8"?>
<FrameLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context="com.blankj.listviewskill.MainActivity">
<ListView
android:id="@+id/listView"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:divider="@null"
android:listSelector="@android:color/transparent"
android:paddingBottom="40dp"/>
<ImageView
android:id="@+id/empty_view"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:src="@mipmap/ic_launcher"/>
</FrameLayout>
在代碼中,我們通過以下方式給ListView設置空數(shù)據(jù)時要顯示的布局,代碼如下所示。
mListView.setEmptyView(findViewById(R.id.empty_view));
通過以上代碼,就給ListView在空數(shù)據(jù)時顯示了一張默認的圖片,用來提示用戶;而在有數(shù)據(jù)時,則不會顯示。
ListView的滑動監(jiān)聽
ListView的滑動監(jiān)聽,是ListView中最重要的技巧,很多重寫的ListView基本上都是在滑動事件的處理上下功夫,通過判斷滑動事件進行不同的邏輯處理。而為了更佳精確地監(jiān)聽滑動事件,開發(fā)者通常還需要使用GestureDetector手勢識別、VelocityTracker滑動速度檢測等輔助類來完成更好的監(jiān)聽。這里介紹兩種監(jiān)聽ListView滑動事件的方法,一個是通過OnTouchListener來實現(xiàn)監(jiān)聽,另一個是使用OnScrollListener來實現(xiàn)監(jiān)聽。
OnTouchListener
OnTouchListener是View中的監(jiān)聽事件,通過監(jiān)聽ACTION_DOWN、ACTION_MOVE、ACTION_UP這三個事件發(fā)生時的坐標,就可以根據(jù)坐標判斷用戶滑動的方向,并在不同的事件中進行相應的邏輯處理,這種方式的使用代碼如下所示。
mListView.setOnTouchListener(new View.OnTouchListener() {
@Override
public boolean onTouch(View v, MotionEvent event) {
switch (event.getAction()) {
case MotionEvent.ACTION_DOWN:
// 觸摸時操作
break;
case MotionEvent.ACTION_MOVE:
// 移動時操作
break;
case MotionEvent.ACTION_UP:
// 離開時操作
break;
}
return false;
}
});
OnScrollListener
OnScrollListener是AbsListView中的監(jiān)聽事件,它封裝了很多ListView相關的信息,使用起來也更加靈活。首先來看一下OnScrollListener的一般使用方法,代碼如下所示。
mListView.setOnScrollListener(new AbsListView.OnScrollListener() {
@Override
public void onScrollStateChanged(AbsListView view, int scrollState) {
switch (scrollState) {
case SCROLL_STATE_IDLE:
// 滑動停止時
Log.d("Test", "SCROLL_STATE_IDLE");
break;
case SCROLL_STATE_TOUCH_SCROLL:
// 正在滾動
Log.d("Test", "SCROLL_STATE_TOUCH_SCROLL");
break;
case SCROLL_STATE_FLING:
// 手指拋動時,即手指用力滑動
// 在離開后ListView由于慣性繼續(xù)滑動
Log.d("Test", "SCROLL_STATE_FLING");
break;
}
}
@Override
public void onScroll(AbsListView view, int firstVisibleItem, int visibleItemCount, int totalItemCount) {
// 滾動時一直調(diào)用
Log.d("Test", "onScroll");
}
OnScrollListener中有兩個回調(diào)方法——onScrollStateChanged()和onScroll()。
先來看第一個方法onScrollStateChanged(),這個方法根據(jù)它的參數(shù)scrollState來決定其回調(diào)的次數(shù),scrollState有以下三種模式:
·SCROLL_STATE_IDLE:滾動停止時。
·SCROLL_STATE_TOUCH_SCROLL:正在滾動時。
·SCROLL_STATE_FLING:手指拋動時,即手指用力滑動,在離開后ListView由于慣性繼續(xù)滑動
當用戶沒有做手指拋動的狀態(tài)時,這個方法只會回調(diào)2次,否則會回調(diào)三次,差別就是手指拋動的這個狀態(tài)。通常情況下,我們會在這個方法中通過不同的狀態(tài)來設置一些標志Flag,來區(qū)分不同的滑動狀態(tài),供其他方法處理。
下面再來看看onScroll()這個回調(diào)方法,它在ListView滾動時會一直回調(diào),而方法中的后三個int類型的參數(shù),則非常精確地顯示了當前ListView滾動的狀態(tài),這三個參數(shù)如下所示。
·firstVisibleItem:當前能看見的第一個Item的ID(從0開始)
·visibleItemCount:當前能看見的Item的總數(shù)。
·totalItemCount:整個ListView的Item總數(shù)。
這里需要注意的是,當前能看見的Item數(shù),包括沒有顯示完整的Item,即顯示一小半的Item也包括在內(nèi)了。通過這幾個參數(shù),可以很方便地進行一些判斷,比如判斷是否滾動到最后一行,就可以使用如下代碼進行判斷,當前可視的另一個Item的ID加上當前可視Item的和等于Item總數(shù)的時候,即滾動到了最后一行。
if (firstVisibleItem + visibleItemCount == totalItemCount && totalItemCount > 0) {
Log.d("Test", "滾動到最后一行");
}
再比如,可以通過如下代碼來判斷滾動的方向,代碼如下所示。
if(firstVisibleItem > lastVisibleItem){
// 上滑
}else if(firstVisibleItem < lastVisibleItem){
// 下滑
}
lastVisibleItem = firstVisibleItem;
通過一個成員變量lastVisibleItem來記錄上次第一個可視的Item的ID并于當前的可視Item的ID進行比較,即可知道當前滾動的方向。
要理解整個OnScrollListener,最好的方法還是在代碼中添加Log,并打印出狀態(tài)信息來進行分析學習。在以上代碼中,已經(jīng)添加了相應的Log,對照Log進行分析,會很快掌握OnScrollListener的用法。
當然,ListView也給我們提供了一些封裝的方法來獲得當前可視的Item的位置等信息。
// 獲取可視區(qū)域內(nèi)最后一個Item的id
mListView.getLastVisiblePosition();
// 獲取可視區(qū)域內(nèi)第一個Item的id
mListView.getFirstVisiblePosition();
項目地址→ListViewSkill
原文地址ListView常用優(yōu)化技巧(Android群英傳)
我的自媒體博客blankj小站(OJ、LeetCode、Android開發(fā)),歡迎來逛逛。