Android 實(shí)現(xiàn)的下拉刷新效果
下面是自己實(shí)現(xiàn)的效果：
1、分析
可以將動(dòng)畫分解成：
睜眼毛驢繞著中心地球旋轉(zhuǎn)，并且在到達(dá)地球中心時(shí)，切換為閉眼毛驢，最后發(fā)射出去
地球自我旋轉(zhuǎn)，隨著下拉而緩緩上升，達(dá)到半徑距離后停止上升
一顆上下來回移動(dòng)的衛(wèi)星
2、實(shí)現(xiàn)
(1)下載趕集app，然后將其后綴名改為zip解壓獲取我們需要的資源圖片：
(2) 我們先實(shí)現(xiàn)衛(wèi)星的上下移動(dòng)
核心代碼：
@Override
protected void onDraw(Canvas canvas) {
super.onDraw(canvas);
Matrix matrixPlanet = new Matrix();
matrixPlanet.setScale(0.4f, 0.4f);
matrixPlanet.postTranslate(locationX / 2 * 3, locationY /4);
matrixPlanet.postTranslate(0, upDateY);
canvas.drawBitmap(flyingPlanet,matrixPlanet,null);
}
public void startTranslatePlanet(int duration){
ValueAnimator valueAnimator = new ValueAnimator();
valueAnimator.setFloatValues(-50.0f, 50.0f);
valueAnimator.setDuration(duration);
valueAnimator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
@Override
public void onAnimationUpdate(ValueAnimator animation) {
upDateY = (float) animation.getAnimatedValue();
invalidate();
}
});
valueAnimator.setRepeatCount(ValueAnimator.INFINITE);
valueAnimator.setRepeatMode(ValueAnimator.REVERSE);
valueAnimator.setInterpolator(new LinearInterpolator());
valueAnimator.start();
}
思想：使用Matrix來設(shè)置圖形變換,調(diào)用setScale()設(shè)置Bitmap縮放大小，然后調(diào)用postTranslate（）將Bitmap平移到衛(wèi)星的初始位置。最后使用ValueAnimator計(jì)算衛(wèi)星上下移動(dòng)的距離，再調(diào)用postTranslate（）即可。
(3）地球自我旋轉(zhuǎn)，隨著下拉而緩緩上升，達(dá)到半徑距離后停止上升。
核心代碼：
@Override
protected void onDraw(Canvas canvas) {
super.onDraw(canvas);
Matrix matrixBall = new Matrix();
matrixBall.setScale(0.2f, 0.2f);
if ((locationY + upDateY) > (locationY - flyingBall_Height / 2)) {
matrixBall.postTranslate(locationX - flyingBall_Width / 2, locationY + upDateY);
matrixBall.postRotate(degreeBall, locationX, (locationY +upDateY + flyingBall_Height /2) );
}
else {
matrixBall.postTranslate(locationX - flyingBall_Width / 2, locationY - flyingBall_Height / 2);
matrixBall.postRotate(degreeBall, locationX, locationY);
}
canvas.drawBitmap(flyingBall, matrixBall, null);
canvas.drawBitmap(cloudBig , null , rectfCloudBig , null);
canvas.drawBitmap(cloudSmall , null , rectfCloudSmall ,null);
}
public void startBallAnim(long duration) {
ValueAnimator valueAnimator = new ValueAnimator();
valueAnimator.setFloatValues(0.0f, 360.0f);
valueAnimator.setDuration(duration);
valueAnimator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
@Override
public void onAnimationUpdate(ValueAnimator animation) {
degreeBall = (float) animation.getAnimatedValue();
invalidate();
}
});
valueAnimator.setRepeatCount(ValueAnimator.INFINITE);
valueAnimator.setInterpolator(new LinearInterpolator());
valueAnimator.start();
}
public void UpBall(float offsetY){
if (upDateY!=offsetY) {
upDateY = offsetY;
invalidate();
}
}
public void accelerateBall(long duration) {
clearAnimation();
startBallAnim(duration);
}
思想：同樣使用Matrix，先設(shè)置縮放大小。調(diào)用
matrixBall.postTranslate(locationX - flyingBall_Width / 2, locationY + upDateY);
將bitmap隱藏在view可視范圍的下方，然后通過下拉刷新列表獲取下拉刷新的Y坐標(biāo)的改變量，調(diào)用postTranslate（）上移改變量大小的距離即可。自轉(zhuǎn)動(dòng)畫的實(shí)現(xiàn)，就是調(diào)用postRotate（）方法 使用ValueAnimator 獲取改變量。因?yàn)榈厍蚴巧仙模晕覀冃枰獎(jiǎng)討B(tài)的設(shè)置旋轉(zhuǎn)的中心。
matrixBall.postRotate(degreeBall, locationX, (locationY +upDateY + flyingBall_Height /2) );
只需要改變減去下拉刷新列表獲取下拉刷新的Y坐標(biāo)的改變量就可以了。
(3) 睜眼毛驢繞著中心地球旋轉(zhuǎn)，并且在到達(dá)地球中心時(shí)，切換為閉眼毛驢，最后發(fā)射出去
核心代碼：
@Override
protected void onDraw(Canvas canvas) {
super.onDraw(canvas);
Matrix matrix = new Matrix();
matrix.setScale(0.3f, 0.3f);
matrix.postTranslate(pointDonkey.getDx(), pointDonkey.getDy());
matrix.postRotate(degree, locationX, locationY + flyingBall_Width / 2);
matrix.postTranslate(0 , upDateY);
canvas.drawBitmap(flyingDonkey, matrix, null);
}
思想：與上面一樣，先調(diào)用setScale（）設(shè)置縮放大小，在進(jìn)行平移旋轉(zhuǎn)操作的時(shí)候。
matrix.postRotate(degree, locationX, locationY + flyingBall_Width / 2); matrix.postTranslate(0 , upDateY);
我們先繞著還沒有移動(dòng)的地球旋轉(zhuǎn)，然后調(diào)用postTranslate（）將其與地球一起上升。
源碼地址：
https://github.com/sangenan/DonkeyRefresh
到這里就結(jié)束啦。
以上就是Android 實(shí)現(xiàn)的下拉刷新效果的詳細(xì)內(nèi)容，更多關(guān)于Android 下拉刷新的資料請(qǐng)關(guān)注腳本之家其它相關(guān)文章！
相關(guān)文章
Android開發(fā)實(shí)現(xiàn)橫向列表GridView橫向滾動(dòng)的方法【附源碼下載】
這篇文章主要介紹了Android開發(fā)實(shí)現(xiàn)橫向列表GridView橫向滾動(dòng)的方法,結(jié)合實(shí)例形式分析了Android橫向列表GridView實(shí)現(xiàn)橫向滾動(dòng)的相關(guān)布局與功能實(shí)現(xiàn)技巧,并附帶源碼供讀者下載參考,需要的朋友可以參考下2018-01-01
在Flutter應(yīng)用開發(fā)過程中，除了使用Flutter官方提供的路由外，還可以使用一些第三方路由框架來實(shí)現(xiàn)頁(yè)面管理和導(dǎo)航，F(xiàn)luro作為一款優(yōu)秀的Flutter企業(yè)級(jí)路由框架，F(xiàn)luro的使用比官方提供的路由框架要復(fù)雜一些，但是卻非常適合中大型項(xiàng)目2022-10-10
Android實(shí)現(xiàn)自動(dòng)輪播圖效果
這篇文章主要為大家詳細(xì)介紹了Android實(shí)現(xiàn)自動(dòng)輪播圖效果，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2018-11-11
Android項(xiàng)目實(shí)戰(zhàn)（二十八）：使用Zxing實(shí)現(xiàn)二維碼及優(yōu)化實(shí)例
這篇文章主要介紹了Android項(xiàng)目實(shí)戰(zhàn)（二十八）：使用Zxing實(shí)現(xiàn)二維碼及優(yōu)化實(shí)例,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下。2016-11-11
這篇文章主要為大家詳細(xì)介紹了Android異步方法以同步方式進(jìn)行的實(shí)現(xiàn)方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2018-07-07
Android自定義View實(shí)現(xiàn)微信支付密碼輸入框
這篇文章主要為大家詳細(xì)介紹了Android自定義View實(shí)現(xiàn)微信支付密碼輸入框，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-06-06
Android實(shí)現(xiàn)獲取聯(lián)系人電話號(hào)碼功能
這篇文章主要為大家詳細(xì)介紹了Android實(shí)現(xiàn)獲取聯(lián)系人電話號(hào)碼功能，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-03-03
Android實(shí)現(xiàn)個(gè)性化的進(jìn)度條
這篇文章主要介紹了Android實(shí)現(xiàn)個(gè)性化的進(jìn)度條 的相關(guān)資料,需要的朋友可以參考下2016-07-07
Android自定義View實(shí)現(xiàn)掃描效果
這篇文章主要為大家詳細(xì)介紹了Android自定義View實(shí)現(xiàn)掃描效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-04-04
Android中實(shí)現(xiàn)自動(dòng)生成布局View的初始化代碼方法
這篇文章主要介紹了Android中實(shí)現(xiàn)自動(dòng)生成布局View的初始化代碼方法,本文使用解析layout 布局文件的方法實(shí)現(xiàn)需求,需要的朋友可以參考下2014-10-10