PopupWindow底部滚出效果

最新推荐文章于 2018-11-09 22:12:36 发布

原创最新推荐文章于 2018-11-09 22:12:36 发布 · 297 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#动画

代码功能专栏收录该内容

3 篇文章

订阅专栏

本文介绍如何通过自定义样式和动画实现Android中PopupWindow从底部滚出的效果，包括具体的代码实现和动画设置。

给popupwindow添加动画，实现一个从底部滚出的效果

R.layout.music_popwindow这部分的布局自己随便定义

activity代码

@Override
	public void onClick(View v) {
		if (v.getId() == R.id.button1) {
			if (mPopupWindow == null) {
				LinearLayout layout = (LinearLayout) LayoutInflater.from(this).inflate(R.layout.music_popwindow, null);
				mPopupWindow = new PopupWindow(layout,LayoutParams.MATCH_PARENT, LayoutParams.WRAP_CONTENT);
				mPopupWindow.setAnimationStyle(R.style.AnimBottom);
			}
			if (mPopupWindow.isShowing()) {
				mPopupWindow.dismiss();
			} else {
				mPopupWindow.showAtLocation(findViewById(R.id.main),Gravity.BOTTOM | Gravity.BOTTOM, 0, 0);
			}
		}
	}

AnimBottom style代码

  <style name="AnimBottom" parent="@android:style/Animation">  
    	<item name="android:windowEnterAnimation">@anim/push_bottom_in</item>
        <item name="android:windowExitAnimation">@anim/push_bottom_out</item>
	</style>

push_bottom_in.xml

<?xml version="1.0" encoding="utf-8"?>
<!-- 上下滑入式 -->
<set xmlns:android="http://schemas.android.com/apk/res/android" >

    <translate
        android:duration="200"
        android:fromYDelta="110%p" 
        android:toYDelta="0"/>

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

</set>

push_bottom_out.xml

<?xml version="1.0" encoding="utf-8"?>
<!-- 上下滑入式 -->
<set xmlns:android="http://schemas.android.com/apk/res/android" >

    <translate
        android:duration="500"
        android:fromYDelta="0"
        android:toYDelta="110%p" />

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

</set>