天天看點

Adapter擴充卡之基礎詳解介紹:使用方法:

介紹:

Adapter是連接配接後端資料和前端顯示的擴充卡接口,是資料和UI(View)之間一個重要的紐帶。在常見的View(ListView,GridView)等地方都需要用到Adapter。如下圖直覺的表達了Data、Adapter、View三者的關系:

Adapter擴充卡之基礎詳解介紹:使用方法:

Android中所有的Adapter一覽:

Adapter擴充卡之基礎詳解介紹:使用方法:

在我們使用過程中可以根據自己的需求實作接口或者繼承類進行一定的擴充。比較常用的有 BaseAdapter,SimpleAdapter,ArrayAdapter,SimpleCursorAdapter等。

1、BaseAdapter是一個抽象類,繼承它需要實作較多的方法,是以也就具有較高的靈活性;

2、ArrayAdapter支援泛型操作,最為簡單,隻能展示一行字。

3、SimpleAdapter有最好的擴充性,可以自定義出各種效果。

4、SimpleCursorAdapter可以适用于簡單的純文字型ListView,它需要Cursor的字段和UI的id對應起來。

ArrayAdapter_SimpleAdapter_CursorAdapter的差別

資料源不同而已

String[]: ArrayAdapter
 List<Map<String,?>>: SimpleAdapter
 資料庫Cursor: SimpleCursorAdapter
           

使用方法:

1、ArrayAdapter

清單的顯示需要三個元素:

a.ListVeiw 用來展示清單的View。

b.擴充卡 用來把資料映射到ListView上的中介。

c.資料 具體的将被映射的字元串,圖檔,或者基本元件。

栗子1:

public class ArrayAdapterActivity extends ListActivity {
     @Override
     public void onCreate(Bundle savedInstanceState) {
         super.onCreate(savedInstanceState);
         //清單項的資料
         String[] strs = {"1","2","3","4","5"};
         ArrayAdapter<String> adapter = new ArrayAdapter<String>(this,android.R.layout.simple_expandable_list_item_1,strs);
         setListAdapter(adapter);
     }
 }
           

栗子2:

public class MyListView extends Activity {

        private ListView listView;
        //private List<String> data = new ArrayList<String>();
        @Override
        public void onCreate(Bundle savedInstanceState){
            super.onCreate(savedInstanceState);

            listView = new ListView(this);
            listView.setAdapter(new ArrayAdapter<String>(this, android.R.layout.simple_expandable_list_item_1,getData()));
            setContentView(listView);
        }

        private List<String> getData(){

            List<String> data = new ArrayList<String>();
            data.add("測試資料1");
            data.add("測試資料2");
            data.add("測試資料3");
            data.add("測試資料4");

            return data;
        }
    }
           

