【android】ListView之BaseAdapter使用詳解

android中ListView是一個比較常用的控件,它用於方便的列表顯示可見數據,當數據過多時,會出現滾動條,並且可以根據屏幕長度進行自適應顯示。

1. 爲什麼使用BaseAdapter?

ListView需要設置數據適配,就是添加你需要顯示的內容,所謂適配就是數據與視圖之間的橋樑;
而ListView有幾種適配器:

  • BaseAdapter:顧名思義,最基礎的適配器,有四個抽象方法,可以方便的根據需求做出更改
  • ArrayAdapter:繼承BaseAdapter,實現了四個抽象方法,多用於只有文本的列表
  • SimpleAdapter:繼承BaseAdapter,實現了四個抽象方法,可以簡單的實現列表樣式(無法輪播)

每種適配器都有它的適用範圍,但BaseAdapter是鐵板釘釘的通用適配器,只不過需要自己去實現四個抽象方法。

2. 如何使用BaseAdapter?

2.1 介紹四個抽象函數的用處

getCount():重要函數,返回多少就有多少個Item。

	public int getCount() {//返回 ListView Item 條目的總數
        return 100; //如果返回100,那就會有100個item;一般返回List.size()
	}

getView(int position, View convertView, ViewGroup parent):重要函數,返回的是當前Item的視圖。
三個參數:當前Item的下標,當前視圖(可複用),當前視圖的父視圖(可調整當前視圖的寬高)

	public View getView(int position, View convertView, ViewGroup parent) {
        return convertView;//返回的是每個Item的視圖
    }

getItem(int position):不重要函數,返回的是當前Item的數據對象。
一個參數:當前Item的下標

	public Object getItem(int position) {//返回ListView Item條目代表的數據對象
        return list.get(position);
    }

getItemId(int position):不重要函數,返回的是當前Item的下標。
一個參數:當前Item的下標

	public long getItemId(int position) {//返回ListView Item的下標
        return position;
    }

2.2 具體實現一個小例子:輪播ListView

咱們圖片不夠,就用輪播來湊,總共7張圖片,無限輪播
圖片下載連接:圖片

2.2.1 首先是佈局

主佈局:activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout 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=".MainActivity">
    <ListView
        android:id="@+id/lv"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_margin="5dp"
        android:divider="#d9d9d9"
        android:dividerHeight="1dp">
    </ListView>
</RelativeLayout>

Item佈局:list_item.xml

<?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="match_parent"
    android:gravity="center_vertical">

    <ImageView
        android:id="@+id/item_image"
        android:layout_width="48dp"
        android:layout_height="48dp"
        android:layout_margin="8dp"
        android:background="@drawable/wx" />

    <TextView
        android:id="@+id/item_tv"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text=" 我是 ListView 的 Item 佈局"
        android:textSize="18sp" />
</LinearLayout>

2.2.2 其次是Activity

MainActivity
list的數據要和App實體類一致哦

import androidx.appcompat.app.AppCompatActivity;
import android.os.Bundle;
import android.widget.ListView;
import java.util.ArrayList;
import java.util.List;

public class MainActivity extends AppCompatActivity {
    private ListView lv;
    private List<App> list;//數據

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        lv=findViewById(R.id.lv);
        //list數據
        list=new ArrayList<>();
        list.add(new App("京東商城",R.drawable.jd));
        list.add(new App("QQ",R.drawable.qq));
        list.add(new App("QQ鬥地主",R.drawable.dz));
        list.add(new App("新浪微博",R.drawable.xl));
        list.add(new App("天貓",R.drawable.tm));
        list.add(new App("UC瀏覽器",R.drawable.uc));
        list.add(new App("微信",R.drawable.wx));
        //MyBaseAdapter適配器
        MyBaseAdapter myBaseAdapter=new MyBaseAdapter(this,list);
        lv.setAdapter(myBaseAdapter);
    }
}

2.2.3 然後是實體類App(名字自擬)

這個實體類兩個屬性:一個是Item顯示的文本,一個是Item顯示的圖片id

//App實體類
public class App {
    private String name;
    private int id;

    public App(String name, int id) {
        this.name = name;
        this.id = id;
    }

    public String getName() {
        return name;
    }

    public void setName(String name) {
        this.name = name;
    }

    public int getId() {
        return id;
    }

    public void setId(int id) {
        this.id = id;
    }
}

2.2.4 最後是適配器MyBaseAdapter(名字自擬,繼承BaseAdapter ,重點)

MyBaseAdapter的構造函數要傳入上下文和需要顯示的數據的集合;
getView中的代碼寫法是爲了複用Item對象,避免每一個Item都是新的對象導致內存爆滿;
具體詳解請看代碼註釋

import android.content.Context;
import android.util.Log;
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;

public class MyBaseAdapter extends BaseAdapter {
    private LayoutInflater layoutInflater;//得到一個LayoutInfalter對象用來導入佈局
    private List<App> list;//得到一個List<App>集合用來導入數據

    //構造函數
    public MyBaseAdapter(Context context, List<App> list) {
        this.layoutInflater =LayoutInflater.from(context);
        this.list = list;
    }

    @Override
    //return 多少就有個多少個item列表
    public int getCount() {//返回ListView Item條目的總數
        return 100;
    }

    @Override
    public Object getItem(int position) {//返回ListView Item條目代表的對象
        return list.get(position);
    }

    @Override
    public long getItemId(int position) {//返回ListView Item的id
        return position;
    }

    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
        ViewHolder holder = null;
        if (convertView == null) {
        	//綁定Item佈局
            convertView = layoutInflater.inflate(R.layout.list_item, null, false);
            //自定義內部類,對象holder用來存儲文字和圖片控件
            holder = new ViewHolder();
            holder.mTextView = (TextView) convertView.findViewById(R.id.item_tv);
            holder.imageView = (ImageView) convertView.findViewById(R.id.item_image);
            //將holder放入當前視圖中
            convertView.setTag(holder);
        } else {
        	//複用holder
            holder = (ViewHolder) convertView.getTag();
        }
        //取出app對象
        App app=list.get(position % 7);//此處%7就可以無限輪播
        holder.mTextView.setText(app.getName());
        holder.imageView.setBackgroundResource(app.getId());
        Log.v("hc", "getView結束:position=" + position +
                ",name=" + app.getName() +
                ",convertView=" + convertView
        );//可以通過hc標籤查看logcat
        return convertView;
    }
    //內部類
    class ViewHolder {
        TextView mTextView;
        ImageView imageView;
    }
}

2.2.5 執行結果

模擬器
手機運行程序
用好BaseAdapter,所有的類似這種列表都能實現
而ArrayAdapter和SimpleAdapter是基於BaseAdapter的簡化版本,這裏不再解說。

如果本文章對您有所幫助,請點個贊支持一下作者~

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