如何用Android實(shí)現(xiàn)下拉刷新效果-創(chuàng)新互聯(lián)

這篇文章主要介紹“如何用Android實(shí)現(xiàn)下拉刷新效果”的相關(guān)知識(shí)，小編通過實(shí)際案例向大家展示操作過程，操作方法簡(jiǎn)單快捷，實(shí)用性強(qiáng)，希望這篇“如何用Android實(shí)現(xiàn)下拉刷新效果”文章能幫助大家解決問題。

創(chuàng)新互聯(lián)公司自2013年創(chuàng)立以來，是專業(yè)互聯(lián)網(wǎng)技術(shù)服務(wù)公司，擁有項(xiàng)目做網(wǎng)站、網(wǎng)站建設(shè)網(wǎng)站策劃，項(xiàng)目實(shí)施與項(xiàng)目整合能力。我們以讓每一個(gè)夢(mèng)想脫穎而出為使命，1280元托克遜做網(wǎng)站,已為上家服務(wù),為托克遜各地企業(yè)和個(gè)人服務(wù),聯(lián)系電話:028-86922220

效果：

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（）將其與地球一起上升。

關(guān)于“如何用Android實(shí)現(xiàn)下拉刷新效果”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識(shí)，可以關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，小編每天都會(huì)為大家更新不同的知識(shí)點(diǎn)。

當(dāng)前題目：如何用Android實(shí)現(xiàn)下拉刷新效果-創(chuàng)新互聯(lián)
本文來源：http://www.jbt999.com/article40/cddpeo.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站排名、外貿(mào)建站、品牌網(wǎng)站建設(shè)、手機(jī)網(wǎng)站建設(shè)、動(dòng)態(tài)網(wǎng)站、靜態(tài)網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：[email protected]。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)