设计模式之观察者模式在Listview中的应用

有时候我们会有这么一个需求，在Listview的某个Item上有个按钮，点击这个按钮之后呢，需要对其它的item做一些操作，就像下面这个：

采纳按钮点击之前：采纳按钮点击之后：

简单介绍一下这两张图的意思：

模拟了一个Listview，在每个Item上都有一个“采纳”按钮，当点击其中一个“采纳”之后，需要将其它“采纳”按钮隐藏，并且自身需要改为“已采纳”，如后面的图所示。

我们有一种简单的办法可以做到，就是更改数据的值，并且让Adapter重新刷新一遍，这是一种简单粗暴的方式，用户体验非常不好，会使整个页面都闪一下。

那么为了有没有什么更好的办法呢？有的，使用我们的观察者模式。

观察者模式在我们这里的基本实现方式是：当其中一个按钮被点击之后，通过回调更新其它控件即可。如何实现呢？以简单代码来说明：

package com.sahadev;

import java.util.HashMap;
import java.util.Iterator;
import java.util.Map;
import java.util.Map.Entry;
import java.util.Set;

import android.annotation.SuppressLint;
import android.app.Activity;
import android.content.Context;
import android.os.Bundle;
import android.os.Message;
import android.view.LayoutInflater;
import android.view.View;
import android.view.View.OnClickListener;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.Button;
import android.widget.ListView;

import com.lidroid.xutils.ViewUtils;
import com.lidroid.xutils.view.annotation.ViewInject;
import com.sahadev.renren.R;

public class MainActivity extends Activity {
	@ViewInject(R.id.listview)
	private ListView listview;

	private BaseAdapter internalAdapter;

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

		ViewUtils.inject(this);

		internalAdapter = new InternalAdapter(this);

		listview.setAdapter(internalAdapter);
	}

	/**
	 * 观察者模式的回调接口
	 * 
	 * @author Sahadev
	 *
	 */
	public interface Callback {
		public void update(Message msg);
	}

	private static class InternalAdapter extends BaseAdapter {
		private int dataSize = 6;
		private Map<View, Callback> maps;

		private LayoutInflater inflate;

		public InternalAdapter(Context context) {
			super();

			inflate = LayoutInflater.from(context);
			maps = new HashMap<View, MainActivity2.Callback>();
		}

		@Override
		public int getCount() {
			return dataSize;
		}

		@Override
		public Object getItem(int position) {
			return null;
		}

		@Override
		public long getItemId(int position) {
			return 0;
		}

		@SuppressLint("InflateParams")
		@Override
		public View getView(int position, View convertView, ViewGroup parent) {
			if (convertView == null) {
				convertView = inflate.inflate(R.layout.listview_item_layout, null);

				Button button = (Button) convertView.findViewById(R.id.button);

				// 生成一个观察者
				Callback callback = new Callback() {

					@Override
					public void update(Message msg) {
						// 当其中一个按钮被点击时通过调用update方法来更新其它UI
						// 先隐藏所有的采纳按钮
						View view = (View) msg.obj;
						if (msg.what == 0) {
							view.setVisibility(View.INVISIBLE);
						} else {
							Button button = (Button) view;
							button.setText("已采纳");
							button.setEnabled(false);
						}
					}
				};

				// 将我们的需要更改的对象和观察者一并放入maps
				maps.put(button, callback);

				button.setOnClickListener(new OnClickListener() {

					@Override
					public void onClick(final View v) {
						// 遍历maps中所有的监听者
						Set<Entry<View, Callback>> entrySet = maps.entrySet();
						Iterator<Entry<View, Callback>> iterator = entrySet.iterator();
						while (iterator.hasNext()) {
							Entry<View, Callback> next = iterator.next();
							// 使用value的update方法将key作为参数使得监听的地方对它进行修改
							Message msg = new Message();
							View temp = next.getKey();
							msg.obj = temp;

							if (temp.equals(v) || temp == v) {// 如果是点击的按钮本身，则需要对它进行特殊处理
								msg.what = 1;
							}
							// 通知所有的观察者
							next.getValue().update(msg);
						}

					}
				});
			}
			return convertView;
		}

	}
}

最后附上我们的运行效果图，是不是很实用呢？