Android學習筆記--ListView、自定義適配器、模糊查找

安卓學習筆記--ListView、自定義適配器、模糊查找、RecyclerView

ListView的基本使用

最簡單的ListView

最簡單的List View
這是一個最簡單的List View,創建很簡便,但是缺點也很明顯,僅僅只能適配一個字符串。現在就來看看如何創建這個最簡單的適配器
1.在佈局文件中添加List View

<ListView
        android:id="@+id/list_view"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        />

2.在主活動中,綁定這個控件。在主活動的onCreate()方法裏面:

ListView listView = (ListView)this.findViewById(R.id.list_view);

3.在主活動中,創建一個ArrayAdapter適配器,對其實例化,然後讓其和List View進行綁定: 寫在onCreate()方法裏面

// 以下是很簡單的通過ArrayAdapter適配器來適配一個列表,缺點是一行只能適配一個文本
        String[] data= {
   
   "apple","banana","origin","pear"};
        ArrayAdapter<String> adapter = new ArrayAdapter<String>(
                MainActivity.this,    //上下文
                android.R.layout.simple_list_item_1,  //列表佈局採用系統樣式1
                data                  //列表數據來源字符串數組data
        );
        listView.setAdapter(adapter);

①data 字符串數組,用於存放每一個子項的文本。
②實例化一個ArrayAdapter適配器,這裏使用它帶有3個參數的構造函數,第一個參數是context,是適配器的上下文環境,代表在哪個活動適配。 第二個參數是一個樣式,這裏使用系統自帶的一個樣式android.R.layout.simple_list_item1 第三個參數列表的數據來源,爲字符串數組類型。
③適配器創建好以後,就可以將其和List View綁定到一起,利用ListView的setAdapter()方法,把這個適配器和ListView綁定到一起。這樣就可以顯示出上圖的效果。

3-2.ArrayAdapter的另一種構造方法:
如果你不滿足於系統提供給你的樣式,也可以使用自己的樣式。

ArrayAdapter<String> adapter = new ArrayAdapter<String>(
                MainActivity.this,    //上下文
                R.layout.stu_list,    //列表佈局文件
                R.id.custom_textview, //列表佈局文件裏面的一個TextView控件
                data                  //適配的數據
        );

這是帶四個參數的構造函數,可以發現,這裏面有兩個地方和上面的不一樣,第二個參數是你自己寫的layout佈局文件,而第三個參數,是這個佈局文件裏面的一個控件。這樣,數據源的文本就會顯示到這個指定的控件上,而ListView的每一個子項,都是你這個佈局文件。
這種帶四個參數的構造函數,比起上面的那一個,多了一個自己的佈局文件,你可以顯示文本信息要寫在哪一個地方,但是缺點還是隻能適配一個字符串。對比上面的那個,就是單純的好看一點吧。

4.當適配的內容發生變化的時候,通知適配器進行更新:
當你的列表數據源發生了改變,這時候就需要通知適配器所適配的內容需要改變了,具體的顯示就是你可以看到新的ListView內容。
比如下面這樣:

data[0] = "mmm";
adapter.notifyDataSetChanged();   //修改數據源以後更新適配器,動態刷新列表

在上例基礎上,把字符串數組的第一個元素值改變爲"mmm"。這時候,就可以使用適配器的notifyDataSetChanged()方法,通知適配器更新,實現動態刷新的效果。

爲ListView設置點擊事件

有了ListView顯示出來以後,還需要爲其設置點擊事件,當點擊不同的子項的時候,有不同的反應。如果僅僅可以看,那有什麼用呢?
在主活動的onCreate()方法裏面,加入如下代碼:

listView.setOnItemClickListener(new AdapterView.OnItemClickListener() {
   
   
            @Override
            public void onItemClick(AdapterView<?> adapterView, View view, int i, long l) {
   
   
                String item = adapter.getItem(i);
                Toast.makeText(MainActivity.this, item, Toast.LENGTH_SHORT).show();
            }
        });

