android开发步步为营之64:PopupWindow实现自定义弹出菜单

打开PopupWindow的源码，你会发现它其实也是通过WindowManager来添加view的。

private void invokePopup(WindowManager.LayoutParams p) {
if (mContext != null) {
p.packageName = mContext.getPackageName();
}
mPopupView.setFitsSystemWindows(mLayoutInsetDecor);
setLayoutDirectionFromAnchor();
mWindowManager.addView(mPopupView, p);
}

本文实现的效果就是通过PopupWindow弹出一个自定义menu，如图所示：



点击右上角的菜单，弹出菜单项，好，我们来实现这个效果。

第一步、设计菜单页面layout_menu.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="156dp"
android:layout_height="150dp"
android:background="#9AFF9A"
android:orientation="vertical" >

<LinearLayout
android:id="@+id/layout_share"
android:layout_width="match_parent"
android:layout_height="49dp"
android:background="@drawable/item_bg_style"
android:clickable="true"
android:orientation="horizontal" >

<ImageView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center_vertical"
android:layout_marginLeft="20dp"
android:layout_marginRight="20dp"
android:src="@drawable/ic_share" />

<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center_vertical"
android:text="@string/lbl_share"
android:textColor="#187D18" >
</TextView>
</LinearLayout>

<LinearLayout
android:layout_width="match_parent"
android:layout_height="1dp"
android:layout_marginLeft="10dp"
android:layout_marginRight="10dp"
android:background="#87EC87" >
</LinearLayout>

<LinearLayout
android:id="@+id/layout_setting"
android:layout_width="match_parent"
android:layout_height="49dp"
android:background="@drawable/item_bg_style"
android:clickable="true"
android:orientation="horizontal" >

<ImageView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center_vertical"
android:layout_marginLeft="20dp"
android:layout_marginRight="20dp"
android:src="@drawable/ic_setting" />

<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center_vertical"
android:text="@string/lbl_setting"
android:textColor="#187D18" >
</TextView>
</LinearLayout>

<LinearLayout
android:layout_width="match_parent"
android:layout_height="1dp"
android:layout_marginLeft="10dp"
android:layout_marginRight="10dp"
android:background="#87EC87" >
</LinearLayout>

<LinearLayout
android:id="@+id/layout_update"
android:layout_width="match_parent"
android:layout_height="49dp"
android:background="@drawable/item_bg_style"
android:clickable="true"
android:orientation="horizontal" >

<ImageView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center_vertical"
android:layout_marginLeft="20dp"
android:layout_marginRight="20dp"
android:src="@drawable/ic_update" />

<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center_vertical"
android:text="@string/lbl_update"
android:textColor="#187D18" >
</TextView>
</LinearLayout>

</LinearLayout>

第二步、弹出菜单

View popView = getLayoutInflater().inflate(R.layout.layout_menu, null);
LinearLayout layoutShare = (LinearLayout) popView.findViewById(R.id.layout_share);
layoutShare.setOnClickListener(new OnClickListener() {

@Override
public void onClick(View v) {
// TODO Auto-generated method stub

}
});

LinearLayout layoutSetting = (LinearLayout) popView.findViewById(R.id.layout_setting);
layoutSetting.setOnClickListener(new OnClickListener() {

@Override
public void onClick(View v) {

startActivity(new Intent(MainActivity.this, SettingActivity.class));
if (popup!=null&&popup.isShowing()) {
popup.dismiss();
}
}
});

LinearLayout layoutUpdate = (LinearLayout) popView.findViewById(R.id.layout_update);
layoutUpdate.setOnClickListener(new OnClickListener() {

@Override
public void onClick(View v) {
// TODO Auto-generated method stub

}
});
PobupWindow popup = new PopupWindow(popView, UIUtils.dip2px(MainActivity.this, 156), UIUtils.dip2px(MainActivity.this, 150));
popup.setFocusable(true);
popup.setOutsideTouchable(true);
popup.setBackgroundDrawable(new BitmapDrawable());
layoutMenuContainer = (LinearLayout) findViewById(R.id.layout_menu);
layoutMenuContainer.setOnClickListener(new OnClickListener() {

@Override
public void onClick(View v) {
try {

int[] location = new int[2];
v.getLocationOnScreen(location);
if (popup.isShowing()) {
popup.dismiss();
} else {
// popup.showAsDropDown(v);
popup.showAsDropDown(v, -UIUtils.dip2px(MainActivity.this, 129), 0);
// popup.showAtLocation(v,
// Gravity.NO_GRAVITY,location[0]-UIUtils.dip2px(MainActivity.this,100),location[1]+UIUtils.dip2px(MainActivity.this,60));

}

} catch (Exception e) {
if (e != null) {
e.printStackTrace();
}
}

}
});

第三步、AndroidManifest.xml配置权限

<uses-permission android:name="android.permission.SYSTEM_ALERT_WINDOW" />