android popupwindow 仿新浪、腾讯title弹框效果

最近项目中使用到PopupWindow，因此仔细研究了一下PopupWindow的使用方法。也借鉴了网上不少前辈的思想，实现了仿 新浪、腾讯title 弹框效果，跟大家分享一下！

运行效果截图

import android.app.Activity;
import android.graphics.Rect;
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.view.Window;
import android.widget.AdapterView;
import android.widget.AdapterView.OnItemClickListener;
import android.widget.ArrayAdapter;
import android.widget.Button;
import android.widget.LinearLayout;
import android.widget.ListView;
import android.widget.PopupWindow;

public class MainActivity extends Activity {
	private Button bt_order;
	private PopupWindow popupWindow;
	private LinearLayout layout;
	private ListView listView;
	private String title[] = { "全部", "我的微博", "周边", "智能排版", "同学","密友","系统推荐" };

	@Override
	public void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		requestWindowFeature(Window.FEATURE_NO_TITLE);
		setContentView(R.layout.main);
		bt_order = (Button) findViewById(R.id.bt_order);
		bt_order.setOnClickListener(new OnClickListener() {
			@Override
			public void onClick(View v) {
//				showPopupWindowA();
				showPopupWindowB();
			}
		});
	}
	
	/**
	 * 使用 showAsDropDown 方法显示
	 */
	private void showPopupWindowB() {
		layout = (LinearLayout) LayoutInflater.from(MainActivity.this).inflate(
				R.layout.dialog, null);
		listView = (ListView) layout.findViewById(R.id.lv_dialog);
		listView.setAdapter(new ArrayAdapter<String>(MainActivity.this,
				R.layout.text, R.id.tv_text, title));

		popupWindow = new PopupWindow(MainActivity.this);
		popupWindow.setBackgroundDrawable(new BitmapDrawable());
		popupWindow
		.setWidth(getResources().getDimensionPixelSize(
				R.dimen.mark_popupwindow_width));
		popupWindow.setHeight(getResources().getDimensionPixelSize(
				R.dimen.mark_popupwindow_height));
		
		popupWindow.setFocusable(true); // 设置PopupWindow可获得焦点
        popupWindow.setTouchable(true); // 设置PopupWindow可触摸
        popupWindow.setOutsideTouchable(false); // 设置非PopupWindow区域可触摸
//        popupWindow.setAnimationStyle(R.anim.popanim);
        
		popupWindow.setContentView(layout);
		
//		popupWindow.showAsDropDown(bt_order);
		popupWindow.showAsDropDown(bt_order, (getResources().getDimensionPixelSize(
				R.dimen.bt_width) - getResources().getDimensionPixelSize(
				R.dimen.mark_popupwindow_width))/2, 0);

		listView.setOnItemClickListener(new OnItemClickListener() {

			@Override
			public void onItemClick(AdapterView<?> arg0, View arg1, int arg2,
					long arg3) {
				bt_order.setText(title[arg2]);
				popupWindow.dismiss();
				popupWindow = null;
			}
		});
	}

	/**
	 * 使用 showAtLocation 方法显示，copy网上某位博主的实现方式
	 */
	public void showPopupWindowA() {
		Rect frame = new Rect();
        getWindow().getDecorView().getWindowVisibleDisplayFrame(frame);
        int state_heght = frame.top;// 状态栏的高度

        int y = bt_order.getBottom()+state_heght ;
        int x = getWindowManager().getDefaultDisplay().getWidth()/4;
        
		layout = (LinearLayout) LayoutInflater.from(MainActivity.this).inflate(
				R.layout.dialog, null);
		listView = (ListView) layout.findViewById(R.id.lv_dialog);
		listView.setAdapter(new ArrayAdapter<String>(MainActivity.this,
				R.layout.text, R.id.tv_text, title));

		popupWindow = new PopupWindow(MainActivity.this);
		popupWindow.setBackgroundDrawable(new BitmapDrawable());
		popupWindow
		.setWidth(getResources().getDimensionPixelSize(
				R.dimen.mark_popupwindow_width));
		popupWindow.setHeight(getResources().getDimensionPixelSize(
				R.dimen.mark_popupwindow_height));
		
		popupWindow.setFocusable(true); // 设置PopupWindow可获得焦点
        popupWindow.setTouchable(true); // 设置PopupWindow可触摸
        popupWindow.setOutsideTouchable(false); // 设置非PopupWindow区域可触摸
//        popupWindow.setAnimationStyle(R.anim.popanim);
        
		popupWindow.setContentView(layout);
		// showAsDropDown会把里面的view作为参照物，所以要那满屏幕parent
		// popupWindow.showAsDropDown(findViewById(R.id.tv_title), x, 10);
		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) {
				bt_order.setText(title[arg2]);
				popupWindow.dismiss();
				popupWindow = null;
			}
		});
	}

}

showPopupWindowA 是借鉴网上的一位博主实现的，链接：http://www.eoeandroid.com/forum.php?mod=viewthread&tid=240654。showPopupWindowB是我自己的实现方式。

MainActivity 布局

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/main"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:background="@android:color/background_light"
    android:orientation="vertical" >

    <Button
        android:id="@+id/bt_order"
        android:layout_width="@dimen/bt_width"
        android:layout_height="wrap_content"
        android:layout_gravity="center_horizontal"
        android:text="排序"
        android:textSize="20sp" />

</LinearLayout>

PopupWindow布局文件

<?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:background="@drawable/click"
    android:cacheColorHint="#00000000"
    android:orientation="vertical" >

    <ListView
        android:id="@+id/lv_dialog"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:cacheColorHint="#00000000"
        android:listSelector="@drawable/grouplist_item_bg_normal" >
    </ListView>

</LinearLayout>

显示 PopupWindow 有 两种方式：一种是showAtLocation，一种是 showAsDropDown，具体介绍可以参看Google Docs。使用showAtLocation方式显示的时候需要计算StatusBar 的高度，在某些机型上有问题。个人觉得使用 showAsDropDown 方法更靠谱一些。

另外如果想 点击 PopupWindow 窗体之外的区域，PopupWindow消失，设置 popupWindow.setOutsideTouchable(true);  即可

工程下载地址：http://download.csdn.net/detail/fx_sky/6285833