广告
返回顶部
首页 > 资讯 > 移动开发 >Android实现气泡动画
  • 333
分享到

Android实现气泡动画

2024-04-02 19:04:59 333人浏览 安东尼
摘要

本文实例为大家分享了Android实现气泡动画的具体代码,供大家参考,具体内容如下 一、前言 本来想做一个类似window气泡屏保的动画效果。 奈何小球间的非对心碰撞公式没研究出来,

本文实例为大家分享了Android实现气泡动画的具体代码,供大家参考,具体内容如下

一、前言

本来想做一个类似window气泡屏保的动画效果。

奈何小球间的非对心碰撞公式没研究出来,对于我来说真的太复杂了,等公式给我研究差不多的时候,发现计算角度的问题也很复杂。博主表示高中的时候物理从未及格,而且这是大学物理的课程……然而我大学并没有学物理。
目前做出来的效果也很简单,只是检测了边界碰撞,原理就是动量守恒,速度交换。
实际效果如丝般顺滑,gif录制掉帧了。

二、实现代码

这次就不封装了,反正也只是半成品,写着玩玩。

用到了一个很不错的库:点击查看,随机生成好看的颜色,国人写的,厉害。



public class BallView extends View {

    private final Random mRandom;

    class Ball {
        int radius; // 半径
        float cx;   // 圆心
        float cy;   // 圆心
        float vx; // X轴速度
        float vy; // Y轴速度
        Paint paint;

        // 移动
        void move() {
            //向角度的方向移动,偏移圆心
            cx += vx;
            cy += vy;
        }

        int left() {
            return (int) (cx - radius);
        }

        int right() {
            return (int) (cx +radius);
        }

        int bottom() {
            return (int) (cy + radius);
        }

        int top() {
            return (int) (cy - radius);
        }
    }

    private int mCount = 40;   // 小球个数
    private int maxRadius;  // 小球最大半径
    private int minRadius; // 小球最小半径
    private int minSpeed = 5; // 小球最小移动速度
    private int maxSpeed = 20; // 小球最大移动速度

    private int mWidth = 200;
    private int mHeight = 200;


    public Ball[] mBalls;   // 用来保存所有小球的数组

    public BallView(Context context, AttributeSet attrs) {
        super(context, attrs);

        // 初始化所有球(设置颜色和画笔, 初始化移动的角度)
        mRandom = new Random();
        RandomColor randomColor = new RandomColor(); // 随机生成好看的颜色,GitHub开源库。
        mBalls = new Ball[mCount];

        for(int i=0; i< mCount; i++) {
            mBalls[i] = new Ball();
            // 设置画笔
            Paint paint = new Paint(Paint.ANTI_ALIAS_FLAG);
            paint.setColor(randomColor.randomColor());
            paint.setStyle(Paint.Style.FILL);
            paint.setAlpha(180);
            paint.setStrokeWidth(0);

            // 设置速度
            float speedX = (mRandom.nextInt(maxSpeed -minSpeed +1)+5)/10f;
            float speedY = (mRandom.nextInt(maxSpeed -minSpeed +1)+5)/10f;
            mBalls[i].paint = paint;
            mBalls[i].vx = mRandom.nextBoolean() ? speedX : -speedX;
            mBalls[i].vy = mRandom.nextBoolean() ? speedY : -speedY;
        }

        // 圆心和半径测量的时候才设置
    }

    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
        mWidth = resolveSize(mWidth, widthMeasureSpec);
        mHeight = resolveSize(mHeight, heightMeasureSpec);
        setMeasuredDimension(mWidth, mHeight);
        maxRadius = mWidth/12;
        minRadius = maxRadius/2;

