ListView常用優(yōu)化技巧(Android群英傳)

內(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,如下圖所示。

使用ViewHolder的ListView

設置項目間分隔線

ListView的各個項目之間,可以通過設置分隔線來進行區(qū)分,系統(tǒng)提供了divider和dividerHeight這樣兩個屬性來幫助我們實現(xiàn)這一功能。通過這兩個屬性,也可以控制ListView之間的分隔線和它的高度。當然,分隔線不僅僅可以設置為一個顏色,同樣也可以設置為一個圖片資源,分隔線的使用代碼如下所示。

android:divider="@color/colorAccent"
android:dividerHeight="10dp"

以上代碼所實行的效果如下圖所示。

ListView分隔線

特殊情況下,當設置分隔線為如下代碼時,就可以把分隔線設置為透明了。

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)的效果如下圖所示。

動態(tài)更新ListView

遍歷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ā)),歡迎來逛逛。

最后編輯于
?著作權歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 228,333評論 6 531
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 98,491評論 3 416
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事。” “怎么了?”我有些...
    開封第一講書人閱讀 176,263評論 0 374
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經(jīng)常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 62,946評論 1 309
  • 正文 為了忘掉前任,我火速辦了婚禮,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當我...
    茶點故事閱讀 71,708評論 6 410
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 55,186評論 1 324
  • 那天,我揣著相機與錄音,去河邊找鬼。 笑死,一個胖子當著我的面吹牛,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 43,255評論 3 441
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 42,409評論 0 288
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 48,939評論 1 335
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 40,774評論 3 354
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 42,976評論 1 369
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 38,518評論 5 359
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 44,209評論 3 347
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 34,641評論 0 26
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 35,872評論 1 286
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個月前我還...
    沈念sama閱讀 51,650評論 3 391
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 47,958評論 2 373

推薦閱讀更多精彩內(nèi)容