Android實(shí)現(xiàn)氣泡動(dòng)畫
本文實(shí)例為大家分享了Android實(shí)現(xiàn)氣泡動(dòng)畫的具體代碼,供大家參考,具體內(nèi)容如下
一、前言
本來想做一個(gè)類似window氣泡屏保的動(dòng)畫效果。
奈何小球間的非對(duì)心碰撞公式?jīng)]研究出來,對(duì)于我來說真的太復(fù)雜了,等公式給我研究差不多的時(shí)候,發(fā)現(xiàn)計(jì)算角度的問題也很復(fù)雜。博主表示高中的時(shí)候物理從未及格,而且這是大學(xué)物理的課程……然而我大學(xué)并沒有學(xué)物理。
目前做出來的效果也很簡(jiǎn)單,只是檢測(cè)了邊界碰撞,原理就是動(dòng)量守恒,速度交換。
實(shí)際效果如絲般順滑,gif錄制掉幀了。
二、實(shí)現(xiàn)代碼
這次就不封裝了,反正也只是半成品,寫著玩玩。
用到了一個(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軸速度 float 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; // 用來保存所有小球的數(shù)組 public BallView(Context context, AttributeSet attrs) { super(context, attrs); // 初始化所有球(設(shè)置顏色和畫筆, 初始化移動(dòng)的角度) mRandom = new Random(); RandomColor randomColor = new RandomColor(); // 隨機(jī)生成好看的顏色,github開源庫(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í)有所幫助,也希望大家多多支持腳本之家。
- android 仿微信聊天氣泡效果實(shí)現(xiàn)思路
- Android氣泡效果實(shí)現(xiàn)方法
- Android實(shí)現(xiàn)氣泡布局/彈窗效果 氣泡尖角方向及偏移量可控
- Android貝塞爾曲線初步學(xué)習(xí)第二課 仿QQ未讀消息氣泡拖拽黏連效果
- Android帶氣泡的第三方Tab選項(xiàng)卡
- Android使用貝塞爾曲線仿QQ聊天消息氣泡拖拽效果
- Android使用ViewDragHelper實(shí)現(xiàn)QQ聊天氣泡拖動(dòng)效果
- Android Q之氣泡彈窗的實(shí)現(xiàn)示例
- Android不顯示開機(jī)向?qū)Ш烷_機(jī)氣泡問題
- Android自定義View實(shí)現(xiàn)氣泡動(dòng)畫
相關(guān)文章
Android網(wǎng)絡(luò)請(qǐng)求框架Retrofit詳解
這篇文章主要為大家詳細(xì)介紹了Android網(wǎng)絡(luò)請(qǐng)求框架Retrofit,使用Retrofit2.0.0版本進(jìn)行實(shí)例演示,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-08-08Android 動(dòng)態(tài)注冊(cè)監(jiān)聽網(wǎng)絡(luò)變化實(shí)例詳解
這篇文章主要介紹了Android 動(dòng)態(tài)注冊(cè)監(jiān)聽網(wǎng)絡(luò)變化實(shí)例詳解的相關(guān)資料,這里提供簡(jiǎn)單實(shí)例及實(shí)現(xiàn)效果圖,需要的朋友可以參考下2017-07-07Android開發(fā)高仿課程表的布局實(shí)例詳解
這篇文章主要介紹了Android開發(fā)高仿課程表的布局實(shí)例詳解的相關(guān)資料,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下2016-10-10詳解Andorid開發(fā)中反射機(jī)制是怎么一回事
反射機(jī)制是在運(yùn)行狀態(tài)中,對(duì)于任何一個(gè)類,都可以知道這個(gè)類的所有屬性和方法,對(duì)于任何一個(gè)對(duì)象,都可以調(diào)用它所有的方法和屬性,修改部分類型信息,這種動(dòng)態(tài)獲取信息以及動(dòng)態(tài)調(diào)用對(duì)象方法的功能稱為Java的反射機(jī)制2022-11-11Android自定義View中Paint、Rect、Canvas介紹(一)
這篇文章主要為大家詳細(xì)介紹了Android自定義View中Paint、Rect、Canvas的相關(guān)資料,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-03-03Android學(xué)習(xí)筆記(一)環(huán)境安裝及第一個(gè)hello world
最近在學(xué)習(xí)安卓開發(fā),記錄下環(huán)境安裝和第一個(gè)hello world的誕生過程,希望對(duì)大家有所幫助2014-07-07Android開發(fā)之DialogFragment用法實(shí)例總結(jié)
這篇文章主要介紹了Android開發(fā)之DialogFragment用法,結(jié)合實(shí)例形式總結(jié)分析了Android使用DialogFragment代替Dialog功能的相關(guān)使用技巧與注意事項(xiàng),需要的朋友可以參考下2017-11-11