在自定义view中更新UI的问题（小球的往复运动）

在自定义view中遇到更新UI的情况，如果是耗时的不断的更新的ui，要将其放入子线程中去更新，否则更新一段时间就会变得运动的很慢很慢

示例代码：自定义一个小球从左往右移动，到达边界后往左移动的往复运动

public class MyView extends View {
private Paint mPaint;
private int ballRadius=15;
private int startX=15;
private int startY=15;
private int viewWidth;
private boolean isRightMove=true;//判断当前状态是左移还是右移，解决右移变左移数字会变小的同时符合右移的条件从而一直在一个地方移动
private boolean isOpen;//解决在主线程更新UI变缓慢的问题，标志子线程是否开启，避免多次开启
private int moveWidth=5;
public MyView(Context context) {
this(context,null,0);
}

public MyView(Context context, @Nullable AttributeSet attrs) {
this(context, attrs,0);
}

public MyView(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
super(context, attrs, defStyleAttr);
mPaint=new Paint();
mPaint.setAntiAlias(true);
mPaint.setColor(Color.RED);
}


@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
super.onMeasure(widthMeasureSpec, heightMeasureSpec);
viewWidth=getMeasuredWidth();
}

@Override
protected void onDraw(Canvas canvas) {
super.onDraw(canvas);
drawCircle(canvas);
if (!isOpen) {
new Thread(new Runnable() {
@Override
public void run() {
mHandler.sendEmptyMessageDelayed(0, 1);
}
}).start();
isOpen=true;
}

}
private void drawCircle(Canvas canvas){
canvas.save();
canvas.drawCircle(startX,startY,ballRadius,mPaint);
if (startX+ballRadius<=viewWidth&&isRightMove){
//向右
startX+=moveWidth;
isRightMove=true;
}else{
//向左
if (startX-ballRadius<=0){
//向右
startX+=moveWidth;
isRightMove=true;
}else{
//向左
startX-=moveWidth;
isRightMove=false;
}
}
canvas.restore();
}
private Handler mHandler=new Handler(){
@Override
public void handleMessage(Message msg) {
super.handleMessage(msg);
postInvalidate();
mHandler.sendEmptyMessageDelayed(0,1);
}
};

}

上面的代码可以直接测试，如果对您有帮助请继续以下程序：

QQ交流群：

打赏：