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[] = { "全部", "我的微博", "周边", "智能排版", "同学","密友","系统推荐" };@Overridepublic 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() {@Overridepublic 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() {@Overridepublic 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() {@Overridepublic 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