Android自定义View之popupwindow进阶封装：高仿ios “item动画弹出”效果的popupwindow。

最新推荐文章于 2021-07-22 15:39:44 发布

半颗心脏

最新推荐文章于 2021-07-22 15:39:44 发布

阅读量2.8k

点赞数

分类专栏：自定义UI 文章标签： android 动画 ios 控件 popupwindo

本文链接：https://blog.csdn.net/xh870189248/article/details/77258388

版权

自定义UI 专栏收录该内容

11 篇文章 2 订阅

订阅专栏

Android自定义View之popupwindow进阶封装：高仿ios “item动画弹出”效果的popupwindow。

转载请支持原创哦，博主一份努力呢：http://blog.csdn.net/xh870189248/article/details/77258388

废话不说，先上效果图：

这里写图片描述

一、前言。

看到这样的效果，实现的方式很多种，一开始我想到的是和我上个月手撸的“高仿咸鱼”app的底部弹出效果：点击我传送过去。但是问题还是挺多的，我总结如下：
- 1、要先固定好每个控件的位置，然后获取每个控件在屏幕的位置，这样就有很多位置的“坐标数据”了，这样做起来麻烦。
- 2、要计算每个要“平移动画”的控件的开始坐标和结束坐标，
- 3、如果一个项目多种这样的弹窗，那岂不是要每个都要写一个布局？这能算是“popupwidonw进阶封装”吗？

二、何其重要的 LayoutAnimationController ：控制子控件的动画。

给大家简单介绍下 LayoutAnimationController。
- LayoutAnimationController 用可以为一个Layout里面的控件或者是Viewgroup的控件设置动画效果。
- 可以设置子控件弹出顺序主要有随机，从头到尾，反向3种) ，控件出现的间隔时间等。

既然上面提到 LayoutAnimationController可以为一个Layout里面的控件或者是Viewgroup的控件设置动画效果，那么我想到的思路是在 popuwindow上的view的控件做出这样的效果，所以，我想到的是listview，毕竟必须是Viewgroup或layout，如果是layout，在其里面动态的增加子控件，是不简单的，但是利用一些Viewgroup的控件，比如 listview、recyclerView… 等等，这里我就用listView啦，毕竟大家都很烂熟这个控件使用了。下面是我的popupwindow加载的布局：

这里写图片描述

其代码就是如下这么少：

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

   <!--注意其的宽高设置哦-->
    <ListView
        android:id="@+id/lv"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_above="@+id/btCancle"
        android:layout_margin="5dp" />

    <Button
        android:id="@+id/btCancle"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_margin="5dp"
        android:background="@drawable/buttonbg"
        android:gravity="center"
        android:text="取消"
        android:textColor="#797979"
        android:textStyle="bold" />

</RelativeLayout>

预览就如下：

这里写图片描述

三、代码分析。

上面已经做好了listView的显示位置，现在要做好其“儿子控件*”的出现方式了。
先设置平移动画：

// 从自已3倍的位置下面移到自己原来的位置，设置平移时间为0.4秒
        TranslateAnimation animation = new TranslateAnimation(Animation.RELATIVE_TO_SELF, 0f, Animation.RELATIVE_TO_SELF,
                0f, Animation.RELATIVE_TO_SELF,3f, Animation.RELATIVE_TO_SELF, 0);
        animation.setInterpolator(new DecelerateInterpolator());
        animation.setDuration(400);
        animation.setStartOffset(150);

然后在LayoutAnimationController的构造方法设置，其动画和每个子view的相继出现的时间间隔，我反复测试最佳时间是0.12，（注意是浮点类型）。

        //构造方法，参数：动画、每个子view的相继出现的时间间隔
        mLac = new LayoutAnimationController(animation, 0.12f);
        //设置加速插值器
        mLac.setInterpolator(new DecelerateInterpolator());

下面为使用方法，只需要传一个list集合，泛型string，之后设置点击事件即可。如下，是不是感觉，这使用起来也太简单了吧？

 final List<String> list = new ArrayList<>();
        list.add("修改资料");
        list.add("切换账号");
        list.add("登录账号");
        list.add("退出账号");

        AnimotionPopupWindow popupWindow = new AnimotionPopupWindow(this, list);
        popupWindow.show();
        popupWindow.setAnimotionPopupWindowOnClickListener(new AnimotionPopupWindow.AnimotionPopupWindowOnClickListener() {
            @Override
            public void onPopWindowClickListener(int position) {
                Toast.makeText(MainActivity.this, "点击了:" + list.get(position), Toast.LENGTH_SHORT).show();
            }
        });