PopupWindow的动画效果

最新推荐文章于 2022-05-03 20:54:26 发布
最新推荐文章于 2022-05-03 20:54:26 发布
阅读量542 收藏 1
点赞数
分类专栏： 学习

MainActivity类：

package com.example.mypopuwindow;
import android.app.Activity;
import android.content.Context;
import android.graphics.drawable.ColorDrawable;
import android.os.Bundle;
import android.view.Gravity;
import android.view.MotionEvent;
import android.view.View;
import android.view.View.OnClickListener;
import android.view.View.OnTouchListener;
import android.view.ViewGroup.LayoutParams;
import android.view.ViewTreeObserver;
import android.view.WindowManager;
import android.widget.Button;
import android.widget.PopupWindow;
import android.widget.TextView;
import android.widget.Toast;

public class MainActivity extends Activity {
    Button popLeftBtn;
    private Context context = null;
    private PopupWindow popupWindow;
    private int from = 0;
    private TextView bb;
    int height;
    private Boolean hasMeasured = false;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        context = this;
        setContentView(R.layout.activity_main);
         popLeftBtn = (Button)findViewById(R.id.pop_left_btn);
        Button popRightBtn = (Button)findViewById(R.id.pop_right_btn);
        Button popBottomBtn = (Button)findViewById(R.id.pop_bottom_btn);
        bb = (TextView) findViewById(R.id.bb);
        popLeftBtn.setOnClickListener(popClick);
        popRightBtn.setOnClickListener(popClick);
        popBottomBtn.setOnClickListener(popClick);


        ViewTreeObserver vto = bb.getViewTreeObserver();

        vto.addOnPreDrawListener(new ViewTreeObserver.OnPreDrawListener()
        {
            public boolean onPreDraw()
            {
                if (hasMeasured == false)
                {

                    height = bb.getMeasuredHeight();
                    int width = bb.getMeasuredWidth();
//获取到宽度和高度后，可用于计算

                    hasMeasured = true;

                }
                return true;
            }
        });
    }


    OnClickListener popClick = new OnClickListener() {

        @Override
        public void onClick(View v) {
            switch(v.getId()){
                case R.id.pop_left_btn:{
                    from = Location.LEFT.ordinal();
                    break;
                }
                case R.id.pop_right_btn:{
                    from = Location.RIGHT.ordinal();
                    break;
                }
                case R.id.pop_bottom_btn:{
                    from = Location.BOTTOM.ordinal();
                    break;
                }
            }

            //调用此方法，menu不会顶置
//            popupWindow.showAsDropDown(v);
            initPopupWindow();

        }
    };
    /**
     * 添加新笔记时弹出的popWin关闭的事件，主要是为了将背景透明度改回来
     *
     */
    class popupDismissListener implements PopupWindow.OnDismissListener{

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

    }


    protected void initPopupWindow(){
        View popupWindowView = getLayoutInflater().inflate(R.layout.pop, null);
        //内容，高度，宽度
        if(Location.BOTTOM.ordinal() == from){
            popupWindow = new PopupWindow(popupWindowView, LayoutParams.MATCH_PARENT, LayoutParams.WRAP_CONTENT, true);
        }else{
            popupWindow = new PopupWindow(popupWindowView, LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT, true);
        }
        //动画效果
        if(Location.LEFT.ordinal() == from){
            popupWindow.setAnimationStyle(R.style.AnimationLeftFade);
        }else if(Location.RIGHT.ordinal() == from){
            popupWindow.setAnimationStyle(R.style.AnimationRightFade);
        }else if(Location.BOTTOM.ordinal() == from){
            popupWindow.setAnimationStyle(R.style.AnimationBottomFade);
        }
        //菜单背景色
        ColorDrawable dw = new ColorDrawable(0xffffffff);
        popupWindow.setBackgroundDrawable(dw);
        //宽度
        //popupWindow.setWidth(LayoutParams.WRAP_CONTENT);
        //高度
        //popupWindow.setHeight(LayoutParams.FILL_PARENT);
        //显示位置
        if(Location.LEFT.ordinal() == from){
            popupWindow.showAtLocation(findViewById(R.id.pop_left_btn), Gravity.LEFT|Gravity.TOP, 0, 30);
        }else if(Location.RIGHT.ordinal() == from){
            popupWindow.showAtLocation(getLayoutInflater().inflate(R.layout.activity_main, null), Gravity.RIGHT, 0, 0);
        }else if(Location.BOTTOM.ordinal() == from){
            popupWindow.showAsDropDown(popLeftBtn);
//            popupWindow.showAtLocation(findViewById(R.id.bb), Gravity.BOTTOM|Gravity.CENTER_HORIZONTAL, 0, height);
        }
        //设置背景半透明
        backgroundAlpha(0.5f);
        //关闭事件
        popupWindow.setOnDismissListener(new popupDismissListener());

        popupWindowView.setOnTouchListener(new OnTouchListener() {

            @Override
            public boolean onTouch(View v, MotionEvent event) {
                /*if( popupWindow!=null && popupWindow.isShowing()){
                    popupWindow.dismiss();
                    popupWindow=null;
                }*/
                // 这里如果返回true的话，touch事件将被拦截
                // 拦截后 PopupWindow的onTouchEvent不被调用，这样点击外部区域无法dismiss
                return false;
            }
        });

        Button open = (Button)popupWindowView.findViewById(R.id.open);
        Button save = (Button)popupWindowView.findViewById(R.id.save);
        Button close = (Button)popupWindowView.findViewById(R.id.close);


        open.setOnClickListener(new OnClickListener() {

            @Override
            public void onClick(View v) {
                Toast.makeText(context, "Open", Toast.LENGTH_LONG).show();
                popupWindow.dismiss();
            }
        });

        save.setOnClickListener(new OnClickListener() {

            @Override
            public void onClick(View v) {
                Toast.makeText(context, "Open", Toast.LENGTH_LONG).show();
                popupWindow.dismiss();
            }
        });

        close.setOnClickListener(new OnClickListener() {

            @Override
            public void onClick(View v) {
                Toast.makeText(context, "Open", Toast.LENGTH_LONG).show();
                popupWindow.dismiss();
            }
        });
    }

    /**
     * 设置添加屏幕的背景透明度
     * @param bgAlpha
     */
    public void backgroundAlpha(float bgAlpha)
    {
        WindowManager.LayoutParams lp = getWindow().getAttributes();
        lp.alpha = bgAlpha; //0.0-1.0
        getWindow().setAttributes(lp);
    }
    /**
     * 菜单弹出方向
     *
     */
    public enum Location {

        LEFT,
        RIGHT,
        TOP,
        BOTTOM;

    }
}

