Android必學-BaseAdapter的使用與優化
http://www.imooc.com/learn/365

github源碼Android Studio2.3.1: https://github.com/kakukeme/Android_Learn/tree/master/ImoocBaseadapter

Android必學之數據適配器BaseAdapter
http://www.cnblogs.com/caobotao/p/5061627.html

第1章 ListView緩存機制

1-1 什么是BaseAdapter

Android 適配器模式使用；

數據適配器模式的應用：
1、降低程序耦合性；
2、容易擴展；

a_BaseAdapter.png

1-2 ListView的顯示與緩存機制

需要才顯示，顯示完就被回收到緩存；

a_ListView.png

第2章 BaseAdapter的逗比式

2-1 BaseAdapter之創建布局文件

activity_main 布局，就放個表格ListView

<?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:id="@+id/activity_main"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context="com.game.kokia.imoocbaseadapter.MainActivity">


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

    </ListView>

</RelativeLayout>

item 布局, 使用RelativeLayout

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content">

    <ImageView
        android:id="@+id/iv_image"
        android:layout_width="60dp"
        android:layout_height="60dp"
        android:src="@mipmap/ic_launcher"/>

    <TextView
        android:id="@+id/tv_title"
        android:layout_width="match_parent"
        android:layout_height="30dp"
        android:layout_toEndOf="@+id/iv_image"
        android:gravity="center"
        android:text="Title"
        android:textSize="25sp"

        />
    <TextView
        android:id="@+id/tv_content"
        android:layout_width="match_parent"
        android:layout_height="30dp"
        android:layout_toEndOf="@+id/iv_image"
        android:layout_below="@+id/tv_title"
        android:gravity="center_vertical"
        android:text="Content"
        android:textSize="20sp"

        />

</RelativeLayout>

2-2 BaseAdapter之創建數據源

Bean類，(相當于Model)

public class ItemBean {

    public int ItemImageResId;
    public String ItemTitle;
    public String ItemContent;

    public ItemBean(int itemImageResId, String itemTitle, String itemContent) {
        ItemImageResId = itemImageResId;
        ItemTitle = itemTitle;
        ItemContent = itemContent;
    }
}

MainActivity 的 onCreate 構造假數據

List<ItemBean> itemBeenList = new ArrayList<>();
for (int i = 0; i < 20; i++) {
    itemBeenList.add(new ItemBean(
       R.mipmap.ic_launcher,
            "我是標題" + i,
            "我是內容" + i
    ));
}

2-3 BaseAdapter之數據適配器初解

通過構造方法，將數據源與數據適配器進行關聯；

返回ListView需要顯示的數據數量

返回指定索引對應的數據項

對應的索引項

返回每一項的顯示內容

a_getView.png


public class MyAdapter extends BaseAdapter {

    private List<ItemBean> mList;
    private LayoutInflater mInflater;

    // 通過構造方法，將數據源與數據適配器進行關聯；
    public MyAdapter(Context context, List<ItemBean> list) {

        mList = list;
        mInflater = LayoutInflater.from(context);
    }

    // 返回ListView需要顯示的數據數量
    @Override
    public int getCount() {
        return mList.size();
    }

    // 返回指定索引對應的數據項
    @Override
    public Object getItem(int position) {
        return mList.get(position);
    }

    // 對應的索引項
    @Override
    public long getItemId(int position) {
        return position;
    }

    // 返回每一項的顯示內容
    @Override
    public View getView(int position, View convertView, ViewGroup parent) {

        View view = mInflater.inflate(R.layout.item, null);

        ImageView imageView = (ImageView) view.findViewById(R.id.iv_image);
        TextView title = (TextView) view.findViewById(R.id.tv_title);
        TextView content = (TextView) view.findViewById(R.id.tv_content);

        ItemBean bean = mList.get(position);
        imageView.setImageResource(bean.ItemImageResId);
        title.setText(bean.ItemTitle);
        content.setText(bean.ItemContent);

        return view;
    }
}

2-4 BaseAdapter之逗比式

1、創建view

2、使用LayoutInflater 將布局xml文件轉換為view布局；

context對LayoutInflater進行初始化

context：要使用當前的Adapter的界面對象
mInflater: 布局裝載器對象；

getView每次都創建新的view；沒有利用到ListView的緩存機制；

a_getView_list.png

public class MainActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        List<ItemBean> itemBeenList = new ArrayList<>();
        for (int i = 0; i < 20; i++) {
            itemBeenList.add(new ItemBean(
               R.mipmap.ic_launcher,
                    "我是標題" + i,
                    "我是內容" + i
            ));
        }

        ListView listView = (ListView) findViewById(R.id.lv_main);
        listView.setAdapter(new MyAdapter(this, itemBeenList));
    }
}

BaseAdapter 的三重境界之逗比式

沒有任何優化處理，每次都創建新的View，設置控件；

不解釋，效率極其低下

3-1 BaseAdapter之數據適配器詳解-普通式

BaseAdapter 的三重境界之普通式

利用了ListView的緩存特性，如果沒有緩存才創建新的View

算入門，但是findViewById依然會浪費大量時間

convertView 是否緩存過了，

// 為空:View未實例化，緩存池中無緩存；需要創建；

