提供一个Android原生的Progress——SwipeToRefreshLayout下拉刷新时的等待动画

简介: 先来上个图看看效果: 这里我为什么要单独把这个拿出来呢,因为最近才开始接触Android最新的东西,也就是5.0以上的东西,发现Android提供的SwipeToRefreshLayout是没有上拉加载更多的,在网上找了不少第三方提供加载更多的项目,大部分都还在使用以前ListView时候使用的那一套加载更多的效果,但是效果都不是很好,所以萌生了要把这部分单独抽出来的想法。

先来上个图看看效果:


这里我为什么要单独把这个拿出来呢,因为最近才开始接触Android最新的东西,也就是5.0以上的东西,发现Android提供的SwipeToRefreshLayout是没有上拉加载更多的,在网上找了不少第三方提供加载更多的项目,大部分都还在使用以前ListView时候使用的那一套加载更多的效果,但是效果都不是很好,所以萌生了要把这部分单独抽出来的想法。


第一张图就是在下拉刷新以及加载更多的时候的效果,第二张是加载动画,也是可以放大的,不过在某些手机版本上是没效果的。

我给这个Progress命名为:MaterialProgress,这个文件内部完全是从SwipeToRefreshLayout中扒过来,然后删除了一部分影响使用的东西,所以内部还是很多不必须的代码的,所以,有需要的可以适当的删除。


它的主要用处是可以作为自定义加载更多的加载动画,你一定需要这个。



贴一部分主要代码:

/**
 * SwipeToRefreshLayout中下拉刷新时的等待圆环
 * Created by Sahadev on 2015/11/13.
 */
public class MaterialProgress extends FrameLayout {
    <span style="white-space:pre">	</span>...

    public MaterialProgress(Context context) {
        this(context, null, 0);
    }

    public MaterialProgress(Context context, AttributeSet attrs) {
        this(context, attrs, 0);
    }

