Android實(shí)現(xiàn)氣泡動(dòng)畫
本文實(shí)例為大家分享了Android實(shí)現(xiàn)氣泡動(dòng)畫的具體代碼,供大家參考,具體內(nèi)容如下
一、前言本來(lái)想做一個(gè)類似window氣泡屏保的動(dòng)畫效果。
奈何小球間的非對(duì)心碰撞公式?jīng)]研究出來(lái),對(duì)于我來(lái)說(shuō)真的太復(fù)雜了,等公式給我研究差不多的時(shí)候,發(fā)現(xiàn)計(jì)算角度的問(wèn)題也很復(fù)雜。博主表示高中的時(shí)候物理從未及格,而且這是大學(xué)物理的課程……然而我大學(xué)并沒(méi)有學(xué)物理。目前做出來(lái)的效果也很簡(jiǎn)單,只是檢測(cè)了邊界碰撞,原理就是動(dòng)量守恒,速度交換。實(shí)際效果如絲般順滑,gif錄制掉幀了。

這次就不封裝了,反正也只是半成品,寫著玩玩。
用到了一個(gè)很不錯(cuò)的庫(kù):點(diǎn)擊查看,隨機(jī)生成好看的顏色,國(guó)人寫的,厲害。
/** * Created by AItsuki on 2016/1/12. */public class BallView extends View { private final Random mRandom; class Ball {int radius; // 半徑float cx; // 圓心float cy; // 圓心float vx; // X軸速度f(wàn)loat vy; // Y軸速度Paint paint;// 移動(dòng)void move() { //向角度的方向移動(dòng),偏移圓心 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; // 小球個(gè)數(shù) private int maxRadius; // 小球最大半徑 private int minRadius; // 小球最小半徑 private int minSpeed = 5; // 小球最小移動(dòng)速度 private int maxSpeed = 20; // 小球最大移動(dòng)速度 private int mWidth = 200; private int mHeight = 200; public Ball[] mBalls; // 用來(lái)保存所有小球的數(shù)組 public BallView(Context context, AttributeSet attrs) {super(context, attrs);// 初始化所有球(設(shè)置顏色和畫筆, 初始化移動(dòng)的角度)mRandom = new Random();RandomColor randomColor = new RandomColor(); // 隨機(jī)生成好看的顏色,github開(kāi)源庫(kù)。mBalls = new Ball[mCount];for(int i=0; i< mCount; i++) { mBalls[i] = new Ball(); // 設(shè)置畫筆 Paint paint = new Paint(Paint.ANTI_ALIAS_FLAG); paint.setColor(randomColor.randomColor()); paint.setStyle(Paint.Style.FILL); paint.setAlpha(180); paint.setStrokeWidth(0); // 設(shè)置速度 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;}// 圓心和半徑測(cè)量的時(shí)候才設(shè)置 } @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); // 碰撞邊界的計(jì)算 ball.move(); // 移動(dòng)}long stopTime = System.currentTimeMillis();long runTime = stopTime - startTime;// 16毫秒執(zhí)行一次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的判斷是防止重復(fù)檢測(cè)碰撞,然后黏在墻上了=。=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;} }}
代碼直接復(fù)制就可以用,所以就不提供Demo下載了。
以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持好吧啦網(wǎng)。
相關(guān)文章:
1. ASP新手必備的基礎(chǔ)知識(shí)2. asp文件用什么軟件編輯3. CentOS郵箱服務(wù)器搭建系列——SMTP服務(wù)器的構(gòu)建( Postfix )4. PHP基礎(chǔ)之生成器4——比較生成器和迭代器對(duì)象5. JAVA 實(shí)現(xiàn)延遲隊(duì)列的方法6. JS中6個(gè)對(duì)象數(shù)組去重的方法7. vue+element開(kāi)發(fā)一個(gè)谷歌插件的全過(guò)程8. Vue axios獲取token臨時(shí)令牌封裝案例9. 通過(guò)IEAD+Maven快速搭建SSM項(xiàng)目的過(guò)程(Spring + Spring MVC + Mybatis)10. 利用CSS制作3D動(dòng)畫

網(wǎng)公網(wǎng)安備