【安卓笔记】popupWindow使用浅析

概述：
popupWindow可以用来实现弹出框效果，弹出框的布局可以任意指定，这个弹出框是悬浮在当前activity之上的。

使用方式：

1.为popupWindow填充一个布局；

2.new出popupWindow实例；

3.调用showAsDropDown或者showAtLocation方法显示弹出框.

示例：

1.popupWindow的布局：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_height="match_parent"
android:layout_width="match_parent"
android:background="#00ff00"
android:orientation="vertical" >

<TextView
android:id="@+od/tv"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:gravity="center_horizontal"
android:textSize="25sp"
android:text="立 即 更 新"
/>
<ImageView
android:layout_width="match_parent"
android:layout_height="1dp"
android:background="#000"
/>
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:gravity="center_horizontal"
>
<Button
android:id="@+id/but_neg"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="取消"
/>
<Button
android:id="@+id/but_pos"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="确定"
android:layout_marginLeft="20dp"
android:layout_toRightOf="@id/but_neg"
/>
</RelativeLayout>
</LinearLayout>

2.activity：

activity的布局很简单，只有一个button，用于显示popupWindow，就不贴了。

package com.example.popupwindowdemo;
import android.app.Activity;
import android.graphics.drawable.BitmapDrawable;
import android.os.Bundle;
import android.view.Gravity;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Button;
import android.widget.LinearLayout.LayoutParams;
import android.widget.PopupWindow;
import android.widget.Toast;
public class MainActivity extends Activity implements OnClickListener
{
private PopupWindow pw = null;
private Button but_pos = null;
private Button but_neg = null;

private Button but_show = null;

private int screenWidth = 0;
@Override
protected void onCreate(Bundle savedInstanceState)
{
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
screenWidth = getWindowManager().getDefaultDisplay().getWidth();
but_show = (Button) findViewById(R.id.but_show);
but_show.setOnClickListener(this);
}

public void initPopupWindow()
{
View view = getLayoutInflater().inflate(R.layout.layout_popup_window,null);
but_pos = (Button) view.findViewById(R.id.but_pos);
but_neg = (Button) view.findViewById(R.id.but_neg);
but_neg.setOnClickListener(this);
but_pos.setOnClickListener(this);

pw = new PopupWindow(view, LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT,true);
pw.setWidth(screenWidth*3/4);
pw.setBackgroundDrawable(new BitmapDrawable());
}
@Override
public void onClick(View v)
{
switch (v.getId())
{
case R.id.but_neg:
Toast.makeText(this,"取消", 0).show();
pw.dismiss();
break;
case R.id.but_pos:
Toast.makeText(this,"开始下载", 0).show();
pw.dismiss();
break;
case R.id.but_show:
initPopupWindow();
//显示在指定位置
pw.showAtLocation(findViewById(R.id.root),Gravity.CENTER,0,0);
//默认显示在指定的view左下,可以指定偏移量,这里让其显示在中间
//            pw.showAsDropDown(but_show,(screenWidth-pw.getWidth())/2,0);
break;
}
}
}

显示效果：



当我们点击按钮后，将会弹出上面定义的弹出框，另外如果我们希望给其增加动画，我们可以调用

setAnimationStyle方法。

添加自定义动画

比如我们希望给这个弹出框增加淡入淡出的效果。

首先我们先定义好动画：

in.xml

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
<alpha
android:fromAlpha="0"
android:toAlpha="1"
android:duration="2000"
/>
</set>

out.xml

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
<alpha android:fromAlpha="1"
android:toAlpha="0"
android:duration="1000"
/>
</set>

然后在styles.xml文件中定义：

<style name="popup_window_style">
<item name="android:windowEnterAnimation">@anim/in</item>
<item name="android:windowExitAnimation">@anim/out</item>
</style>

最后在initPopupWindow方法中增加这样一行代码：

pw.setAnimationStyle(R.style.popup_window_style);

现在弹出框就有了淡入淡出的效果了.

注意：

当我们触摸弹出框外侧或者点击back键时，弹出框会自动消失，这符合我们的使用常识。但是当我们去掉下面这一句后，将会发现弹出框不能被dismiss掉。

pw.setBackgroundDrawable(new BitmapDrawable());

这是为什么呢？我们跟踪源码看看。

从showAtLocation方法开始：

public void showAtLocation(IBinder token, int gravity, int x, int y) {
if (isShowing() || mContentView == null) {
return;
}
unregisterForScrollChanged();
mIsShowing = true;
mIsDropdown = false;
WindowManager.LayoutParams p = createPopupLayout(token);
p.windowAnimations = computeAnimationResource();

preparePopup(p);
if (gravity == Gravity.NO_GRAVITY) {
gravity = Gravity.TOP | Gravity.START;
}
p.gravity = gravity;
p.x = x;
p.y = y;
if (mHeightMode < 0) p.height = mLastHeight = mHeightMode;
if (mWidthMode < 0) p.width = mLastWidth = mWidthMode;
invokePopup(p);
}

可以看到，内部先会调用PreparePopup方法，跟进去：

private void preparePopup(WindowManager.LayoutParams p) {
if (mContentView == null || mContext == null || mWindowManager == null) {
throw new IllegalStateException("You must specify a valid content view by "
+ "calling setContentView() before attempting to show the popup.");
}
if (mBackground != null) {
final ViewGroup.LayoutParams layoutParams = mContentView.getLayoutParams();
int height = ViewGroup.LayoutParams.MATCH_PARENT;
if (layoutParams != null &&
layoutParams.height == ViewGroup.LayoutParams.WRAP_CONTENT) {
height = ViewGroup.LayoutParams.WRAP_CONTENT;
}
// when a background is available, we embed the content view
// within another view that owns the background drawable
PopupViewContainer popupViewContainer = new PopupViewContainer(mContext);
PopupViewContainer.LayoutParams listParams = new PopupViewContainer.LayoutParams(
ViewGroup.LayoutParams.MATCH_PARENT, height
);
popupViewContainer.setBackgroundDrawable(mBackground);
popupViewContainer.addView(mContentView, listParams);
mPopupView = popupViewContainer;
} else {
mPopupView = mContentView;
}
mPopupViewInitialLayoutDirectionInherited =
(mPopupView.getRawLayoutDirection() == View.LAYOUT_DIRECTION_INHERIT);
mPopupWidth = p.width;
mPopupHeight = p.height;
}

可以看到如果mBackground 为空则将mContentView赋给popupView,否则在mContentView外侧包装一个popupViewContainer。mContentView即弹出框上显示的view，那么这个popupViewContainer是啥？

经查找，发现它是PopupWindow的一个内部类：

private class PopupViewContainer extends FrameLayout

观察这个类，我们发现这个类重写了onTouchEvent，dispatchTouchEvent，dispatchKeyEvent等方法。

比如说这个onTouchEvent就定义了当我们点击popupWindow外就会自动dismiss掉弹出框：

public boolean onTouchEvent(MotionEvent event) {
final int x = (int) event.getX();
final int y = (int) event.getY();

if ((event.getAction() == MotionEvent.ACTION_DOWN)
&& ((x < 0) || (x >= getWidth()) || (y < 0) || (y >= getHeight()))) {
dismiss();
return true;
} else if (event.getAction() == MotionEvent.ACTION_OUTSIDE) {
dismiss();
return true;
} else {
return super.onTouchEvent(event);
}
}

而当我们不设置背景时，默认并不会对onTouch等事件进行处理。