    public MaterialProgress(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        this.mRefreshing = false;
        this.mTotalDragDistance = -1.0F;
        this.mParentScrollConsumed = new int[2];
        this.mOriginalOffsetCalculated = false;
        this.mActivePointerId = -1;
        this.mCircleViewIndex = -1;
        this.mRefreshListener = new Animation.AnimationListener() {
            public void onAnimationStart(Animation animation) {
            }

            public void onAnimationRepeat(Animation animation) {
            }

            public void onAnimationEnd(Animation animation) {
                if (MaterialProgress.this.mRefreshing) {
                    MaterialProgress.this.mProgress.setAlpha(255);
                    MaterialProgress.this.mProgress.start();
                } else {
                    MaterialProgress.this.mProgress.stop();
                    MaterialProgress.this.mCircleView.setVisibility(View.VISIBLE);
                    MaterialProgress.this.setColorViewAlpha(255);
                    if (MaterialProgress.this.mScale) {
                        MaterialProgress.this.setAnimationProgress(0.0F);
                    } else {
                        MaterialProgress.this.setTargetOffsetTopAndBottom(MaterialProgress.this.mOriginalOffsetTop - MaterialProgress.this.mCurrentTargetOffsetTop, true);
                    }
                }

                MaterialProgress.this.mCurrentTargetOffsetTop = MaterialProgress.this.mCircleView.getTop();
            }
        };
        this.mAnimateToCorrectPosition = new Animation() {
            public void applyTransformation(float interpolatedTime, Transformation t) {
                boolean targetTop = false;
                boolean endTarget = false;
                int endTarget1;
                if (!MaterialProgress.this.mUsingCustomStart) {
                    endTarget1 = (int) (MaterialProgress.this.mSpinnerFinalOffset - (float) Math.abs(MaterialProgress.this.mOriginalOffsetTop));
                } else {
                    endTarget1 = (int) MaterialProgress.this.mSpinnerFinalOffset;
                }

                int targetTop1 = MaterialProgress.this.mFrom + (int) ((float) (endTarget1 - MaterialProgress.this.mFrom) * interpolatedTime);
                int offset = targetTop1 - MaterialProgress.this.mCircleView.getTop();
                MaterialProgress.this.setTargetOffsetTopAndBottom(offset, false);
                MaterialProgress.this.mProgress.setArrowScale(1.0F - interpolatedTime);
            }
        };
        this.mPeek = new Animation() {
            public void applyTransformation(float interpolatedTime, Transformation t) {
                boolean targetTop = false;
                boolean endTarget = false;
                int endTarget1;
                if (!MaterialProgress.this.mUsingCustomStart) {
                    endTarget1 = (int) (MaterialProgress.this.mSpinnerFinalOffset - (float) Math.abs(MaterialProgress.this.mOriginalOffsetTop));
                } else {
                    endTarget1 = (int) MaterialProgress.this.mSpinnerFinalOffset;
                }

                int targetTop1 = MaterialProgress.this.mFrom + (int) ((float) (endTarget1 - MaterialProgress.this.mFrom) * interpolatedTime);
                int offset = targetTop1 - MaterialProgress.this.mCircleView.getTop();
                MaterialProgress.this.setTargetOffsetTopAndBottom(offset, false);
                MaterialProgress.this.mProgress.setArrowScale(1.0F - interpolatedTime);
            }
        };
        this.mAnimateToStartPosition = new Animation() {
            public void applyTransformation(float interpolatedTime, Transformation t) {
                MaterialProgress.this.moveToStart(interpolatedTime);
            }
        };
        this.mTouchSlop = ViewConfiguration.get(context).getScaledTouchSlop();
        this.mMediumAnimationDuration = 500;
        this.setWillNotDraw(false);
        this.mDecelerateInterpolator = new DecelerateInterpolator(2.0F);
        TypedArray a = context.obtainStyledAttributes(attrs, LAYOUT_ATTRS);
        this.setEnabled(a.getBoolean(0, true));
        a.recycle();
        DisplayMetrics metrics = this.getResources().getDisplayMetrics();
        this.mCircleWidth = (int) (40.0F * metrics.density);
        this.mCircleHeight = (int) (40.0F * metrics.density);
        this.createProgressView();
        ViewCompat.setChildrenDrawingOrderEnabled(this, true);
        this.mSpinnerFinalOffset = 64.0F * metrics.density;
        this.mTotalDragDistance = this.mSpinnerFinalOffset;
        this.mNestedScrollingParentHelper = new NestedScrollingParentHelper(this);
        this.mNestedScrollingChildHelper = new NestedScrollingChildHelper(this);
        this.setNestedScrollingEnabled(true);


        setColorSchemeResources(android.R.color.holo_blue_bright, android.R.color.holo_green_light,
                android.R.color.holo_orange_light, android.R.color.holo_red_light);
        setRefreshing(true);
        this.finishSpinner(mTotalDragDistance + 10);
    }

    private void setColorViewAlpha(int targetAlpha) {
        this.mCircleView.getBackground().setAlpha(targetAlpha);
        this.mProgress.setAlpha(targetAlpha);
    }


    public void setSize(int size) {
        if (size == 0 || size == 1) {
            DisplayMetrics metrics = this.getResources().getDisplayMetrics();
            if (size == 0) {
                this.mCircleHeight = this.mCircleWidth = (int) (56.0F * metrics.density);
            } else {
                this.mCircleHeight = this.mCircleWidth = (int) (40.0F * metrics.density);
            }

            this.mCircleView.setImageDrawable((Drawable) null);
            this.mProgress.updateSizes(size);
            this.mCircleView.setImageDrawable(this.mProgress);
        }
    }