两个布局文件：

1.activity_main.xml，就三个Button

    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
        xmlns:tools="http://schemas.android.com/tools"  
        android:layout_width="fill_parent"  
        android:layout_height="fill_parent"  
        android:orientation="vertical">  

        <Button   
            android:id="@+id/pop_left_btn"  
            android:layout_width="fill_parent"  
            android:layout_height="wrap_content"  
            android:text="@string/pop_left"/>  

        <Button   
            android:id="@+id/pop_right_btn"  
            android:layout_width="fill_parent"  
            android:layout_height="wrap_content"  
            android:text="@string/pop_right"/>  

        <Button   
            android:id="@+id/pop_bottom_btn"  
            android:layout_width="fill_parent"  
            android:layout_height="wrap_content"  
            android:text="@string/pop_bottom"/>  


    </LinearLayout>
  1. pop.xml，也是三个Button，可以自己修改
    <?xml version="1.0" encoding="utf-8"?>  
    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
        android:layout_width="fill_parent"  
        android:layout_height="fill_parent"  
        android:orientation="vertical" >  

        <!-- <LinearLayout   
            android:layout_width="wrap_content"  
            android:layout_height="fill_parent"  
            android:orientation="vertical"  
            android:background="#ffffff"> -->  

            <Button android:id="@+id/open"  
                android:layout_width="fill_parent"  
                android:layout_height="wrap_content"  
                android:text="@string/open"/>  

            <Button android:id="@+id/save"  
                android:layout_width="fill_parent"  
                android:layout_height="wrap_content"  
                android:text="@string/save"/>  

            <Button android:id="@+id/close"  
                android:layout_width="fill_parent"  
                android:layout_height="wrap_content"  
                android:text="@string/close"/>  

       <!--  </LinearLayout> -->  

    </LinearLayout>

strings.xml

<string name="pop_left">弹出左侧菜单</string>  
    <string name="pop_right">弹出右侧菜单</string>  
    <string name="pop_bottom">弹出底部菜单</string>  
    <string name="open">打开</string>   
    <string name="save">保存</string>   
    <string name="close">关闭</string>