使用ListView的setonItemClickListerner可以實現對列表視圖當個子項點擊的事件監聽。這上面的代碼中,重寫onItemClick方法,實現點擊子項彈出顯示對應文本。
!!注意:如果你想要獲得子項的內容,比如上面我就獲得了一個列表視圖的數據源字符串,我建議你使用適配器的getItem(i)來獲得子項。或許你也可以用List<> 的get()方法,但是並不推薦這樣使用,因爲如果是List的get方法,這個List你寫在主活動裏面,如果你進行了模糊查找等,適配器裏面的List發生了改變,但是你任然使用List的getItem方法來獲得,那麼就會出現不對應的問題。
好像有點而繞,總之,只要記得推薦使用適配器提供的getItem方法來獲得子項。這樣是最好的方法。
在這裏插入圖片描述


自定義適配器

上面的ListView,是使用最簡單的適配器綁定的。它有一個不足,那就是所能適配的僅僅只有一個文本信息。但是,通常我們的子項,可能有多個TextView,有多個ImageView等,需要對不同的TextView適配不同的內容,這個時候,就需要用到自定義的適配器了。
自定義的適配器,簡單來說,需要有3個文件:
1.子項的佈局文件、2.所需要適配的數據源類、3.自定義的適配器類
舉個示例,現在我們來實現一下下面這個圖片的ListView
在這裏插入圖片描述
可以看到,每一個子項,都有一個卡號、類型、金額、日期需要進行適配。前面所用的適配,已經完全不能夠滿足我們的需要。那麼,現在開始自定義的適配器:
1.新建一個佈局文件,用於子項的佈局:





<?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="120dp"
    android:paddingTop="5dp"
    android:paddingBottom="5dp"
    android:orientation="vertical"
    >
    <TextView
        android:id="@+id/tv_idCard"
        android:text="卡號:1234567890123456"
        android:textSize="18sp"
        android:layout_width="wrap_content"
        android:layout_height="20dp" />
    <LinearLayout
        android:orientation="horizontal"
        android:layout_width="match_parent"
        android:layout_height="wrap_content">
        <TextView
            android:id="@+id/tv_leixing"
            android:text="類型:轉賬"
            android:textSize="18sp"
            android:layout_alignParentRight="true"
            android:gravity="left"
            android:layout_toRightOf="@+id/tv_idCard"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            />
        <TextView
            android:id="@+id/tv_jiner"
            android:text="金額:1000000.00"
            android:textSize="18sp"
            android:layout_alignParentRight="true"
            android:gravity="left"
            android:layout_toRightOf="@+id/tv_idCard"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            />
    </LinearLayout>
    <TextView
        android:id="@+id/tv_day"
        android:text="日期:2020-12-11-12-56-04"
        android:textSize="18sp"
        android:gravity="right"
        android:layout_below="@+id/tv_idCard"
        android:layout_toRightOf="@+id/tv_idCard"
        android:layout_alignParentRight="true"
        android:layout_width="wrap_content"
        android:layout_height="20dp" />
    <View
        android:id="@+id/vw_Line_password"
        android:layout_width="match_parent"
        android:layout_height="1dip"
        android:background="#83738F"
        android:layout_below="@id/tv_day"
        android:layout_marginTop="2dp"
        android:layout_marginBottom="2dp"
        />

</LinearLayout>

上面的佈局文件代碼,你不必要詳細的看,我們只需要知道自定義的適配器如何實現。這裏僅僅貼出來。
2.自定義一個數據源類:

public class JiaoYi {
   
   
    private String bankId;  //交易卡號
    private String type;    //類型
    private float money;    //金額
    private String day;     //日期
    private String targetBankId=""; //目標賬戶卡號,僅在轉賬的時候會被賦值

    JiaoYi(String id,String ty,float mo,String d){
   
   
        this.bankId = id;
        this.type = ty;
        this.money = mo;
        this.day = d;
    }

    public void setTargetBankId(String t){
   
   this.targetBankId = t;}
    public String getTargetBankId(){
   
   return this.targetBankId;}
    public String getBankId(){
   
   return this.bankId;}
    public String getType(){
   
   return this.type;}
    public float getMoney(){
   
   return this.money;}
    public String getDay(){
   
   return this.day;}
}

這一個類的作用,是包括了你所需要的適配的內容。比如我們這裏所需要適配的內容,有卡號、類型、金額、日期。那麼我們這裏就寫了一個交易類,這個類保存了上述所需要的信息。

