使用微信录制小视频时会有一个倒计时的横线,如下图:

这个横线怎么实现呢?

尝试了以下几种方法:

ProgressBar

自定义View + 定时器 + 重绘

TextView动态改变宽度

第一种方式使用ProgressBar,但是暂时不知道如何实现.

第二种方式在绘制过程中出现卡顿,没有更好的解决办法,相对较麻烦.

第三种方式定时器动态改变宽度仍旧会出现卡顿现象.

卡顿! 卡顿!! 卡顿!!!

用什么解决卡顿呢?

用动画,对了,使用Animator.动画来解决卡顿,动态改变View的宽度.

于是自定义了一个LineView

public class LineView extends View{

public LineView(Context context) {

super(context);

}

public LineView(Context context, AttributeSet attrs) {

super(context, attrs);

}

public void setLayoutWidth(int width){

ViewGroup.LayoutParams params = getLayoutParams();

params.width = width;

setLayoutParams(params);

}

}

和普通的view相比,就多了一个方法:

public void setLayoutWidth(int width){

ViewGroup.LayoutParams params = getLayoutParams();

params.width = width;

setLayoutParams(params);

}

为什么加一个这个方法呢?这个方法的其实就是设置View的布局宽度,但是在ObjectAnimator里面,需要一个可以使用的属性来改变,为此我创造一个属性layoutWidth,于是动画就可以这样写:

animator = ObjectAnimator.ofInt(lineView, "layoutWidth", width, 0);

布局文件很简单,就放一个LineView,一个Button.

在这把MainActivity也贴出来,如下:

public class MainActivity extends AppCompatActivity {

private Animator animator;

private LineView lineView;

private int width;

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_main);

Button button = (Button) findViewById(R.id.button);

button.setOnClickListener(new View.OnClickListener() {

@Override

public void onClick(View v) {

startAnimator();

}

});

lineView = (LineView) findViewById(R.id.lineView);

ViewTreeObserver observer = lineView.getViewTreeObserver();

observer.addOnPreDrawListener(new ViewTreeObserver.OnPreDrawListener() {

@Override

public boolean onPreDraw() {

width = lineView.getMeasuredWidth();

Log.d("-----", "width:" + width);

return true;

}

});

}

private void startAnimator(){

animator = ObjectAnimator.ofInt(lineView, "layoutWidth", width, 0);

animator.setDuration(6000);

animator.setInterpolator(new LinearInterpolator());

animator.start();

}

}

噔噔噔噔,大功告成,看一下效果吧:

如果有好的方法,请留言或者联系我哦.点此查看联系方式