seekbar进展动画？

Question

我有一个自定义搜索栏。我想在搜索栏中进行动画制作。我也进步拇指图像但进度条没有。拇指和进度值不同。我怎样才能进行动画制作？

    seekbarElectra.setMax((int) totalSpanElectra);
    seekbarElectra.setProgress((int) thumbPositionElectra);

    progressItemListElectra = new ArrayList<ProgressItem>();
    // green span
    mProgressItemElectra = new ProgressItem();
    mProgressItemElectra.progressItemPercentage = (greenSpanElectra / totalSpanElectra) * 100;
    mProgressItemElectra.color = R.color.green;
    progressItemListElectra.add(mProgressItemElectra);

    // greyspan
    mProgressItemElectra = new ProgressItem();
    mProgressItemElectra.progressItemPercentage = (darkGreySpanElectra / totalSpanElectra) * 100;
    mProgressItemElectra.color = R.color.colorgray;
    progressItemListElectra.add(mProgressItemElectra);
    seekbarElectra.initData(progressItemListElectra);
    seekbarElectra.invalidate();
}

---------------------------自定义搜索栏------------

    if (mProgressItemsList.size() > 0) {
        int progressBarWidth = getWidth();
        int progressBarHeight = getHeight();
        int thumboffset = getThumbOffset();
        int lastProgressX = 0;
        int progressItemWidth, progressItemRight;
        for (int i = 0; i < mProgressItemsList.size(); i++) {
            ProgressItem progressItem = mProgressItemsList.get(i);

            Paint progressPaint = new Paint();

            progressPaint.setColor(getResources().getColor(progressItem.color));

            progressItemWidth = (int) (progressItem.progressItemPercentage * progressBarWidth / 100);

            progressItemRight = lastProgressX + progressItemWidth;
            // for last item give right to progress item to the width
            if (i == mProgressItemsList.size() - 1 && progressItemRight != progressBarWidth) {
                progressItemRight = progressBarWidth;
            }
            Rect progressRect = new Rect();
            progressRect.set(lastProgressX, thumboffset / 2,progressItemRight, progressBarHeight - thumboffset / 2);
            canvas.drawRect(progressRect, progressPaint);
            lastProgressX = progressItemRight;
        }
        super.onDraw(canvas);
    }

}

Answer 1

试试这个：

public class ProgressBarAnimation extends Animation{
private ProgressBar progressBar;
private float from;
private float  to;

public ProgressBarAnimation(ProgressBar progressBar, float from, float to) {
    super();
    this.progressBar = progressBar;
    this.from = from;
    this.to = to;
}

@Override
protected void applyTransformation(float interpolatedTime, Transformation t) {
    super.applyTransformation(interpolatedTime, t);
    float value = from + (to - from) * interpolatedTime;
    progressBar.setProgress((int) value);
}

}

称之为：

 ProgressBarAnimation anim = new ProgressBarAnimation(progress, from, to);
 anim.setDuration(1000);
 progress.startAnimation(anim);

Answer 2

首先，创建一个ValueAnimator

private ValueAnimator valueAnimator = new ValueAnimator();

然后，为它设置一个监听器：

private void setListener() {
    valueAnimator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
        @Override
        public void onAnimationUpdate(ValueAnimator animation) {
            int firstAnimatedValue = (int) valueAnimator.getAnimatedValue("firstAnimatedValue");
            int secondAnimatedValue = (int) valueAnimator.getAnimatedValue("secondAnimatedValue");

            // update the properties here
        }
    });
}

然后，要启动动画，请将值设置如下：

public void setAnimatedValues() {
    valueAnimator.setValues(
            new PropertyValuesHolder("firstAnimatedValue", fromValue1, toValue1),
            new PropertyValuesHolder("secondAnimatedValue", fromValue2, fromValue2)
    );

    valueAnimator.start();
}

启动动画师时，应使用中间值多次调用侦听器。