// 返回每一項的顯示內容
@Override
public View getView(int position, View convertView, ViewGroup parent) {

    // 逗比式===============================
    /*
    View view = mInflater.inflate(R.layout.item, null);

    ImageView imageView = (ImageView) view.findViewById(R.id.iv_image);
    TextView title = (TextView) view.findViewById(R.id.tv_title);
    TextView content = (TextView) view.findViewById(R.id.tv_content);

    // 設置數據
    ItemBean bean = mList.get(position);
    imageView.setImageResource(bean.ItemImageResId);
    title.setText(bean.ItemTitle);
    content.setText(bean.ItemContent);

    return view;
    */
    // 逗比式===============================


    // 普通式===============================
    // 為空:View未實例化，緩存池中無緩存；需要創建；
    if (convertView == null) {
        convertView = mInflater.inflate(R.layout.item, null);
    }

    ImageView imageView = (ImageView) convertView.findViewById(R.id.iv_image);
    TextView title = (TextView) convertView.findViewById(R.id.tv_title);
    TextView content = (TextView) convertView.findViewById(R.id.tv_content);

    ItemBean bean = mList.get(position);
    imageView.setImageResource(bean.ItemImageResId);
    title.setText(bean.ItemTitle);
    content.setText(bean.ItemContent);

    return convertView;
    // 普通式===============================
}

4-1 文藝式

1、避免了重復創建大量的contentView

if (convertView == null) {
    convertView = mInflater.inflate(R.layout.item, null);
}

2、創建內部類ViewHolder

- 創建內部類ViewHolder
- 判斷convertView是否為空
- 通過setTag將ViewHolder與convertView綁定
- 通過getTag取出關聯的ViewHolder
- 功能通過ViewHolder對象找到對應控件(避免重復的findViewById)

    // 返回每一項的顯示內容
    @Override
    public View getView(int position, View convertView, ViewGroup parent) {

        // 逗比式===============================
        /*View view = mInflater.inflate(R.layout.item, null);

        ImageView imageView = (ImageView) view.findViewById(R.id.iv_image);
        TextView title = (TextView) view.findViewById(R.id.tv_title);
        TextView content = (TextView) view.findViewById(R.id.tv_content);

        // 設置數據
        ItemBean bean = mList.get(position);
        imageView.setImageResource(bean.ItemImageResId);
        title.setText(bean.ItemTitle);
        content.setText(bean.ItemContent);

        return view; */
        // 逗比式===============================


        // 普通式===============================
        // 為空:View未實例化，緩存池中無緩存；需要創建；
        /*if (convertView == null) {
            convertView = mInflater.inflate(R.layout.item, null);
        }

        ImageView imageView = (ImageView) convertView.findViewById(R.id.iv_image);
        TextView title = (TextView) convertView.findViewById(R.id.tv_title);
        TextView content = (TextView) convertView.findViewById(R.id.tv_content);

        ItemBean bean = mList.get(position);
        imageView.setImageResource(bean.ItemImageResId);
        title.setText(bean.ItemTitle);
        content.setText(bean.ItemContent);

        return convertView;*/
        // 普通式===============================

        // 文藝式===============================
        ViewHolder viewHolder;
        if (convertView = null) {
            convertView = mInflater.inflate(R.layout.item, null);
            viewHolder = new ViewHolder();

            viewHolder.imageView = (ImageView) convertView.findViewById(R.id.iv_image);
            viewHolder.title = (TextView) convertView.findViewById(R.id.tv_title);
            viewHolder.content = (TextView) convertView.findViewById(R.id.tv_content);
            convertView.setTag(viewHolder);
        }
        else {
            viewHolder = (ViewHolder) convertView.getTag();
        }

        ItemBean bean = mList.get(position);
        viewHolder.imageView.setImageResource(bean.ItemImageResId);
        viewHolder.title.setText(bean.ItemTitle);
        viewHolder.content.setText(bean.ItemContent);

        // 文藝式===============================
    }

    // 避免重復的findViewById
    class ViewHolder {
        public ImageView imageView;
        public TextView title;
        public TextView content;
    }

BaseAdapter 的三重境界之文藝式

不僅利用了ListView的緩存，更通過ViewHolder類來實現顯示數據的視圖的緩存，避免多次通過findViewById尋找控件

作為一個有情懷的程序員，這才是最文藝的寫法；

5-1 深入講解

獲取系統納秒時間；

5-2 總結

ViewHolder 優化 BaseAdapter 思路：

創建Bean對象，用于封裝數據
在構造方法中初始化用于映射的數據List
創建ViewHolder類，創建布局映射關系
判斷convertView，為空則創建，并設置tag，否則通過tag來取出ViewHolder
給ViewHolder中的控件設置數據

a_listview_sum.png

三个男躁一个女,国精产品一区一手机的秘密,麦子交换系列最经典十句话,欧美国产综合欧美视频

Android必學-BaseAdapter的使用與優化

Android必學-BaseAdapter的使用與優化

第1章 ListView緩存機制

1-1 什么是BaseAdapter

1-2 ListView的顯示與緩存機制

第2章 BaseAdapter的逗比式

2-1 BaseAdapter之創建布局文件

2-2 BaseAdapter之創建數據源

2-3 BaseAdapter之數據適配器初解

2-4 BaseAdapter之逗比式

3-1 BaseAdapter之數據適配器詳解-普通式

4-1 文藝式

5-1 深入講解

5-2 總結

推薦閱讀更多精彩內容

三个男躁一个女,国精产品一区一手机的秘密,麦子交换系列最经典十句话,欧美 国产 综合 欧美 视频

Android必學-BaseAdapter的使用與優化

第1章 ListView緩存機制

1-1 什么是BaseAdapter

1-2 ListView的顯示與緩存機制

第2章 BaseAdapter的逗比式

2-1 BaseAdapter之創建布局文件

2-2 BaseAdapter之創建數據源

2-3 BaseAdapter之數據適配器初解

2-4 BaseAdapter之逗比式

3-1 BaseAdapter之數據適配器詳解-普通式

4-1 文藝式

5-1 深入講解

5-2 總結

推薦閱讀更多精彩內容

三个男躁一个女,国精产品一区一手机的秘密,麦子交换系列最经典十句话,欧美国产综合欧美视频