3.自定義適配器,實現綁定視圖和獲得適配內容:
新建一個類,繼承於BaseAdapter。然後實現其6個重要的方法
右擊包名–新建一個class 。手動添加繼承 extends BaseAdapter ,這個時候你會發現有紅色波浪線,點擊波浪線處,等待一會有個小燈泡,選擇小燈泡就會看到一個繼承基類的方法。那些方法就是必須要實現的方法。
在這裏插入圖片描述
點擊小燈泡,implement method
在這裏插入圖片描述
見名知意,
getCount 是得到適配的數量,即有多個子項
getItem 是得到子項,即返回所適配的子項
getItemId 是得到子項的id號
getView 是得到子項的視圖,用於每一個子項在顯示的時候如何進行顯示
分析完畢,現在讓我們看一下具體的代碼吧:










class JiaoyiAdapter extends BaseAdapter {
   
   
    private List<JiaoYi> list_jiaoyi;           //用於顯示數據
    private List<JiaoYi> list_forRemember;      //用於備份全部數據
    private LayoutInflater inflater;
    private JiaoyiFilter jiaoyiFilter;


    private class ViewHolder{
   
   
        TextView kahao,type,money,day;  //卡號,類型,金額,日期

    }
    JiaoyiAdapter(Context context,List<JiaoYi> m){
   
   
        this.list_jiaoyi = m;
        this.list_forRemember = list_jiaoyi;
        this.inflater = LayoutInflater.from(context);
    }
    @Override
    public int getCount() {
   
   
        return list_jiaoyi.size();
    }

    @Override
    public Object getItem(int i) {
   
   
        return list_jiaoyi.get(i);
    }

    @Override
    public long getItemId(int i) {
   
   
        return i;
    }

    @Override
    public View getView(int i, View view, ViewGroup viewGroup) {
   
   
        JiaoYi temp = list_jiaoyi.get(i);
        ViewHolder viewHolder = null;
        if (view == null){
   
   
            view = inflater.inflate(R.layout.listview_jiaoyi,null);
            viewHolder = new ViewHolder();
            viewHolder.kahao = (TextView)view.findViewById(R.id.tv_idCard);
            viewHolder.type = (TextView)view.findViewById(R.id.tv_leixing);
            viewHolder.money = (TextView)view.findViewById(R.id.tv_jiner);
            viewHolder.day = (TextView)view.findViewById(R.id.tv_day);
            view.setTag(viewHolder);
        }
        else {
   
   
            viewHolder = (ViewHolder) view.getTag();
        }
        viewHolder.kahao.setText("卡號:"+temp.getBankId());
        viewHolder.type.setText("類型:"+temp.getType());
        viewHolder.money.setText("金額:"+String.valueOf(temp.getMoney()));
        viewHolder.day.setText("日期:"+temp.getDay());
        return view;
    }
}

分析:
①首先來看一下構造函數,這個是必須要寫的。

JiaoyiAdapter(Context context,List<JiaoYi> m){
   
   
        this.list_jiaoyi = m;
        this.list_forRemember = list_jiaoyi;
        this.inflater = LayoutInflater.from(context);
    }

一般是寫一個帶兩個參數的構造函數即可,第一個參數是context 上下文,第二個參數是一個List類型,是你要適配的數據源。在構造函數中,把外部的context和List賦值給自己的成員變量。這裏面使用到了一個成員變量LayoutInflater類型的inflater,這個是用於在後面動態加入佈局。

②重寫getCount,getItem,getItemId

@Override
    public int getCount() {
   
   
        return list_jiaoyi.size();
    }

    @Override
    public Object getItem(int i) {
   
   
        return list_jiaoyi.get(i);
    }

    @Override
    public long getItemId(int i) {
   
   
        return i;
    }

從上面的分析,可以知道,
我們要適配的數據源是List列表裏面的每一個元素,那麼getCount這個方法返回的適配的數量,就是這個List的size
getItem需要獲得每一個適配子項,這每一個子項,就是List對應的每一個元素,可以通過List的get方法,直接獲得
getItemId方法,是得到子項的Id號,因爲子項的id就是List的id,所以這裏直接返回i即可。


③重寫getView方法,這個方法是最最至關重要的,從它的返回值是一個view類型,我們可以知道,這個方法,解決的是每一個子項的view。即這個子項是如何顯示的(在哪個context裏面顯示?顯示的佈局是什麼樣子的?所需要適配的又是什麼?)
在寫這個方法之前,我們先寫一個私有類ViewHolder

