王学岗观察者模式之适配器

上一节给大家讲了下观察者模式，今天我们看下观察者模式在适配器中的应用。
我们先写一个小的APK
先看下MainActivity的代码

package com.example.guanchazhemoshizhishipeiqi;

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

import android.app.Activity;
import android.os.Bundle;
import android.view.Menu;
import android.view.View;
import android.view.View.OnLongClickListener;
import android.widget.AdapterView;
import android.widget.AdapterView.OnItemClickListener;
import android.widget.AdapterView.OnItemLongClickListener;
import android.widget.GridView;
import android.widget.SimpleAdapter;
import android.widget.Toast;

public class MainActivity extends Activity {
    private int[] icons = { R.drawable.face1, R.drawable.face2,
            R.drawable.face3, R.drawable.face4, R.drawable.face5,
            R.drawable.face6, R.drawable.face7, R.drawable.face8, };
    private List<Map<String, Object>> data;
    private GridView gv_gridView;
    private SimpleAdapter adapter;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        gv_gridView = (GridView) findViewById(R.id.gv_gridview);
        // 准备数据
        data = new ArrayList<Map<String, Object>>();
        for (int i = 0; i < icons.length; i++) {
            Map<String, Object> map = new HashMap<String, Object>();
            map.put("name", "gang的图片：" + i);
            map.put("picture", icons[i]);
            data.add(map);
        }
        adapter = new SimpleAdapter(this, data, R.layout.gridview_item,
                new String[] { "name", "picture" }, new int[] { R.id.tv_Name,
                        R.id.iv_icon });
        gv_gridView.setAdapter(adapter);
        // 设置条目点击事件
        gv_gridView.setOnItemClickListener(new OnItemClickListener() {

            @Override
            public void onItemClick(AdapterView<?> parent, View view,
                    int position, long id) {
                Map map = (Map) adapter.getItem(position);// 每一个item都是yigemap对象，
                String name = (String) map.get("name");
                Toast.makeText(MainActivity.this, "name:" + name, 3000).show();
            }
        });
        // 当长按该条目的时候，删除之.
        // 每一个条目都是一个gridview_item的布局,事实上我们删除的是条目中的数据而不是条目，而条目中的数据放在adapter里
        gv_gridView.setOnItemLongClickListener(new OnItemLongClickListener() {

            @Override
            public boolean onItemLongClick(AdapterView<?> parent, View view,
                    int position, long id) {
                data.remove(position);// 删除position位置的数据——map集合
                System.out.println("删除成功");
                /*
                 * 问： 如果没有“adapter.notifyDataSetChanged()”这句代码，“data.remove(position)”和“
                 * System.out.println("删除成功")”两句代码却会执行。 但是图片却不会被删除，为什么？
                 * 答：数据在adapter里
                 * ，data.remove(position)删除的是adapter里的数据，但是显示在屏幕上的数据却并不是
                 * adapter的数据
                 * ，而是gv_gridView通过setAdapter()把adapter里面的数据拿出来显示在屏幕上,所以我们虽然
                 * 修改了adapter里的数据，但是gv_gridView的数据并没有改变，所以屏幕上的图片不会被删除
                 */

                adapter.notifyDataSetChanged();// 刷新适配器的目的是更新listview。通过重新调用父类的getView()方法，适配器重新为listView加载数据
                return false;
            }
        });
    }
}

看下main.xml的布局非常简单

<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" >

    <GridView 
        android:id="@+id/gv_gridview"
        android:layout_height="wrap_content"
        android:layout_width="wrap_content"/>
</RelativeLayout>

gridview_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:orientation="horizontal" 
    android:gravity="center"
    >
    <ImageView 
        android:layout_width="100dp"
        android:layout_height="100dp"
        android:id="@+id/iv_icon"
        />
    <TextView 
        android:id="@+id/tv_Name"
         android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        />

</LinearLayout>

看一下效果

adapter.notifyDataSetChanged();代码是重难点，我在贴出来的代码上已经讲解的十分清楚了。该方法用的就是观察者模式，我们细细的分析下。
notifyDataSetChanged()是BaseAdapter的方法

我们在看下mDataSetObservable，依然是是在BaseAdapter里创建的；

private final DataSetObservable mDataSetObservable = new DataSetObservable();

即是初步了解观察者模式，我想你也该明白notifyChanged()是是普遍的观察者模式的命名方法，继续点击你就会发现其实就是个观察者模式的简单应用，详情见源码我就写下自己的心得！

1) Adapter:被观察者
2) 容器：private final DataSetObservable mDataSetObservable = new DataSetObservable();
3) listView GridView :setAdapter(adapter):
创建一个观察者：mDataSetObserver = new AdapterDataSetObserver();
将观察者保存到被观察者容器中:

mAdapter.registerDataSetObserver(mDataSetObserver)

4)Adapter.notifyDataSetChanged()
将容器中的所有观察者 取出来 调用所有观察这的
onChanged() —requestLayout()：触发 listView GridView 的onMeasure onLayout onDraw()