仿微信弹出框的实现(PopupWindow)

最近公司项目需要实现类似微信的浮层弹出框。研究发现是用PopupWindow实现的。而且可以自定义位置以及出现和退出时的动画，由于太晚了就不实现动画了，需要得同学请自己研究下。由于本人新手其中的不足和缺点请见谅。

代码如下：

首先是定义顶部按钮的main.xml文件

其次是定义弹出框PopupWindow的popupwindow_dialog.xml

接着是每一个弹出框显示的文字text.xml

最后是主界面的MainActivity.java

package com.bn.weixindemo;

import android.app.Activity;
import android.graphics.drawable.BitmapDrawable;
import android.os.Bundle;
import android.view.Gravity;
import android.view.LayoutInflater;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.AdapterView;
import android.widget.ArrayAdapter;
import android.widget.Button;
import android.widget.LinearLayout;
import android.widget.ListView;
import android.widget.PopupWindow;
import android.widget.Toast;
import android.widget.AdapterView.OnItemClickListener;

/**
 * 
 *@title 标题
 *@description 仿微信顶部弹出框的popuwindow
 *@author zhengxiaolin
 *@version 1.0
 *@created 2014-5-23 上午12:11:11
 *@changeRecord [修改记录]

 */
public class MainActivity extends Activity implements OnClickListener{
	private Button mBtnMore,mBtnAdd,mBtnSearch;
	private PopupWindow popupWindow;
	private LinearLayout layout;
	private ListView listView;
	private String[] more = {"我的相册","我的收藏","我的银行卡","设置","意见反馈"};
	private String[] add ={"发起群聊","添加朋友","视屏聊天","扫一扫","拍照分享"};
	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.main);
		mBtnMore = (Button) findViewById(R.id.more);
		mBtnAdd = (Button) findViewById(R.id.add);
		mBtnSearch = (Button) findViewById(R.id.search);
		setOnClickListener();
	}
	
	private void setOnClickListener() {
		mBtnMore.setOnClickListener(this);
		mBtnAdd.setOnClickListener(this);
		mBtnSearch.setOnClickListener(this);
	}
	
	@Override
	public void onClick(View v) {
		// TODO Auto-generated method stub
		switch (v.getId()) {
		case R.id.more:
			mBtnMore.getTop();
			int y = mBtnMore.getBottom() * 3 / 2;
			int x = getWindowManager().getDefaultDisplay().getWidth();
			showMorePopupWindow(x, y);
			break;
		case R.id.add:
			mBtnAdd.getTop();
			int y1 = mBtnAdd.getBottom() * 3 / 2;
			int x1 = getWindowManager().getDefaultDisplay().getWidth();
			showAddPopupWindow(x1, y1);
			break;
		case R.id.search:
			Toast.makeText(getBaseContext(), "搜索", 1).show();
		default:
			break;
		}
	}
	
	public void showMorePopupWindow(int x, int y) {
		layout = (LinearLayout) LayoutInflater.from(MainActivity.this).inflate(
				R.layout.popupwindow_dialog, null);
		listView = (ListView) layout.findViewById(R.id.lv_dialog);
		listView.setAdapter(new ArrayAdapter(MainActivity.this,
				R.layout.text, R.id.tv_text, more));

		popupWindow = new PopupWindow(MainActivity.this);
		popupWindow.setBackgroundDrawable(new BitmapDrawable());
		popupWindow
				.setWidth(getWindowManager().getDefaultDisplay().getWidth() / 2);
		popupWindow.setHeight(420);
		popupWindow.setOutsideTouchable(true);
		popupWindow.setFocusable(true);
		popupWindow.setContentView(layout);
		popupWindow.showAtLocation(findViewById(R.id.main), Gravity.LEFT
				| Gravity.TOP, x, y);//需要指定Gravity，默认情况是center.
		listView.setOnItemClickListener(new OnItemClickListener() {
			@Override
			public void onItemClick(AdapterView arg0, View arg1, int arg2,
					long arg3) {
				Toast.makeText(getBaseContext(), "您选择了："+more[arg2], 1).show();
				popupWindow.dismiss();
				popupWindow = null;
			}
		});
	}
	/**
	 * 点击+时弹出的popuwindow 
	 */
	public void showAddPopupWindow(int x, int y) {
		layout = (LinearLayout) LayoutInflater.from(MainActivity.this).inflate(
				R.layout.popupwindow_dialog, null);
		listView = (ListView) layout.findViewById(R.id.lv_dialog);
		listView.setAdapter(new ArrayAdapter(MainActivity.this,
				R.layout.text, R.id.tv_text, add));

		popupWindow = new PopupWindow(MainActivity.this);
		popupWindow.setBackgroundDrawable(new BitmapDrawable());
		popupWindow
				.setWidth(getWindowManager().getDefaultDisplay().getWidth() / 2);
		popupWindow.setHeight(420);
		popupWindow.setOutsideTouchable(true);
		popupWindow.setFocusable(true);
		popupWindow.setContentView(layout);
		popupWindow.showAtLocation(findViewById(R.id.main), Gravity.LEFT
				| Gravity.TOP, x, y);//需要指定Gravity，默认情况是center.
		listView.setOnItemClickListener(new OnItemClickListener() {
			@Override
			public void onItemClick(AdapterView arg0, View arg1, int arg2,
					long arg3) {
				Toast.makeText(getBaseContext(), "您选择了："+add[arg2], 1).show();
				popupWindow.dismiss();
				popupWindow = null;
			}
		});
	}
}

好了，主要代码就完成了，实现效果如下所示：

由于本人没有图片，所以弹出框的背景图没有处理，弹出框中的每一项的前面也没有添加图片，有需要得同学可以自行添加。(效果已经出来了，细节没有调整，请大家见谅)