private class ViewHolder{
   
   
        TextView kahao,type,money,day;  //卡號,類型,金額,日期

    }

這個私有類,裏面包含該適配器所需要適配的所有控件。因爲我們這裏需要適配的卡號、類型、金額、日期,是分別在4個不同的TextView裏面,那麼我們就需要4個TextView控件。
現在,開始重寫這個getView方法

@Override
    public View getView(int i, View view, ViewGroup viewGroup) {
   
   
        JiaoYi temp = list_jiaoyi.get(i);
        ViewHolder viewHolder = null;
        if (view == null){
   
   
            view = inflater.inflate(R.layout.listview_jiaoyi,null);
            viewHolder = new ViewHolder();
            viewHolder.kahao = (TextView)view.findViewById(R.id.tv_idCard);
            viewHolder.type = (TextView)view.findViewById(R.id.tv_leixing);
            viewHolder.money = (TextView)view.findViewById(R.id.tv_jiner);
            viewHolder.day = (TextView)view.findViewById(R.id.tv_day);
            view.setTag(viewHolder);
        }
        else {
   
   
            viewHolder = (ViewHolder) view.getTag();
        }
        viewHolder.kahao.setText("卡號:"+temp.getBankId());
        viewHolder.type.setText("類型:"+temp.getType());
        viewHolder.money.setText("金額:"+String.valueOf(temp.getMoney()));
        viewHolder.day.setText("日期:"+temp.getDay());
        return view;
    }

先來看一下這個getView方法,所帶有的四個參數。
1.i 這個i其實就是position位置,即現在是哪一個子項進行getView操作
2.view 視圖,每一個子項,都有其自己的一個view,調用這個方法,最後返回的view,就是告訴適配器,這個子項最終顯示的樣子是什麼樣的
3.ViewGroup 視圖組,這個我們這裏暫時不用到。
回顧一下前面說的,在哪個context裏面顯示?顯示的佈局是什麼樣子的?所需要適配的又是什麼?現在就來一一解決這些問題
1.view = inflater.inflate(R.layout.listview_jiaoyi,null);
通過這一行代碼,爲這個子項的view加入需要顯示的佈局,上下文context之前在構造函數中已經指明瞭。
2.