styles.xml

    <style name="AnimationLeftFade">  
            <item name="android:windowEnterAnimation">@anim/in_lefttoright</item>  
            <item name="android:windowExitAnimation">@anim/out_righttoleft</item>  
        </style>  

        <style name="AnimationRightFade">  
            <item name="android:windowEnterAnimation">@anim/in_righttoleft</item>  
            <item name="android:windowExitAnimation">@anim/out_lefttoright</item>  
        </style>  

        <style name="AnimationBottomFade">  
            <item name="android:windowEnterAnimation">@anim/in_bottomtotop</item>  
            <item name="android:windowExitAnimation">@anim/out_toptobottom</item>  
        </style>

左边弹出菜单动画文件：

in_lefttoright.xml：从左边入

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

        <translate   
            android:fromXDelta="-100%"  
            android:toXDelta="0"  
            android:duration="500"/>  

    </set>

out_righttoleft.xml：从右边出

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

        <translate android:fromXDelta="0"  
            android:toXDelta="-100%"  
            android:duration="500"/>  

    </set>

in_righttoleft

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

    <translate
        android:fromXDelta="100%"
        android:toXDelta="0"
        android:duration="500"/>

</set>

out_lefttoright

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

    <translate
        android:fromXDelta="0"
        android:toXDelta="100%"
        android:duration="500"/>

</set>

in_bottomtotop:

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

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

</set>

out_toptobottom:

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

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

</set>

注意：fromXDelta， fromYDelta， toXDelta和toYDelta使用 的坐标是变化的，看是从哪一个边出现.

补充篇

其实PopupWindow的动画效果是利用了View Animation动画的平移效果。在这个平移中在确定fromXDelta， fromYDelta， toXDelta和toYDelta的时候利用了百分比的方式表现的，

PopupWindow显示的方法有三个,showAsDropDown(anchor),showAsDropDown(anchor, xoff, yoff)和showAtLocation(parent, gravity, x, y)。
前两个showAsDropDown方法是让PopupWindow相对于某个控件显示，而showAtLocation是相对于整个窗口的。
第一个参数是View类型的parent,虽然这里参数名是parent，其实，不是把PopupWindow放到这个parent里，并不要求这个parent是一个ViewGroup，这个参数名让人误解。官方文档”a parent view to get the android.view.View.getWindowToken() token from
“,这个parent的作用应该是调用其getWindowToken()方法获取窗口的Token,所以，只要是该窗口上的控件就可以了。
第二个参数是Gravity，可以使用|附加多个属性，如Gravity.LEFT|Gravity.BOTTOM。
第三四个参数是x,y偏移。

当PopupWindow的最终位置确定以后，其0,100%p -100%p的位置就确定了，都是以左下角的点为0的，比如x，向左移动一个身位就是-100%p，向右移动一个身位就是100%p。y为向上移动一个身位为-100%p，向下移动一个身为为100%p。

如下图所示：

这里写图片描述

