Android-自定義PopupWindow

Android-自定義PopupWindow
2014年5月12日 PopupWindow在應用中應該是隨處可見的，很常用到，比如在舊版本的微信當中就用到下拉的PopupWindow，那是自定義的。新版微信5.2的ActionBar，有人已經模仿了它，但微信具體是使用了ActionBar還是其他的筆者倒是不太清楚，本篇博客主要介紹如何自定義一個PopupWindow來供自己在開發應用時使用。因為筆者最近在開發一款應用時用到這個知識點，所以自己實現了類似新版微信的效果。源碼下載：http://download.csdn.net/detail/wwj_748/7337175 效果圖如下：



首先從布局開始/14_CustomPopupWindow/res/layout/activity_swipe.xml

/14_CustomPopupWindow/res/layout/add_popup_dialog.xml

/14_CustomPopupWindow/res/layout/more_popup_dialog.xml

以上分別是主頁面和兩個popupWindow布局
下面自定義兩個PopupWindow，自己封裝自己想要的PopuoWindow，這裡只是給出示例

/14_CustomPopupWindow/src/com/wwj/popupwindow/AddPopWindow.java

package com.wwj.popupwindow;

import android.app.Activity;
import android.content.Context;
import android.graphics.drawable.ColorDrawable;
import android.view.LayoutInflater;
import android.view.View;
import android.view.View.OnClickListener;
import android.view.ViewGroup.LayoutParams;
import android.widget.LinearLayout;
import android.widget.PopupWindow;

/**
 * 自定義popupWindow
 * 
 * @author wwj
 * 
 * 
 */
public class AddPopWindow extends PopupWindow {
	private View conentView;

	public AddPopWindow(final Activity context) {
		LayoutInflater inflater = (LayoutInflater) context
				.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
		conentView = inflater.inflate(R.layout.add_popup_dialog, null);
		int h = context.getWindowManager().getDefaultDisplay().getHeight();
		int w = context.getWindowManager().getDefaultDisplay().getWidth();
		// 設置SelectPicPopupWindow的View
		this.setContentView(conentView);
		// 設置SelectPicPopupWindow彈出窗體的寬
		this.setWidth(w / 2 + 50);
		// 設置SelectPicPopupWindow彈出窗體的高
		this.setHeight(LayoutParams.WRAP_CONTENT);
		// 設置SelectPicPopupWindow彈出窗體可點擊
		this.setFocusable(true);
		this.setOutsideTouchable(true);
		// 刷新狀態
		this.update();
		// 實例化一個ColorDrawable顏色為半透明
		ColorDrawable dw = new ColorDrawable(0000000000);
		// 點back鍵和其他地方使其消失,設置了這個才能觸發OnDismisslistener ，設置其他控件變化等操作
		this.setBackgroundDrawable(dw);
		// mPopupWindow.setAnimationStyle(android.R.style.Animation_Dialog);
		// 設置SelectPicPopupWindow彈出窗體動畫效果
		this.setAnimationStyle(R.style.AnimationPreview);
		LinearLayout addTaskLayout = (LinearLayout) conentView
				.findViewById(R.id.add_task_layout);
		LinearLayout teamMemberLayout = (LinearLayout) conentView
				.findViewById(R.id.team_member_layout);
		addTaskLayout.setOnClickListener(new OnClickListener() {

			@Override
			public void onClick(View arg0) {
				AddPopWindow.this.dismiss();
			}
		});

		teamMemberLayout.setOnClickListener(new OnClickListener() {

			@Override
			public void onClick(View v) {
				AddPopWindow.this.dismiss();
			}
		});
	}

	/**
	 * 顯示popupWindow
	 * 
	 * @param parent
	 */
	public void showPopupWindow(View parent) {
		if (!this.isShowing()) {
			// 以下拉方式顯示popupwindow
			this.showAsDropDown(parent, parent.getLayoutParams().width / 2, 18);
		} else {
			this.dismiss();
		}
	}
}

/14_CustomPopupWindow/src/com/wwj/popupwindow/MorePopWindow.java

package com.wwj.popupwindow;

import android.app.Activity;
import android.content.Context;
import android.graphics.drawable.ColorDrawable;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup.LayoutParams;
import android.widget.PopupWindow;

public class MorePopWindow extends PopupWindow {
	private View conentView;

	public MorePopWindow(final Activity context) {
		LayoutInflater inflater = (LayoutInflater) context
				.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
		conentView = inflater.inflate(R.layout.more_popup_dialog, null);
		int h = context.getWindowManager().getDefaultDisplay().getHeight();
		int w = context.getWindowManager().getDefaultDisplay().getWidth();
		// 設置SelectPicPopupWindow的View
		this.setContentView(conentView);
		// 設置SelectPicPopupWindow彈出窗體的寬
		this.setWidth(w / 2 + 50);
		// 設置SelectPicPopupWindow彈出窗體的高
		this.setHeight(LayoutParams.WRAP_CONTENT);
		// 設置SelectPicPopupWindow彈出窗體可點擊
		this.setFocusable(true);
		this.setOutsideTouchable(true);
		// 刷新狀態
		this.update();
		// 實例化一個ColorDrawable顏色為半透明
		ColorDrawable dw = new ColorDrawable(0000000000);
		// 點back鍵和其他地方使其消失,設置了這個才能觸發OnDismisslistener ，設置其他控件變化等操作
		this.setBackgroundDrawable(dw);
		// mPopupWindow.setAnimationStyle(android.R.style.Animation_Dialog);
		// 設置SelectPicPopupWindow彈出窗體動畫效果
		this.setAnimationStyle(R.style.AnimationPreview);

	}

	public void showPopupWindow(View parent) {
		if (!this.isShowing()) {
			this.showAsDropDown(parent, parent.getLayoutParams().width / 2, 18);
		} else {
			this.dismiss();
		}
	}
}

上面用到一個動畫樣式效果：/14_CustomPopupWindow/res/values/styles.xml

用到兩個動畫資源/14_CustomPopupWindow/res/anim/fade_in.xml

/14_CustomPopupWindow/res/anim/fade_out.xml

/14_CustomPopupWindow/src/com/wwj/popupwindow/MainActivity.java

package com.wwj.popupwindow;

import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Button;

public class MainActivity extends Activity implements OnClickListener{
	private Button setButton;
	private Button addButton;

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_swipe);
		
		setButton = (Button) findViewById(R.id.btnSet);
		addButton = (Button) findViewById(R.id.btnAdd);
		setButton.setOnClickListener(this);
		addButton.setOnClickListener(this);;
	}
	
	@Override
	public void onClick(View v) {
		switch (v.getId()) {
		case R.id.btnSet:
			MorePopWindow morePopWindow = new MorePopWindow(MainActivity.this);
			morePopWindow.showPopupWindow(setButton);
			break;
		case R.id.btnSearch:
			
			break;
		case R.id.btnAdd:
			AddPopWindow addPopWindow = new AddPopWindow(MainActivity.this);
			addPopWindow.showPopupWindow(addButton);
			break;
		default:
			break;
		}
	}
}

以上是代碼實現，具體可以下載源碼參考。