1. 程式人生 > >android中Adapter介面卡的講解

android中Adapter介面卡的講解

Adapter(介面卡的講解)

介面卡就我自己來看,我覺得這是一個非常重要的知識點,Adapter是用來幫助填出資料的中間橋樑,簡單點說吧:將各種資料以合適的形式顯示在View中給使用者看。Adapter有很多的介面、抽象類、子類可以使用,這裡就我們常用的幾個進行講解

BaseAdapter,ArrayAdapter,SimpleAdapter,為了配合講解這幾個介面卡,這裡提前使用一下ListView來展示一下介面卡的使用,後面會對ListView進行進一步總結。

一、ArrayAdapter(陣列介面卡),這個介面卡使用有一定的侷限性,只能顯示一行文字資料

(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="match_parent"
    android:orientation="vertical">
    <ListView
        android:id="@+id/ll1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content">
    </ListView>
</LinearLayout>

複製程式碼

Java檔案

複製程式碼

package com.example.test3;

import android.app.Activity;
import android.os.Bundle;
import android.widget.ArrayAdapter;
import android.widget.ListView;

public class MainActivity extends Activity{
//    定義要顯示的資料
    private String[] datas = {"張三","李四","王五","麻子","小強"};
    private ArrayAdapter<String> adapter;
    private ListView listView;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        listView = (ListView) findViewById(R.id.ll1);
//        初始化介面卡
        adapter = new ArrayAdapter<>(this,android.R.layout.simple_expandable_list_item_1,datas);
        listView.setAdapter(adapter);
    }
}

複製程式碼

效果圖:

(2)實現上面還可以先在res\value下建立一個數組資源的xml檔案:arrays.xml,然後在listview中使用entries

3、ArrayAdapter也支援泛型,那麼集合肯定必須的,還可以如下所寫

4、ArrayAdapter的引數說明:

第一個引數:context上下文物件

第二個引數:每一個item的樣式,可以使用系統提供,也可以自定義就是一個TextView

第三個引數:資料來源,要顯示的資料

系統提供的item的樣式,可以試一試

simple_list_item1:單獨的一行文字框

simple_list_item2:有兩個文字框組成

simple_list_item_checked每項都是由一個已選中的列表項

simple_list_item_multiple_choice:都帶有一個複選框

simple_list_item_single_choice:都帶有一個單選框

二、SimpleAdapter(簡單介面卡):這個介面卡不要被名字迷惑,看是簡單,但功能強大

(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="match_parent"
    android:orientation="vertical">
    <ListView
        android:id="@+id/ll1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content">
    </ListView>
</LinearLayout>

複製程式碼

定義要實現的item的樣式

複製程式碼

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
              android:layout_width="wrap_content"
              android:layout_height="wrap_content"
              android:orientation="horizontal">
    <ImageView
        android:id="@+id/image1"
        android:layout_width="100dp"
        android:layout_height="100dp"
        android:src="@mipmap/ic_launcher"
        android:layout_margin="5dp"/>
   <LinearLayout
       android:id="@+id/ll2"
       android:layout_width="match_parent"
       android:layout_height="100dp"
       android:orientation="vertical"
       android:layout_marginTop="5dp"
       android:layout_marginLeft="10dp">
       <TextView
           android:id="@+id/text1"
           android:layout_width="wrap_content"
           android:layout_height="wrap_content"
           android:text="哈哈"
           android:textSize="30sp"
           android:layout_marginTop="10dp"/>
       <TextView
           android:id="@+id/text2"
           android:layout_width="wrap_content"
           android:layout_height="wrap_content"
           android:text="哈哈哈哈哈"
           android:textSize="24dp"
           android:layout_marginTop="10dp"/>
   </LinearLayout>
</LinearLayout>

複製程式碼

Java檔案

複製程式碼

package com.example.test3;

import android.app.Activity;
import android.os.Bundle;
import android.widget.ListView;
import android.widget.SimpleAdapter;

import java.util.ArrayList;
import java.util.HashMap;
import java.util.List;
import java.util.Map;


public class MainActivity extends Activity{
//    這三個經常是同時出現的
    private List<Map<String,Object>> lists;
    private SimpleAdapter adapter;
    private ListView listView;
//    定義資料
    private String[] theme = {"張三","李四","王五"};
    private String[] content ={"我是張三,你好","我是李四,你好","我是王五,你好"};
    private int[] imageViews = {R.mipmap.ic_launcher,R.mipmap.ic_account,R.mipmap.ic_password};
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        listView = (ListView) findViewById(R.id.ll1);
//        準備資料來源
        lists = new ArrayList<>();
        for(int i = 0;i < theme.length;i++){
            Map<String,Object> map =new HashMap<>();
            map.put("image",imageViews[i]);
            map.put("theme",theme[i]);
            map.put("content",content[i]);
            lists.add(map);
        }
        adapter = new SimpleAdapter(MainActivity.this,lists,R.layout.list_item
                ,new String[]{"image","theme","content"}
                ,new int[]{R.id.image1,R.id.text1,R.id.text2});
        listView.setAdapter(adapter);
    }
}