    private void createProgressView() {
        this.mCircleView = new CircleImageView(this.getContext(), -328966, 20.0F);
        this.mProgress = new MaterialProgressDrawable(this.getContext(), this);
        this.mProgress.setBackgroundColor(-328966);
        this.mCircleView.setImageDrawable(this.mProgress);
        this.mCircleView.setVisibility(View.VISIBLE);
        this.mCircleView.setPadding(5, 5, 5, 5);//设置一个内边距
        this.addView(this.mCircleView, new LayoutParams(LayoutParams.MATCH_PARENT, LayoutParams.MATCH_PARENT));
    }

<span style="white-space:pre">	</span>...

    public void setRefreshing(boolean refreshing) {
        if (refreshing && this.mRefreshing != refreshing) {
            this.mRefreshing = refreshing;
            boolean endTarget = false;
            int endTarget1;
            if (!this.mUsingCustomStart) {
                endTarget1 = (int) (this.mSpinnerFinalOffset + (float) this.mOriginalOffsetTop);
            } else {
                endTarget1 = (int) this.mSpinnerFinalOffset;
            }

            this.setTargetOffsetTopAndBottom(endTarget1 - this.mCurrentTargetOffsetTop, true);
            this.mNotify = false;
            this.startScaleUpAnimation(this.mRefreshListener);
        } else {
            this.setRefreshing(refreshing, false);
        }

    }

<span style="white-space:pre">	</span>...

}

在使用的时候将项目中的JAVA文件拷入工程即可,不用单独作为一个项目,每个环境可能不一样,可能会出现编译错误。快来试试吧。

项目地址:http://git.oschina.net/sahadev/MaterialProgress

目录
相关文章
|
6天前
|
数据采集 小程序 数据可视化
智慧校园电子班牌管理系统源码 Java Android原生
家长通过家长小程序端随时了解孩子在校的情况,实时接收学生的出勤情况,学生到校、离校时间。随时了解学生在校的表现、学生成绩排名,及时与教师沟通,关注孩子的健康成长。
36 0
智慧校园电子班牌管理系统源码 Java Android原生
|
6天前
|
Java Android开发 开发者
Android10 修改开发者选项中动画缩放默认值
Android10 修改开发者选项中动画缩放默认值
15 0
|
6天前
|
XML Java Android开发
android的三种动画
android的三种动画
15 0
|
4天前
|
数据库 Android开发
Android数据库框架-GreenDao入门,2024年最新flutter 页面跳转动画
Android数据库框架-GreenDao入门,2024年最新flutter 页面跳转动画
Android数据库框架-GreenDao入门,2024年最新flutter 页面跳转动画
|
6天前
|
API 开发工具 Android开发
调用Android原生@SystemApi、@Hide方法
调用Android原生@SystemApi、@Hide方法
9 1
|
6天前
|
Java Android开发
Android 开机动画的启动
Android 开机动画的启动
14 0
|
6天前
|
Java Android开发
Android Mediatek 延迟停止启动动画和通知SurfaceFlinger(Android正在启动)
Android Mediatek 延迟停止启动动画和通知SurfaceFlinger(Android正在启动)
13 0
|
6天前
|
数据采集 小程序 数据可视化
Java Android原生智慧校园管理系统源码
对班牌的考试模式、班牌模式上课模式进行设置及管理,设置成功后,班牌端将同步应用。
27 0
|
6天前
|
Java Android开发
Android开发之使用OpenGL实现翻书动画
本文讲述了如何使用OpenGL实现更平滑、逼真的电子书翻页动画,以解决传统贝塞尔曲线方法存在的卡顿和阴影问题。作者分享了一个改造后的外国代码示例,提供了从前往后和从后往前的翻页效果动图。文章附带了`GlTurnActivity`的Java代码片段,展示如何加载和显示书籍图片。完整工程代码可在作者的GitHub找到:https://github.com/aqi00/note/tree/master/ExmOpenGL。
40 1
Android开发之使用OpenGL实现翻书动画
|
6天前
|
XML 开发工具 Android开发
Android动画效果-更新中
Android动画效果-更新中
60 1