android自定义View之气球碰撞效果

最近项目需要做个许多小球碰撞的效果，就用自定义View撸了一个出来，效果如下

这个效果也不复杂，说下算法步骤吧。

1、小球数量ballCount，可以设个最大值，在这个阈值内去随机数

2、小球圆心随机坐标（mX，mY）以及半径radius

3、小球在x方向和y方向的随机速度mSpeedX，mSpeedY

4、本次效果小球默认白色，通过alpha设置透明度，实际你们也可以通过随机颜色值达到五彩频繁的小球效果。

5、初始时给每个小球一个初始随机位置（不能超出屏幕）以及初始随机速度。

6、每个一段时间计算一下小球位置并刷新一下界面，当小球到达屏幕边沿则速度设为当前相反数达到反弹的效果。

为了达到好的刷新效果，本次自定义SurfaceView来实现，主要代码如下：

private void initBalls() {ballBeans = new BallBean[mBallCount];for (int i = 0; i < ballBeans.length; i++) {ballBeans[i] = new BallBean();ballBeans[i].setRadius((new Random().nextInt(mMaxSize-mMinSize) + mMinSize)/2);ballBeans[i].setX(new Random().nextInt(mViewWidth-ballBeans[i].getRadius()));ballBeans[i].setY(new Random().nextInt(mViewHeight-ballBeans[i].getRadius()));ballBeans[i].setSpeedY(new Random().nextBoolean()?(new Random().nextInt(4) + mSpeedY):-(new Random().nextInt(4) + mSpeedY));ballBeans[i].setSpeedX(new Random().nextBoolean()?(new Random().nextInt(4) + mSpeedX):-(new Random().nextInt(4) + mSpeedX));ballBeans[i].setAlpha(new Random().nextInt(255));}
}//更新位置以及速度方向
private void updatePara() {int x;int y;for (BallBean ball : ballBeans) {if (ball == null) {break;}x = ball.getX() + ball.getSpeedX();y = ball.getY() + ball.getSpeedY();if((x-ball.getRadius())<=0 || (x+ball.getRadius())>=mViewWidth){ball.setSpeedX(-ball.getSpeedX());}else {ball.setX(x);}if((y-ball.getRadius())<=0 || (y-ball.getRadius())>=mViewHeight){ball.setSpeedY(-ball.getSpeedY());}else {ball.setY(y);}}
}private void drawView() {if (surfaceHolder == null) {return;}Canvas canvas = surfaceHolder.lockCanvas();if (canvas == null) {return;}canvas.drawColor(Color.TRANSPARENT, PorterDuff.Mode.CLEAR);drawBall(canvas);surfaceHolder.unlockCanvasAndPost(canvas);
}private void drawBall(Canvas canvas) {for (BallBean ballbean : ballBeans) {paint.setAlpha(ballbean.getAlpha());canvas.drawCircle(ballbean.getX(),ballbean.getY(),ballbean.getRadius(),paint);}
}

工程源码

android自定义View之气球碰撞效果相关推荐

android 立体流量球,Android自定义View——实现水波纹效果类似剩余流量球
Android自定义View--实现水波纹效果类似剩余流量球三个点 pre ber block span 初始化 move 理解最近突然手痒就想搞个贝塞尔曲线做个水波纹效 ...
android圆形波纹按钮,android自定义View——圆形波纹扫描效果
蓝牙项目,考虑到后面可能会用到这个扫描的效果,所以参照大神写好的控件,增加了自己需要使用的接口.也顺便巩固一下自定义view中各种零碎的知识点. 需要的效果图先放一个效果图,点击中心图片开始动画,再 ...
Android自定义View实现QQ气泡效果
首先我们来看一下最终的效果: 根据我们上边拆分出来的公式,我们分别看看每一个效果需要如何去实现: 红色圆:canvas.drawCircle 消息数字:canvas.drawText 拖拽粘性效果:c ...
android 高仿ios开关,Android自定义view仿IOS开关效果
本文主要讲解如何在 Android 下实现高仿 iOS 的开关按钮,并非是在 Android 自带的 ToggleButton 上修改,而是使用 API 提供的 onDraw.onMeasure.Ca ...
android 环绕布局,Android自定义View实现圆形环绕效果
之前项目中需要实现一个四周环绕中心圆形头像的效果,感觉还是自定义比较方便,于是就自己封装了一个控件去实现.先贴张图显示最终效果. 首先自定义一个View继承自LinearLayout,通过动态添加ch ...
Android好评功能,Android自定义View实现五星好评效果
本文实例为大家分享了Android实现五星好评效果的具体代码,供大家参考,具体内容如下这个效果想必大家都非常熟悉,那么Android如何自定义实现这种效果呢? 首先自定义属性: 下面看看具体实现: ...
android北京地铁源代码,Android自定义View实现地铁显示牌效果
本文实例为大家分享了Android地铁显示牌的具体代码,供大家参考,具体内容如下预览效果目录 SubwayBoardView.java 代码 public class SubwayBoardVie ...
android自定义水波纹,Android自定义View——实现水波纹效果类似剩余流量球(示例代码)...
最近突然手痒就想搞个贝塞尔曲线做个水波纹效果玩玩,终于功夫不负有心人最后实现了想要的效果,一起来看下吧: 效果图镇楼一:先一步一步来分解一下实现的过程需要绘制一个正弦曲线(sin)或者余弦曲线(c ...
android 光圈动画,Android 自定义View学习(4)波浪效果+光圈扩散效果
这篇博客的效果是我仿照WPJY大神的一篇博客做的,加入了一些我自己的改动先来看下效果效果图上可能有些卡,但实际运行很流畅上代码喽~~ /** * 外层的几层光环 */ private Paint ...
Android自定义View——实现水波纹效果类似剩余流量球
最近突然手痒就想搞个贝塞尔曲线做个水波纹效果玩玩,终于功夫不负有心人最后实现了想要的效果,一起来看下吧: 效果图镇楼一:先一步一步来分解一下实现的过程需要绘制一个正弦曲线(sin)或者余弦曲线(c ...

android自定义View之气球碰撞效果

android自定义View之气球碰撞效果相关推荐

最新文章

热门文章