複製程式碼

效果圖:

(2)simpleAdapter中五個引數的

第一個引數:上下文物件

第二個引數:資料來源是含有Map的一個集合

第三個引數:每一個item的佈局檔案

第四個引數:new String[]{}陣列,陣列的裡面的每一項要與第二個引數中的存入map集合的的key值一樣,一一對應

第五個引數:new int[]{}陣列,數組裡面的第三個引數中的item裡面的控制元件id。

三、BaseAdapter使用的非常多,現在使用BaseAdapter也同樣的實現上面的效果。

(1)佈局檔案和每一個item的顯示都和上面SimpleAdapter一樣的主要是在Java裡面的檔案,在使用BaseAdapter我們繼承它,並且實現裡面抽象方法。

自定義adapter

複製程式碼

package com.example.test3;

import android.content.Context;
import android.text.Layout;
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.ArrayList;
import java.util.List;

/**
 * Created by coder-tu on 2016/1/13.
 */
public class MyAdapter extends BaseAdapter {
    private List<Message> Datas;
    private Context mContext;

    public MyAdapter(List<Message> datas, Context mContext) {
        Datas = datas;
        this.mContext = mContext;
    }

    /**
     * 返回item的個數
     * @return
     */
    @Override
    public int getCount() {
        return Datas.size();
    }

    /**
     * 返回每一個item物件
     * @param i
     * @return
     */
    @Override
    public Object getItem(int i) {
        return Datas.get(i);
    }

    /**
     * 返回每一個item的id
     * @param i
     * @return
     */
    @Override
    public long getItemId(int i) {
        return i;
    }

    /**
     * 暫時不做優化處理,後面會專門整理BaseAdapter的優化
     * @param i
     * @param view
     * @param viewGroup
     * @return
     */
    @Override
    public View getView(int i, View view, ViewGroup viewGroup) {
        view = LayoutInflater.from(mContext).inflate(R.layout.list_item,viewGroup,false);
        ImageView imageView = (ImageView) view.findViewById(R.id.image1);
        TextView textView1 = (TextView) view.findViewById(R.id.text1);
        TextView textView2 = (TextView) view.findViewById(R.id.text2);
        imageView.setImageResource(Datas.get(i).getImageId());
        textView1.setText(Datas.get(i).getTheme());
        textView2.setText(Datas.get(i).getContent());
//        此處需要返回view 不能是view中某一個
        return view;
    }
}

複製程式碼

然後在Java檔案中使用

複製程式碼

package com.example.test3;

import android.app.Activity;
import android.os.Bundle;
import android.widget.ListView;

import java.util.ArrayList;
import java.util.List;


public class MainActivity extends Activity{
//    這三個經常是同時出現的
    private List<Message> lists;
    private MyAdapter adapter;
    private ListView listView;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        listView = (ListView) findViewById(R.id.ll1);
        lists = new ArrayList<>();
        lists.add(new Message(R.mipmap.ic_launcher,"張三","你好,我是張三"));
        lists.add(new Message(R.mipmap.ic_account,"李四","你好,我是李四"));
        lists.add(new Message(R.mipmap.ic_password,"王五","你好,我是王五"));
        adapter = new MyAdapter(lists,MainActivity.this);
        listView.setAdapter(adapter);
    }
}

複製程式碼

效果圖:

 

(2)關於BaseAdapter裡面的方法在Java程式碼中已經描述的很詳細了

(3)對BaseAdapter的優化:三個模式(逗比式,普通式,文藝式)

逗比式:上面沒有做任何優化,簡稱逗比式,他沒有利用listView的快取機制, view重複建立findviewbyid反覆使用,程式碼就是上面沒有優化的。

普通式:充分利用listview的快取機制但是findviewbyid反覆使用

文藝式:這種寫法非常好,即利用了listView的快取機制,又避免了重複的findViewById

1、建立內部類 2、判斷convertView是否為空 3通過setTag方法將viewHolder與convertView建立關係繫結

小結:對這三種介面卡來說,BaseAdapter使用相對最廣,因為侷限性小,使用起來更加自由