        // 初始化圆的半径和圆心
        for (int i=0; i<mBalls.length; i++) {
            mBalls[i].radius = mRandom.nextInt(maxRadius+1 - minRadius) +minRadius;
//            mBalls[i].mass = (int) (Math.PI * mBalls[i].radius * mBalls[i].radius);
            // 初始化圆心的位置, x最小为 radius, 最大为mwidth- radius
            mBalls[i].cx = mRandom.nextInt(mWidth - mBalls[i].radius) + mBalls[i].radius;
            mBalls[i].cy = mRandom.nextInt(mHeight - mBalls[i].radius) + mBalls[i].radius;
        }
    }

 

    @Override
    protected void onDraw(canvas canvas) {
        long startTime = System.currentTimeMillis();

        // 先画出所有圆
        for (int i = 0; i < mCount; i++) {
            Ball ball = mBalls[i];
            canvas.drawCircle(ball.cx, ball.cy, ball.radius, ball.paint);
        }

        // 球碰撞边界
        for (int i = 0; i < mCount; i++) {
            Ball ball = mBalls[i];
            collisionDetectingAndChangeSpeed(ball); // 碰撞边界的计算
            ball.move(); // 移动
        }

        long stopTime = System.currentTimeMillis();
        long runTime = stopTime - startTime;
        // 16毫秒执行一次
        postInvalidateDelayed(Math.abs(runTime -16));
    }

 

    // 判断球是否碰撞碰撞边界
    public void collisionDetectingAndChangeSpeed(Ball ball) {
        int left = getLeft();
        int top = getTop();
        int right = getRight();
        int bottom = getBottom();

        float speedX = ball.vx;
        float speedY = ball.vy;

        // 碰撞左右,X的速度取反。 speed的判断是防止重复检测碰撞,然后黏在墙上了=。=
        if(ball.left() <= left && speedX < 0) {
            ball.vx = -ball.vx;
        } else if(ball.top() <= top && speedY < 0) {
            ball.vy = -ball.vy;
        } else if(ball.right() >= right && speedX >0) {
            ball.vx = -ball.vx;
        } else if(ball.bottom() >= bottom && speedY >0) {
            ball.vy = -ball.vy;
        }
    }

}

代码直接复制就可以用,所以就不提供Demo下载了。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持编程网。

--结束END--

本文标题: Android实现气泡动画

