Android 动画效果弹出PopupWindow，同时屏幕背景变暗

最近做项目的时候，希望弹出一个PopupWindow，但是效果并不美观，所以自己写了个效果，动画弹出PopupWindow，是飞入/飞出，加上渐变的效果。在弹出PopupWindow的同时，改变屏幕背景的透明度，使屏幕背景变暗。实现效果如下

主页面布局只添加了一个Button，然后设置Button的点击事件来弹出PopupWindow

PopupWindow布局添加了一个TextView和三个Button，代码如下：

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

    <TextView
        android:id="@+id/textView1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_margin="10dp"
        android:text="这是一个PopupWindow" />

    <Button
        android:id="@+id/bt_item1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_margin="10dp"
        android:text="Item1" />

    <Button
        android:id="@+id/bt_item2"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_margin="10dp"
        android:text="Item2" />

    <Button
        android:id="@+id/bt_item3"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_margin="10dp"
        android:text="Item3" />

</LinearLayout>

因为PopupWindow必须设置背景图片，我用XML文件写了个背景图

在res文件夹下新建drawable文件夹，里面添加popupwindow_background.xml文件，代码如下：

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" >

    <solid android:color="#e1859e" />

    <corners android:radius="5dip" />

    <stroke
        android:width="2dip"
        android:color="#1cb0ba" />

</shape>

添加动画效果
在res文件夹下新建anim文件夹，里面添加动画文件

PopupWindow隐藏动画popupwindow_hidden_anim.xml，代码如下：

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android" >

    <translate
        android:duration="1000"
        android:fromYDelta="0"
        android:toYDelta="10%p" />

    <alpha
        android:duration="1000"
        android:fromAlpha="1.0"
        android:toAlpha="0.0" />

</set>

PopupWindow显示动画popupwindow_hidden_anim.xml

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android" >

    <translate
        android:duration="1000"
        android:fromYDelta="10%p"
        android:toYDelta="0" />

    <alpha
        android:duration="1000"
        android:fromAlpha="0.0"
        android:toAlpha="1.0" />

</set>

最后，我们还需要在res/values文件夹下的style.xml文件里添加如下代码，用来设置PopupWindow显示/隐藏的动画效果

<!-- PopupWindow弹出/隐藏动画 -->
    <style name="MyPopupWindow_anim_style">
        <item name="android:windowEnterAnimation">@anim/popupwindow_show_anim</item>
        <item name="android:windowExitAnimation">@anim/popupwindow_hidden_anim</item>
    </style>

至此便完成了PopupWindow的动画设置

MainActivity代码，主要是设置PopupWindow的一些参数，具体见注释：

public class MainActivity extends Activity {

	private Button bt;

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);

		bt = (Button) findViewById(R.id.button1);
		bt.setOnClickListener(new OnClickListener() {

			@Override
			public void onClick(View v) {
				showpopupWindow(v);// 显示PopupWindow
			}
		});
	}

	@SuppressLint("InlinedApi")
	private void showpopupWindow(View v) {
		Button btItem1, btItem2, btItem3;

		LayoutInflater layoutInflater = LayoutInflater.from(MainActivity.this);
		View view = layoutInflater.inflate(R.layout.popwindow_layout, null);

		final PopupWindow popupWindow = new PopupWindow(view, LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT, true);
		// 如果不设置PopupWindow的背景，无论是点击外部区域还是Back键都无法dismiss弹框
		popupWindow.setBackgroundDrawable(getResources().getDrawable(R.drawable.popupwindow_background));
		popupWindow.setOutsideTouchable(true);
		popupWindow.setAnimationStyle(R.style.MyPopupWindow_anim_style);

		btItem1 = (Button) view.findViewById(R.id.bt_item1);
		btItem1.setOnClickListener(new OnClickListener() {
			@Override
			public void onClick(View v) {
				Toast.makeText(MainActivity.this, "Item1被点击", Toast.LENGTH_SHORT).show();
				popupWindow.dismiss();
			}
		});
		btItem2 = (Button) view.findViewById(R.id.bt_item2);
		btItem2.setOnClickListener(new OnClickListener() {
			@Override
			public void onClick(View v) {
				Toast.makeText(MainActivity.this, "Item2被点击", Toast.LENGTH_SHORT).show();
				popupWindow.dismiss();
			}
		});
		btItem3 = (Button) view.findViewById(R.id.bt_item3);
		btItem3.setOnClickListener(new OnClickListener() {
			@Override
			public void onClick(View v) {
				Toast.makeText(MainActivity.this, "Item3被点击", Toast.LENGTH_SHORT).show();
				popupWindow.dismiss();
			}
		});

		// PopupWindow弹出位置
		popupWindow.showAtLocation(v, Gravity.CENTER, 0, 0);

		backgroundAlpha(0.5f);
		popupWindow.setOnDismissListener(new OnDismissListener() {

			@Override
			public void onDismiss() {
				backgroundAlpha(1f);
			}
		});
	}

	// 设置屏幕透明度
	public void backgroundAlpha(float bgAlpha) {
		WindowManager.LayoutParams lp = getWindow().getAttributes();
		lp.alpha = bgAlpha; // 0.0~1.0
		getWindow().setAttributes(lp);
	}

}

参考文章： Android PopupWindow的使用和分析， android 之popupWindow 在指定位置上的显示

源代码下载：Android 动画效果弹出PopupWindow，同时屏幕背景变暗