仿支付宝蚂蚁森林水滴浮动效果

最新推荐文章于 2023-09-05 16:21:20 发布

原创

最新推荐文章于 2023-09-05 16:21:20 发布 · 1.1w 阅读

18 ·

CC 4.0 BY-SA版权

文章标签：

#浮动水滴 #仿支付宝蚂蚁森林 #Android 动画

本文详细介绍了如何实现Android应用中类似支付宝蚂蚁森林的水滴浮动和收集动画效果。通过自定义控件和属性动画，创建浮动水滴并控制其位置，点击水滴时执行向树移动并消失的动画。文章提供了实现该功能的代码步骤，包括测量和布局子控件、绘制背景、以及启动动画。项目源码已上传至GitHub，供读者参考和学习。

可以有多个水滴，可以控制位置，水滴上下浮动。点击水滴产生搜集动画，水滴向树移动并逐渐消失，如图：

那么是如何实现的呢，下面我们一步步来分析：

1、定义一个继承Relativelayout 的子类作为容器放置多个水滴并在Onlayout()中设置子控件的位置

@Override
    protected void onLayout(boolean changed, int l, int t, int r, int b) {
        final int count = getChildCount();

        for (int i = 0; i < count; i++) {
            View child = getChildAt(i);
            int childWidth = child.getMeasuredWidth();
            int childHeight = child.getMeasuredHeight();
            if (child.getVisibility() != GONE) {
                child.layout(listX.get(i), listY.get(i), childWidth + listX.get(i), childHeight + listY.get(i));
            }
        }
    }

上面代码最重要的就是child.layout()函数，前两个参数为子控件的位置，这我先去盗个图：

如图，前两个参数分别为getLeft 和getTop，后两个参数分别为getRight和getBottom;前两个参数其实是我们重外界传进来的子坐标列表，代码如下：

List<Integer> listX = new ArrayList<>();
    List<Integer> listY = new ArrayList<>();

    public void setChildPosition(int posx, int posy) {

最低0.47元/天解锁文章