针对ValueAnimator在部分设备上执行无效的替代方法

ValueAnimator在部分设备上不能很好的执行,通过onAnimationUpdate得到的值总是0

       ValueAnimator.AnimatorUpdateListener animatorUpdateListener = new ValueAnimator.AnimatorUpdateListener() {
            @Override
            public void onAnimationUpdate(ValueAnimator animation) {
                int value = (int) animation.getAnimatedValue();
                mDegress = value;
                invalidate();
            }
        };
        ValueAnimator valueAnimator = ValueAnimator.ofInt(0, 360);
        valueAnimator.addUpdateListener(animatorUpdateListener);
        valueAnimator.setDuration(1600);
        valueAnimator.setInterpolator(new DecelerateInterpolator(0.6f));
        valueAnimator.setRepeatCount(-1);
        valueAnimator.start();

原因是 动画时长缩放程序 这个选项被关闭了,点击查看详情
解决方式有两种:
1、就像上面的文章中提到的,通过反射修改 动画时长缩放程序 的值
2、从动画插值器中得到 getInterpolation(float input) 方法,根据动画执行时长和动画执行总时长计算出当前的值

Android UI 自定义渐进圆形进度条为例,部分设备上无法根据onAnimationUpdate更新进度,在onDraw方法中,我们根据动画执行时长和动画执行总时长调用DecelerateInterpolator中的getInterpolation方法得到当前的进度

    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);

        ...

        if (mStartTime == 0) {
            mStartTime = System.currentTimeMillis();
        }
        mDegrees = (int) (getInterpolation((System.currentTimeMillis() - mStartTime) / (float) DEFAULT_DURATION) * 360);
        canvas.drawArc(mCircleRecF, mDegrees, 360 - mDegrees < MAXDEGREES ?
                360 - mDegrees : Math.min(mDegrees, MAXDEGREES), false, mPaint);

        if ((System.currentTimeMillis() - mStartTime) > DEFAULT_DURATION) {
            mStartTime = 0;
        }

        invalidate();

    }
    // 从DecelerateInterpolator拷贝
    public float getInterpolation(float input) {
        float result;
        float factor = 0.5f;
        if (factor == 1.0f) {
            result = (float) (1.0f - (1.0f - input) * (1.0f - input));
        } else {
            result = (float) (1.0f - Math.pow((1.0f - input), 2 * factor));
        }
        return result;
    }

最终可以达到和Android UI 自定义渐进圆形进度条中使用ValueAnimator一样的效果

circle.gif

完整代码如下:

public class CircleProgress extends View {
    private final String TAG = "CircleProgress";

    private final int COLOR_CIRCLE_BG = Color.parseColor("#4affffff");
    private final long DEFAULT_DURATION = 1200;
    private Context mContext;
    private int mDegrees = 360;
    private final int MAXDEGREES = 120;
    private int SCREEN_WIDTH = 0;
    private int circleWidth = 0;
    private int circleColor = Color.WHITE;
    private int mWidth, mHeight, mSize, mLeft, mTop;
    private RectF mCircleRecF = null;
    private Paint mPaint = new Paint();
    private long mStartTime = 0;

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

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

    public CircleProgress(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        init();
    }

    private void init() {
        mContext = getContext();
        SCREEN_WIDTH = getScreenWidth(mContext);
        circleWidth = getRelativeWidth(8);

        mPaint.setAntiAlias(true);
        mPaint.setDither(true);
        mPaint.setStrokeWidth(circleWidth);
        mPaint.setStyle(Paint.Style.STROKE);
        mPaint.setStrokeCap(Paint.Cap.ROUND);

    }

    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);

        if (mCircleRecF == null) {
            if (getWidth() <= 0 || getHeight() <= 0) {
                return;
            }
            mWidth = getWidth();
            mHeight = getHeight();
            mSize = Math.min(mWidth, mHeight) - circleWidth - 4;
            mLeft = (mWidth - mSize) / 2 + 1;
            mTop = (mHeight - mSize) / 2 + 1;
            mCircleRecF = new RectF(mLeft, mTop, mLeft + mSize, mTop + mSize);
        }
        mPaint.setColor(COLOR_CIRCLE_BG);
        canvas.drawCircle(mLeft + mSize / 2, mTop + mSize / 2, mSize / 2, mPaint);

        mPaint.setColor(circleColor);
        if (mStartTime == 0) {
            mStartTime = System.currentTimeMillis();
        }
        mDegrees = (int) (getInterpolation((System.currentTimeMillis() - mStartTime) / (float) DEFAULT_DURATION) * 360);
        canvas.drawArc(mCircleRecF, mDegrees, 360 - mDegrees < MAXDEGREES ?
                360 - mDegrees : Math.min(mDegrees, MAXDEGREES), false, mPaint);

        if ((System.currentTimeMillis() - mStartTime) > DEFAULT_DURATION) {
            mStartTime = 0;
        }

        invalidate();

    }

    @Override
    protected void onAttachedToWindow() {
        super.onAttachedToWindow();
        Log.i(TAG, "onAttachedToWindow");
        mStartTime = 0;
    }

    public float getInterpolation(float input) {
        float result;
        float factor = 0.5f;
        if (factor == 1.0f) {
            result = (float) (1.0f - (1.0f - input) * (1.0f - input));
        } else {
            result = (float) (1.0f - Math.pow((1.0f - input), 2 * factor));
        }
        return result;
    }

    @Override
    protected void onDetachedFromWindow() {
        super.onDetachedFromWindow();
        Log.i(TAG, "onDetachedFromWindow");
    }

    public int getRelativeWidth(int pxValue) {
        if (SCREEN_WIDTH <= 0) {
            return pxValue;
        }
        return (int) (pxValue * SCREEN_WIDTH / 1920.f);
    }

    public int getScreenWidth(Context context) {

        DisplayMetrics displayMetrics = new DisplayMetrics();
        WindowManager windowManager = (WindowManager) context
                .getSystemService(Context.WINDOW_SERVICE);
        windowManager.getDefaultDisplay().getMetrics(displayMetrics);
        return displayMetrics.widthPixels;
    }

    public int getCircleWidth() {
        return circleWidth;
    }

    public void setCircleWidth(int circleWidth) {
        this.circleWidth = circleWidth;
        mPaint.setStrokeWidth(circleWidth);
    }

    public int getCircleColor() {
        return circleColor;
    }

    public void setCircleColor(int circleColor) {
        this.circleColor = circleColor;
    }
}
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 161,326评论 4 369
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 68,228评论 1 304
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 110,979评论 0 252
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 44,489评论 0 217
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 52,894评论 3 294
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 40,900评论 1 224
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 32,075评论 2 317
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 30,803评论 0 205
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 34,565评论 1 249
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 30,778评论 2 253
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 32,255评论 1 265
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 28,582评论 3 261
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 33,254评论 3 241
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 26,151评论 0 8
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 26,952评论 0 201
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 36,035评论 2 285
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 35,839评论 2 277

推荐阅读更多精彩内容