viewHolder = new ViewHolder();
            viewHolder.kahao = (TextView)view.findViewById(R.id.tv_idCard);
            viewHolder.type = (TextView)view.findViewById(R.id.tv_leixing);
            viewHolder.money = (TextView)view.findViewById(R.id.tv_jiner);
            viewHolder.day = (TextView)view.findViewById(R.id.tv_day);`

這一部分代碼,實例化一個ViewHolder類,然後把裏面的TextView和佈局文件裏面的控件一一綁定。
3.

JiaoYi temp = list_jiaoyi.get(i);
viewHolder.kahao.setText("卡號:"+temp.getBankId());
        viewHolder.type.setText("類型:"+temp.getType());
        viewHolder.money.setText("金額:"+String.valueOf(temp.getMoney()));
        viewHolder.day.setText("日期:"+temp.getDay());

這一部分的代碼,解決了前面4個控件所需要適配顯示的具體文本信息。首先定義一個數據源類對象temp ,從List的get方法爲其實例化。然後就可以進行下面的具體賦值操作了。
4.最後,看最完整的getView,爲什麼要使用一個私有類ViewHolder?爲什麼要對view進行if(view == null)這樣的判斷呢?
因爲在ListView顯示的時候,如果有很多的數據,而我們上下滑動翻動的速度過快,那麼適配器就會不停的進行getView方法,爲了讓效率提高,這裏使用一個私有類ViewHolder,裏面先綁定了需要適配的具體控件,這樣就可以提高一點速度。其次,因爲每一個getView,本身都會傳入一個view參數,如果每一次進行getView,都要重寫返回一個新的view,那樣勢必會造成內存的大量浪費。所以,我們可以通過view.setTag方法,可以把ViewHolder放入,當下一次調用這個子項的getView的時候,先判單一下view是否爲空,如果不爲空,就說明之前已經對其初始化一次了,那麼就可以通過getTag方法,從裏面取得ViewHolder,然後對裏面的控件進行賦值操作。

模糊查找

如果是自定義的適配器,就需要自定義一個Filter類來實現模糊查找。
在剛剛的交易適配器類裏面,再添加一個自定義類

class JiaoyiFilter extends Filter{
   
   

        //在下面這個方法中定義過濾的規則
        @Override
        protected FilterResults performFiltering(CharSequence charSequence) {
   
   
            FilterResults results = new FilterResults();    //過濾結果
            List<JiaoYi> list;                              //用於存放交易的結果
            if (TextUtils.isEmpty(charSequence)){
   
   
                list = list_forRemember;                   //如果過濾內容爲空則顯示全部,把備份的數據替換進去
            }else {
   
   
                list = new ArrayList<JiaoYi>();
                for (JiaoYi jiaoYi:list_forRemember){
   
         //遍歷的對象是備份list 這裏面纔是全部元素
                    //下面是過濾的規則 從JiaoYi對象裏面獲得匹配內容然後判斷是否contains過濾文本
                    if (jiaoYi.getBankId().contains(charSequence)){
   
   
                        list.add(jiaoYi);
                    }
                }
            }
            results.values = list;                         //設置value 爲list
            results.count = list.size();                    //設置大小
            return results;
        }

        //在下面的方法中 通知適配器更新界面
        @Override
        protected void publishResults(CharSequence charSequence, FilterResults filterResults) {
   
   
            list_jiaoyi = (List<JiaoYi>) filterResults.values;
            if (filterResults.count>0){
   
   
                notifyDataSetChanged();     //通知適配器數據已經改變
            }else {
   
   
                notifyDataSetInvalidated(); //通知數據失效
            }
        }

    }

別忘記:
class JiaoyiAdapter extends BaseAdapter implements Filterable
接着,重寫getFilter方法

@Override
    public Filter getFilter() {
   
   
        if (jiaoyiFilter == null){
   
   
            jiaoyiFilter = new JiaoyiFilter();
        }
        return jiaoyiFilter;
    }

這裏面的jiaoyiFilter是前面適配器的成員變量private JiaoyiFilter jiaoyiFilter;
寫好了以後,在主活動裏面listView_jiaoyi.setTextFilterEnabled(true);
爲ListView啓動過濾。然後就可以在活動裏面進行過濾了
adapter_jiaoyi.getFilter().filter(edt_yhk.getText().toString());
如果篩選的條件爲空,那麼記得使用
adapter_jiaoyi.getFilter().filter("");把過濾清除
比如下面,我在搜索框內爲其設置當輸入內容發生改變的時候進行ListView的過濾





edt_yhk.addTextChangedListener(new TextWatcher() {
   
   
            @Override
            public void beforeTextChanged(CharSequence charSequence, int i, int i1, int i2) {
   
   

            }

            @Override
            public void onTextChanged(CharSequence charSequence, int i, int i1, int i2) {
   
   
                if (TextUtils.isEmpty(edt_yhk.getText().toString())){
   
   
                    //清除過濾
                    adapter_jiaoyi.getFilter().filter("");
                }else {
   
   
                    adapter_jiaoyi.getFilter().filter(edt_yhk.getText().toString());
                    //list_jiaoyi = adapter_jiaoyi.getList_jiaoyi();
                }
            }

            @Override
            public void afterTextChanged(Editable editable) {
   
   
            }
        });

到此,基本上都已經講完了。關於自定義的適配器,在主活動裏面如何調用,這個和前面最簡單的適配器其實是一模一樣的,都是

list_jiaoyi = new ArrayList<JiaoYi>();
listView_jiaoyi = (ListView)findViewById(R.id.lv_jiaoyi);
adapter_jiaoyi = new JiaoyiAdapter(JiaoYiActivity.this,list_jiaoyi);
listView_jiaoyi.setAdapter(adapter_jiaoyi);

初始化所需要數據源List列表
綁定ListView控件
初始化自定義的適配器,用到context上下文以及List數據源列表兩個參數
然後爲這個ListView綁定適配器ListView.setAdapter。


如果要爲List添加元素,可以通過List的add方法。或者remove方法來移除某個元素。再通過適配器的notifyDataSetChanged()方法動態刷新。

到此,這一篇關於ListView以及自定義適配器、模糊查找的學習筆記就結束了。本來還想着寫RecyclerView的,但是內容有點長,有點囉嗦,就放在另一篇筆記裏面記錄吧。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章