Android PopupWindow实战仿QQ底部弹出

Android提供两种对话框形式，一种是popupwindow，一种是dialog，先为大家说明一下两者的区别。

位置：AlertDialog的位置固定，而PopupWindow的位置可以随意。

showAsDropDown(View anchor)：相对某个控件的位置（正左下方），无偏移。

showAsDropDown(View anchor, int xoff, int yoff)：相对某个控件的位置，有偏移

showAtLocation(View parent, int gravity, int x, int y)：相对于父控件的位置（例如正中央Gravity.CENTER，下方Gravity.BOTTOM等），可以设置偏移或无偏移

线程：AlertDialog是非阻塞线程的，而PopupWindow是阻塞线程的。

第一个案例

讲解一下重要的代码部分，稍后我会讲源码发出去供大家下载。

简单的案例，大家先看一下代码

public class MyPopupWindow extends PopupWindow {
	private Button btn_take_photo, btn_pick_photo, btn_cancel;
	private View mMenuView;
	public MyPopupWindow(Activity context, OnClickListener itemsOnClick) {
		super(context);
		LayoutInflater inflater = (LayoutInflater) context.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
		mMenuView = inflater.inflate(R.layout.alert_dialog, null);
		btn_take_photo = (Button) mMenuView.findViewById(R.id.btn_take_photo);
		btn_pick_photo = (Button) mMenuView.findViewById(R.id.btn_pick_photo);
		btn_cancel = (Button) mMenuView.findViewById(R.id.btn_cancel);
		//取消按钮
		btn_cancel.setOnClickListener(new OnClickListener() {

			public void onClick(View v) {
				//销毁弹出框
				dismiss();
			}
		});
		//设置按钮监听
		btn_pick_photo.setOnClickListener(itemsOnClick);
		btn_take_photo.setOnClickListener(itemsOnClick);
		this.setContentView(mMenuView);
		this.setWidth(LayoutParams.FILL_PARENT);
		this.setHeight(LayoutParams.WRAP_CONTENT);
		this.setFocusable(true);
		this.setTouchable(true);
		this.setAnimationStyle(R.style.PopupAnimation);
		ColorDrawable dw = new ColorDrawable(Color.TRANSPARENT);
		this.setBackgroundDrawable(dw);
		//mMenuView添加OnTouchListener监听判断获取触屏位置如果在选择框外面则销毁弹出框
		mMenuView.setOnTouchListener(new OnTouchListener() {
			public boolean onTouch(View v, MotionEvent event) {
				int height = mMenuView.findViewById(R.id.pop_layout).getTop();
				int y = (int) event.getY();
				if (event.getAction() == MotionEvent.ACTION_UP) {
					if (y < height) {
						dismiss();
					}
				}
				return true;
			}
		});
	}
}

看一下MainActivity的实现

public class MainActivity extends Activity {
	//自定义的弹出框类
	MyPopupWindow menuWindow;

	@Override
	public void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);
		final TextView tv = (TextView) this.findViewById(R.id.text);
		//把文字控件添加监听，点击弹出自定义窗口
		tv.setOnClickListener(new OnClickListener() {
			public void onClick(View v) {
				menuWindow = new MyPopupWindow(MainActivity.this,itemsOnClick);
				//显示窗口
				menuWindow.showAtLocation(MainActivity.this.findViewById(R.id.main), Gravity.BOTTOM | Gravity.CENTER_HORIZONTAL, 0, 0); //设置layout在PopupWindow中显示的位置
			}
		});
	}
	//为弹出窗口实现监听类
	private OnClickListener itemsOnClick = new OnClickListener() {

		public void onClick(View v) {
			menuWindow.dismiss();
			switch (v.getId()) {
			case R.id.btn_take_photo:
				break;
			case R.id.btn_pick_photo:
				break;
			default:
				break;
			}
		}
	};
}

下载Demo请猛戳

第二个案例

①.如上图所示在构造PopupWindow的实例时，制定它的宽度是button的宽度，如下代码

PopupWindow popu = new PopupWindow(mPopup, btn.getWidth(), ViewGroup.LayoutParams.WRAP_CONTENT);

②.点击外部时，当前PopupWindow就消失，如下代码

popu.setOutsideTouchable(true);

③.设置PopupWindow可以获取焦点

popu.setFocusable(true);

④.调用显示位置的showAtLocation方法

int[] location = new int[2];
btn.getLocationOnScreen(location);
popu.showAtLocation(btn, Gravity.NO_GRAVITY, location[0], location[1] + btn.getHeight());

下载Demo请猛戳

第三个案例

关键是在ListView的Adapter中对popupwindow的处理

在构建Adapter实例的时候，初始化popupwindow，并显示

/** 
 * 初始化popWindow
 * */
private void initPopWindow() {
	View popView = inflater.inflate(R.layout.listview_pop, null);
	popupWindow = new PopupWindow(popView, LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT);
	popupWindow.setBackgroundDrawable(new ColorDrawable(0));
	//设置popwindow出现和消失动画
	popupWindow.setAnimationStyle(R.style.PopMenuAnimation);
	btn_pop_close = (ImageView) popView.findViewById(R.id.btn_pop_close);
}

/** 
 * 显示popWindow
 * */
public void showPop(View parent, int x, int y, int postion) {
	//设置popwindow显示位置
	popupWindow.showAtLocation(parent, Gravity.AXIS_X_SHIFT, x, y);
	//获取popwindow焦点
	popupWindow.setFocusable(true);
	//设置popwindow如果点击外面区域，便关闭。
	popupWindow.setOutsideTouchable(true);
	popupWindow.update();
	if (popupWindow.isShowing()) {
		popupWindow.dismiss();
	}
	btn_pop_close.setOnClickListener(new OnClickListener() {
		public void onClick(View paramView) {
			popupWindow.dismiss();
		}
	});
}

下载Demo请猛戳