上面代碼使用了ArrayAdapter(Context context, int textViewResourceId, List objects)來裝配資料,要裝配這些資料就需要一個連接配接ListView視圖對象和數組資料的擴充卡來兩者的适配工作,ArrayAdapter的構造需要三個參數,依次為this,布局檔案(注意這裡的布局檔案描述的是清單的每一行的布局,android.R.layout.simple_list_item_1是系統定義好的布局檔案隻顯示一行文字,資料源(一個List集合)。同時用setAdapter()完成适配的最後工作。效果圖如下:

Adapter擴充卡之基礎詳解介紹:使用方法:

2、SimpleAdapter

simpleAdapter的擴充性最好,可以定義各種各樣的布局出來,可以放上ImageView(圖檔),還可以放上Button(按鈕),CheckBox(複選框)等等。下面的代碼都直接繼承了ListActivity,ListActivity和普通的Activity沒有太大的差别,不同就是對顯示ListView做了許多優化,方面顯示而已。

栗子1:

simple.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
>
<ImageView
android:id="@+id/img"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_margin="5dp"
/>
<TextView
android:id="@+id/title"
android:layout_width="wrap_content" 
android:layout_height="wrap_content" 
android:textColor="#ffffff"
android:textSize="20sp"
/>
</LinearLayout>
           
public class SimpleAdapterActivity extends ListActivity {
     @Override
     public void onCreate(Bundle savedInstanceState) {
         super.onCreate(savedInstanceState);

         SimpleAdapter adapter = new SimpleAdapter(this, getData(), R.layout.simple, new String[] { "title",  "img" }, new int[] { R.id.title, R.id.img });
         setListAdapter(adapter);
     }

     private List<Map<String, Object>> getData() {
         //map.put(參數名字,參數值)
         List<Map<String, Object>> list = new ArrayList<Map<String, Object>>();
         Map<String, Object> map = new HashMap<String, Object>();
         map.put("title", "摩托羅拉");
         map.put("img", R.drawable.icon);
         list.add(map);

         map = new HashMap<String, Object>();
         map.put("title", "諾基亞");
         map.put("img", R.drawable.icon);
         list.add(map);

         map = new HashMap<String, Object>();
         map.put("title", "三星");
         map.put("img", R.drawable.icon);
         list.add(map);
         return list;
         }  

 }
           

栗子2:

下面的程式是實作一個帶有圖檔的類表。首先需要定義好一個用來顯示每一個列内容的xml

<?xml version="1.0" encoding="utf-8"?>
    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="horizontal" android:layout_width="fill_parent"
        android:layout_height="fill_parent">   
        <ImageView android:id="@+id/img" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_margin="5px"/>
        <LinearLayout android:orientation="vertical"  android:layout_width="wrap_content"  android:layout_height="wrap_content">
            <TextView android:id="@+id/title" android:layout_width="wrap_content" android:layout_height="wrap_content"
                android:textColor="#FFFFFFFF" android:textSize="22px" />
            <TextView android:id="@+id/info"  android:layout_width="wrap_content" android:layout_height="wrap_content"
                android:textColor="#FFFFFFFF" android:textSize="13px" />
        </LinearLayout>
     </LinearLayout>
           

public class MyListView3 extends ListActivity {

// private List data = new ArrayList();

@Override

public void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

SimpleAdapter adapter = new SimpleAdapter(this,getData(),R.layout.vlist,
                new String[]{"title","info","img"},
                new int[]{R.id.title,R.id.info,R.id.img});
        setListAdapter(adapter);
    }

    private List<Map<String, Object>> getData() {
        List<Map<String, Object>> list = new ArrayList<Map<String, Object>>();

        Map<String, Object> map = new HashMap<String, Object>();
        map.put("title", "G1");
        map.put("info", "google 1");
        map.put("img", R.drawable.i1);
        list.add(map);

        map = new HashMap<String, Object>();
        map.put("title", "G2");
        map.put("info", "google 2");
        map.put("img", R.drawable.i2);
        list.add(map);

        map = new HashMap<String, Object>();
        map.put("title", "G3");
        map.put("info", "google 3");
        map.put("img", R.drawable.i3);
        list.add(map);

        return list;
    }
}
 使用simpleAdapter的資料用一般都是HashMap構成的List,list的每一節對應ListView的每一行。HashMap的每個鍵值資料映射到布局檔案中對應id的元件上。因為系統沒有對應的布局檔案可用,我們可以自己定義一個布局vlist.xml。下面做适配,new一個SimpleAdapter參數一次是:this,布局檔案(vlist.xml),HashMap的 title 和 info,img。布局檔案的元件id,title,info,img。布局檔案的各元件分别映射到HashMap的各元素上,完成适配。
           

運作效果如下圖:

Adapter擴充卡之基礎詳解介紹:使用方法:

3、SimpleCursorAdapter

public class SimpleCursorAdapterActivity extends ListActivity {
     @Override
     public void onCreate(Bundle savedInstanceState) {
         super.onCreate(savedInstanceState);
         //獲得一個指向系統通訊錄資料庫的Cursor對象獲得資料來源
         Cursor cur = getContentResolver().query(People.CONTENT_URI, null, null, null, null);
         startManagingCursor(cur);
         //執行個體化清單擴充卡

         ListAdapter adapter = new SimpleCursorAdapter(this, android.R.layout.simple_list_item_1, cur, new String[] {People.NAME}, new int[] {android.R.id.text1});
         setListAdapter(adapter);
     }
 }
           

一定要以資料庫作為資料源的時候,才能使用SimpleCursorAdapter,這裡特别需要注意的一點是:不要忘了在AndroidManifest.xml檔案中加入權限

Adapter擴充卡之基礎詳解介紹:使用方法:

4、BaseAdapter

有時候,清單不光會用來做顯示用,我們同樣可以在在上面添加按鈕。添加按鈕首先要寫一個有按鈕的xml檔案,然後自然會想到用上面的方法定義一個擴充卡,然後将資料映射到布局檔案上。但是事實并非這樣,因為按鈕是無法映射的,即使你成功的用布局檔案顯示出了按鈕也無法添加按鈕的響應,這時就要研究一下ListView是如何現實的了,而且必須要重寫一個類繼承BaseAdapter。下面的示例将顯示一個按鈕和一個圖檔,兩行字如果單擊按鈕将删除此按鈕的所在行。并告訴你ListView究竟是如何工作的。