本文链接: https://www.lsjlt.com/news/124342.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • Android实现气泡动画
    本文实例为大家分享了Android实现气泡动画的具体代码,供大家参考,具体内容如下 一、前言 本来想做一个类似window气泡屏保的动画效果。 奈何小球间的非对心碰撞公式没研究出来,...
    99+
    2022-11-12
  • Android自定义View实现气泡动画
    本文实例为大家分享了Android自定义View实现气泡动画的具体代码,供大家参考,具体内容如下 一、前言 最近有需求制作一个水壶的气泡动画,首先在网上查找了一番,找到了一个文章:A...
    99+
    2022-11-12
  • Android气泡效果实现方法
    本文实例讲述了Android气泡效果实现方法。分享给大家供大家参考,具体如下: 最近在看以前在eoe上收藏的一些源代码,准备将这些代码加上一些自己的注释,然后贴出来,方便自己日...
    99+
    2022-06-06
    方法 Android
  • Androidcompose气泡升起和水滴下坠动画实现示例
    目录摘要知识点解析代码实现动画绘制结构circle to bubble摘要 今天用compose来构建一个气泡上升粘连动画和水滴下坠动画,Github源码点击这里 知识点 com...
    99+
    2023-01-28
    Android compose气泡升起水滴下坠 Android compose动画
  • Android利用ScaleTransition实现吹气球动画
    目录前言ScaleTransition 介绍应用总结前言 这是最后一篇介绍如何使用基本动画组件的文章,我们继续 Transition 的动画,本篇来介绍 ...
    99+
    2022-11-13
  • 复刻画龙产品vue实现新春气泡兔
    目录推荐几个好用的工具进入正题1. 初始化容器2. 实现添加Sprite函数:3. 核心三步绘制气泡兔3.1 加载剪影图片,获取像素数据3.2 搞清楚每个像素的颜色3.3 着手绘制气...
    99+
    2023-01-16
    vue新春气泡兔 vue画气泡兔
  • vue实现气泡运动撞击效果
    本文实例为大家分享了vue实现气泡运动撞击效果的具体代码,供大家参考,具体内容如下 封装组件 <template>   <ul id="main">     ...
    99+
    2022-11-13
  • Android怎么利用ScaleTransition实现吹气球动画
    这篇文章主要介绍“Android怎么利用ScaleTransition实现吹气球动画”,在日常操作中,相信很多人在Android怎么利用ScaleTransition实现吹气球动画问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法...
    99+
    2023-06-30
  • Android实现气泡布局/弹窗效果 气泡尖角方向及偏移量可控
    Android 自定义布局实现气泡弹窗,可控制气泡尖角方向及偏移量。 效果图 实现 首先自定义一个气泡布局。 public class BubbleRelativeLay...
    99+
    2022-06-06
    弹窗 布局 偏移量 Android
  • Android实现好看的微信聊天气泡效果
    目录前言代码实现踩坑记录总结前言 在聊天类应用中,通常用气泡作为聊天内容的背景色,比如微信的聊天背景,别人发过来的是白色的气泡,自己发的是绿色的气泡。 上面这种是比较普通的,这篇我...
    99+
    2022-11-13
  • android 仿微信聊天气泡效果实现思路
    微信聊天窗口的信息效果类似iphone上的短信效果,以气泡的形式展现,在Android上,实现这种效果主要用到ListView和BaseAdapter,配合布局以及相关素材,就...
    99+
    2022-06-06
    仿微信 天气 Android
  • Android 实现仿QQ拖拽气泡效果的示例
    目录效果图:一、实现思路二、功能实现三、全屏拖拽效果实现源码地址:效果图: 一、实现思路 在列表中默认使用自定义的TextView控件来展示消息气泡,在自定义的TextView控件...
    99+
    2022-11-12
  • 怎么在Android中实现一个未读消息拖动气泡功能
    怎么在Android中实现一个未读消息拖动气泡功能?针对这个问题,这篇文章详细介绍了相对应的分析和解答,希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。实现关键:气泡中间的两条边,分别是以ab,cd为数据点,G为控制点的贝塞尔曲...
    99+
    2023-06-06
  • CSS实现聊天气泡效果
    这篇文章给大家分享的是有关CSS实现聊天气泡效果的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。 一、效果图 京东效果模拟的效果 二、原理准备一个高度和宽度为0的盒子将这个盒子设置一个边框将边框...
    99+
    2023-06-08
  • CSS3怎么实现气泡提示框
    本篇内容主要讲解“CSS3怎么实现气泡提示框”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“CSS3怎么实现气泡提示框”吧!一款基于纯CSS的气泡提示框,整个提示...
    99+
    2022-10-19
  • css实现气泡的小尖角效果
    小编给大家分享一下css实现气泡的小尖角效果,希望大家阅读完这篇文章之后都有所收获,下面让我们一起去探讨吧!效果图(边框颜色太淡,放在{}里面):{  }参考链接 纯CSS气泡效果需要用到的知识点:当div的宽度和高度都是0时,整...
    99+
    2023-06-08
  • html5+css3气泡组件的实现方法
    本篇内容主要讲解“html5+css3气泡组件的实现方法”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“html5+css3气泡组件的实现方法”吧! ...
    99+
    2022-10-19
  • html5+css3气泡组件的实现方式
    本篇内容主要讲解“html5+css3气泡组件的实现方式”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“html5+css3气泡组件的实现方式”吧! ...
    99+
    2022-10-19
  • CSS聊天气泡效果怎么实现
    本篇内容介绍了“CSS聊天气泡效果怎么实现”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!   HTML结...
    99+
    2022-10-19
  • 如何利用CSS3实现气泡效果
    这篇文章主要讲解了“如何利用CSS3实现气泡效果”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“如何利用CSS3实现气泡效果”吧!首先定义一个CSS Code...
    99+
    2022-10-19
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作