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的簡化版本,這裏不再解說。
如果本文章對您有所幫助,請點個贊支持一下作者~