java - 在画布中绘制和擦除圆圈
问题描述
我是android的新手,所以我不知道这个问题是否基本。
我想每隔 N 秒在画布上画一个圆圈。
寻找教程,我成功地在画布上画了一个圆圈。但随后问题出现了。我怎样才能擦除我以前画的圆圈。
我这样做的方式可能很糟糕,事实上,我只是画了另一个圆圈(但是是白色的)。这意味着,每次迭代我都会画一个白色圆圈以擦除前一个圆圈。然后是蓝色的新圆圈。
它在第一次迭代中完美地工作......但是一旦我开始在我已经画了一个圆圈的地方画一个圆圈......事情就开始出错了......就像再次绘制一些以前删除的圆圈一样又出现了。
我真的不知道该怎么解释。
你可以看到执行这段代码会发生什么。
我的游戏活动启动器
public class GameActivity extends AppCompatActivity {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
Float max = new Float(200.42);
ArrayList<Float> liste_test = new ArrayList<Float>();
liste_test.add(new Float(36.8));
liste_test.add(new Float(147.8));
liste_test.add(new Float(97.8));
liste_test.add(new Float(max));
liste_test.add(new Float(10));
setContentView(new ExampleSurfaceView(this,liste_test,max));
}
}
我的 ExampleSurfaceView 使用列表中的“标准化”数据绘制圆圈。
public class ExampleSurfaceView extends SurfaceView implements SurfaceHolder.Callback {
// Le holder
SurfaceHolder mSurfaceHolder;
// Le thread dans lequel le dessin se fera
DrawingThread mThread;
int oldPosition_x;
int oldPosition_y;
ArrayList<Integer> valeurs_capteurs;
int nb_valeurs;
public ExampleSurfaceView (Context context,ArrayList<Float> donees_capteur, Float max) {
super(context);
this.valeurs_capteurs=normalise(donees_capteur,max);
this.nb_valeurs=this.valeurs_capteurs.size();
mSurfaceHolder = getHolder();
mSurfaceHolder.addCallback(this);
mThread = new DrawingThread();
}
//pour récupérer des données uniforme peu importe le capteur
public ArrayList<Integer> normalise(ArrayList<Float> donnees, Float max){
valeurs_capteurs = new ArrayList<Integer>();
for (Float donnee : donnees) {
int donnee_normalized= (int)((donnee/max)*100);
valeurs_capteurs.add(donnee_normalized);
}
return valeurs_capteurs;
}
protected void onDraw(Canvas canvas,int nb) {
//dessinez ici
super.onDraw(canvas);
Paint paint = new Paint();
paint.setStyle(Paint.Style.FILL);
int index = nb%(nb_valeurs-1);
System.out.println(index);
//On calcule une position à partir des données du capteur
int circlePositionX = 60+this.valeurs_capteurs.get(index);
int circlePositionY = 60+this.valeurs_capteurs.get(index);
//initialisation au premier draw
if(nb==0){
oldPosition_x=circlePositionX;
oldPosition_y=circlePositionY;
}
//effacer l'andien cercle
paint.setColor(Color.WHITE);
canvas.drawCircle(oldPosition_x,oldPosition_y, 50,paint);
System.out.println("Erase in "+oldPosition_x+" - "+oldPosition_y);
oldPosition_x=circlePositionX;
oldPosition_y=circlePositionY;
//dessiner le nouveau cercle
paint.setColor(Color.BLUE);
canvas.drawCircle(circlePositionX, circlePositionY, 50,paint);
System.out.println("Draw in "+circlePositionX+" - "+circlePositionY);
}
@Override
public void surfaceChanged(SurfaceHolder holder, int format, int width, int height) {
// Que faire quand le surface change ? (L'utilisateur tourne son téléphone par exemple)
}
@Override
public void surfaceCreated(SurfaceHolder holder) {
mThread.keepDrawing = true;
mThread.start();
}
@Override
public void surfaceDestroyed(SurfaceHolder holder) {
mThread.keepDrawing = false;
boolean joined = false;
while (!joined) {
try {
mThread.join();
joined = true;
} catch (InterruptedException e) {}
}
}
private class DrawingThread extends Thread {
// Utilisé pour arrêter le dessin quand il le faut
boolean keepDrawing = true;
@SuppressLint("WrongCall")
@Override
public void run() {
int nb=0;
while (keepDrawing) {
Canvas canvas = null;
try {
// On récupère le canvas pour dessiner dessus
canvas = mSurfaceHolder.lockCanvas();
// On s'assure qu'aucun autre thread n'accède au holder
synchronized (mSurfaceHolder) {
// Et on dessine
onDraw(canvas,nb);
nb+=1;
}
} finally {
// Notre dessin fini, on relâche le Canvas pour que le dessin s'affiche
if (canvas != null)
mSurfaceHolder.unlockCanvasAndPost(canvas);
}
try {
Thread.sleep(2000);
} catch (InterruptedException e) {}
}
}
}
}
当我查看打印时,数据似乎是逻辑的,我擦除并打印到好的地方......但问题仍然存在......显然我做错了什么,但我不知道是什么经过多次搜索。感谢你的协助。
解决方案
如果您尝试删除画布上的所有内容,您可以在onDraw
方法的开头调用它:
canvas.drawColor(Color.TRANSPARENT, PorterDuff.Mode.CLEAR)
此外,为了每秒绘制 60 次画布,您可以在函数invalidate()
结束时调用。onDraw
您可能不需要表面,只需使用自定义View
而不是SurfaceView
,这样每次onDraw
调用时都会自动清除
推荐阅读
- lua - 连接到小部件的信号,button::press
- javascript - 下载作为二进制/八位字节流的 PNG 文件
- android - 排行榜还需要 BaseGameUtils 吗?
- python - How to plot graph where the indexes are strings
- php - PHP 中的 Google 身份验证
- python - TravicCI 构建找不到 Managa.py [Django] 命令
- python - 为什么 Python IDE 即使安装正确也会显示这样的错误
- r - 根据条件选择和修改数据框中的行
- reactjs - ANTD React 我怎样才能像 antd 网站一样做词缀?
- php - 谷歌日历 API fetchAccessTokenWithAuthCode 不起作用