chenmeng911
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
PopupWindow进出动画
LLLigj博客
08-20 5580
例子：PopupWindow 动画 很多时候我们把PopupWindow用作自定义的菜单，需要一个从底部向上弹出的效果，这就需要为PopupWindow添加动画。 在工程res下新建anim文件夹，在anim文件夹先新建两个xml文件 menu_bottombar_in.xml xml version="1.0" encoding="utf-8"?> set xml
popupWindow动画显示
11-19
我自己做的一个简单的popupWindow相关知识，现在在Android应用中也是非常频繁的使用popupWindow这个类，所以自己就写了，希望帮组到那些要用到的同学。
PopupWindow动画
kc527347568的博客
11-20 422
PopupWindow动画 1：先在ras文件夹下创建anim，在anim里创建俩个选择器 //进入时动画 <set xmlns:android="http://schemas.android.com/apk/res/android" //动画时间 android:duration="500"> //平移，从底部到设置的位置 <translate android:fromYDelta="100%p" android:toYDelta="0"/>
popupwindow 动画效果
RD哥哥的博客
04-12 1779
最好的学习 android 某一个 widget 的方法 就是 自己找代码 不管懂不懂，敲出来 ，然后在机子上 看到 效果 ，最后 去理解 每行代码的意思。 上述话是个人观点。哈哈   经常 见 这样的情况吧：点击退出，然后屏幕中央出现一个弹出框 ，你是否退出？  确定     取消， 我想实现这样的效果，点击确定后  ，从屏幕的两侧飞出确定 和取消按钮 一直 落在屏幕中央 渐渐出现的 b
自定义PopupWindow动画效果
小志地盘
01-10 2280
AndroidXMLITeye   Java代码   public class RollActivity extends Activity {       private View view;       private Button btn;       private PopupWindow mPopupWindow;       privat
Android中的popupwindow进入和退出的动画效果
08-30
Android中PopupWindow的动画效果实现 Android中的PopupWindow是一种常用的交互组件，用于显示浮动的对话框或菜单项。然而，在实际应用中，我们经常需要为PopupWindow添加动画效果，以提高用户体验。因此，本文将...
popupwindow动画
10-13
在标题"popupwindow动画"和描述"popupwindow的动画"中，我们可以深入探讨PopupWindow如何添加动画效果，让其展示和消失时更加生动有趣。 在Android中，PopupWindow的动画主要通过`Animation`类或者`Animator`类来...
popupwindow 显示和消失的动画
tengzhinei1的专栏
05-12 242
前段时间搞android 动画，在页面中使用动画后效果还是很不错的，大大提升了用户的体验感。 但是，偶然的机会，要在popupwindow 中，添加一个 显示和消失的动画,我用之前的动画效果，居然显示效果不对了。   同样是相同的代码，在页面上，就可以很好的显示，但是在popupwindow 上显示的效果，就不一样了。   eg:     //显示动画     ScaleAn...
PopupWindow 动画
读书未遍、未敢妄下雌黄
09-14 1598
1.PopupWindow 简介 首先看android.widget.PopupWindow.java源码注释： /** * A popup window that can be used to display an arbitrary view. The popup * window is a floating container that appears on top of the c
PopupWindow动画以及监听返回键
06-27
popupWindow 动画 和点击PopupWindow的后 手机的返回键
android PopupWindow的使用（带动画效果）源码
12-17
android PopupWindow的使用（带动画效果）源码
自定义popwindow炫酷UI
08-13
详情：http://blog.csdn.net/onceing/article/details/47611489
弹窗动画PopupWindow
qq_63997064的博客
05-03 1902
基础配置,设置样式,事件响应,设置动画
动画实现PoPupWindow
SongCongCong_scc
09-17 202
1、在res/anim文件下 hide.xml        android:fromXScale="1.0"      android:toXScale="0.0"      android:fromYScale="1.0"      android:toYScale="0.0"      android:pivotX="50%"      android:pivotY="50%
Android自定义PopupWindow 动画
PigSeeSunset的博客
12-07 781
在公司项目中需要自定义PopupWindow,在這里记录下，方便以后可以查看，自定义PopupWindow 主要的难点是显示的位置在哪里，在這里也有讲解到,代码上传下，动画文件的代码就不上了，有要求的可以去這个地址下载： demo 下载：   activity_main.xml "1.0" encoding="utf-8"?> FrameL
PopupWindow设置动画效果
weixin_30376323的博客
04-11 631
创建popupwindow的方法 Button menu; private void showPopupWindow() { //设置contentView float density = DensityUtil.Obtain(activity).density; View contentView = LayoutInflater.from(Ac...
有关popupwindow的动画效果
luanxuye的博客
05-12 329
> 首先定义好，显示和消失的动画xml；           android:fromXScale="0.0"           android:toXScale="1.0"           android:fromYScale="0.0"           android:toYScale="1.0"
popupwindow的基本使用以及基本动画效果
H_shaohui的博客
01-18 605
1.在使用popupwindow的时候，遇到了一个bug，就是点击按钮要显示popupwinow的时候，设置了一个boolean值来判断当前是否第一次点击，如果是第一次点击就打开popupwindow。然后取非值关闭。 但是如果这样设置的话，不知道为什么第一次打开和关闭就正常，等第二次要开开的时候，需要点击两次按钮才生效，关闭正常。开始以为是取值的判断有问题，打印出来后发现取值是没问题的。（现在
请给我一个安卓PopupWindow的进入动画和退出动画
最新发布
05-23
可以使用以下代码实现PopupWindow的进入动画和退出动画： ```java // 设置PopupWindow进入动画 popupWindow.setAnimationStyle(R.style....这里的动画效果是从底部滑入和滑出，你可以根据需要进行修改。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值