<?xml version="1.0" encoding="utf-8"?>
    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="horizontal" android:layout_width="fill_parent"
        android:layout_height="fill_parent">
        <ImageView android:id="@+id/img" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_margin="5px"/>
        <LinearLayout android:orientation="vertical" android:layout_width="wrap_content" android:layout_height="wrap_content">
           <TextView android:id="@+id/title" android:layout_width="wrap_content" android:layout_height="wrap_content"
                android:textColor="#FFFFFFFF" android:textSize="22px" />
           <TextView android:id="@+id/info" android:layout_width="wrap_content" android:layout_height="wrap_content"
                android:textColor="#FFFFFFFF" android:textSize="13px" />
       </LinearLayout>

       <Button android:id="@+id/view_btn" android:layout_width="wrap_content"  android:layout_height="wrap_content"
            android:text="@string/s_view_btn" android:layout_gravity="bottom|right" />
    </LinearLayout>
           
public class MyListView4 extends ListActivity {


        private List<Map<String, Object>> mData;

      @Override
        public void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            mData = getData();
            MyAdapter adapter = new MyAdapter(this);
            setListAdapter(adapter);
        }
        private List<Map<String, Object>> getData() {
           List<Map<String, Object>> list = new ArrayList<Map<String, Object>>();

           Map<String, Object> map = new HashMap<String, Object>();
           map.put("title", "G1");
           map.put("info", "google 1");
           map.put("img", R.drawable.i1);
            list.add(map);
            map = new HashMap<String, Object>();
            map.put("title", "G2");
            map.put("info", "google 2");
           map.put("img", R.drawable.i2);
           list.add(map);

            map = new HashMap<String, Object>();
            map.put("title", "G3");
            map.put("info", "google 3");
            map.put("img", R.drawable.i3);
            list.add(map);
           return list;
       }

        // ListView 中某項被選中後的邏輯
       @Override
      protected void onListItemClick(ListView l, View v, int position, long id) {

          Log.v("MyListView4-click", (String)mData.get(position).get("title"));
        }

        /**
        * listview中點選按鍵彈出對話框
         */
        public void showInfo(){
           new AlertDialog.Builder(this)
            .setTitle("我的listview")
           .setMessage("介紹...")
           .setPositiveButton("确定", new DialogInterface.OnClickListener() {
               @Override
                public void onClick(DialogInterface dialog, int which) {
               }
            })
           .show();

        }


       public final class ViewHolder{
           public ImageView img;
            public TextView title;
           public TextView info;
           public Button viewBtn;
       }
        public class MyAdapter extends BaseAdapter{

            private LayoutInflater mInflater;
           public MyAdapter(Context context){
               this.mInflater = LayoutInflater.from(context);
            }
            @Override
            public int getCount() {
               // TODO Auto-generated method stub
                return mData.size();
            }
           @Override090            public Object getItem(int arg0) {
                // TODO Auto-generated method stub
               return null;            }

           @Override
           public long getItemId(int arg0) {
               // TODO Auto-generated method stub
               return ;
           }

            @Override
            public View getView(int position, View convertView, ViewGroup parent) {

               ViewHolder holder = null;
               if (convertView == null) {

                    holder=new ViewHolder(); 

                    convertView = mInflater.inflate(R.layout.vlist2, null);
                    holder.img = (ImageView)convertView.findViewById(R.id.img);
                    holder.title = (TextView)convertView.findViewById(R.id.title);
                   holder.info = (TextView)convertView.findViewById(R.id.info);
                   holder.viewBtn = (Button)convertView.findViewById(R.id.view_btn);
                  convertView.setTag(holder);
                                   }else {

                    holder = (ViewHolder)convertView.getTag();
                }
               holder.img.setBackgroundResource((Integer)mData.get(position).get("img"));
               holder.title.setText((String)mData.get(position).get("title"));
                holder.info.setText((String)mData.get(position).get("info"));

                holder.viewBtn.setOnClickListener(new View.OnClickListener() {

                   @Override
                   public void onClick(View v) {
                       showInfo();                
                   }
                });
            return convertView;
            }          
        }     
   }
           
Adapter擴充卡之基礎詳解介紹:使用方法:
Adapter擴充卡之基礎詳解介紹:使用方法:

參考資料:

Devin Zhang的CSNA部落格

繼續閱讀