私は描画アプリに取り組んでいますが、元に戻す問題に直面しています。コーディングは次のとおりです。
public class DoodleView extends View
{
Context context_new;
private static final float TOUCH_TOLERANCE = 5;
private Bitmap bitmap; // drawing area for display or saving
private Canvas bitmapCanvas; // used to draw on bitmap
private Paint paintScreen; // use to draw bitmap onto screen
private Paint paintLine; // used to draw lines onto bitmap
private Path mPath;
private ArrayList<Path> paths = new ArrayList<Path>();
private ArrayList<Path> undonePaths = new ArrayList<Path>();
private float mX, mY;
// DoodleView constructor initializes the DoodleView
public DoodleView(Context context, AttributeSet attrs)
{
super(context, attrs); // pass context to View's constructor
this.context_new=context;
paintScreen = new Paint(); // used to display bitmap onto screen
// set the initial display settings for the painted line
paintLine = new Paint();
paintLine.setAntiAlias(true); // smooth edges of drawn line
paintLine.setColor(Color.BLACK); // default color is black
paintLine.setStyle(Paint.Style.STROKE); // solid line
mPath = new Path();
paths.add(mPath);
} // end DoodleView constructor
OnSizeChanged:
@Override
public void onSizeChanged(int w, int h, int oldW, int oldH)
{
super.onSizeChanged(w, h, oldW, oldH);
DoodlzViewWidth = w;
DoodlzViewHeight = h;
bitmap = Bitmap.createBitmap(getWidth(), DoodlzViewHeight, Bitmap.Config.ARGB_8888);
bitmapCanvas = new Canvas(bitmap);
bitmap.eraseColor(Color.WHITE); // erase the BitMap with white
}
onDraw:
@Override
protected void onDraw(Canvas canvas)
{
canvas.drawBitmap(bitmap, 0, 0, paintScreen);
// for each path currently being drawn
for (Path p : paths){canvas.drawPath(p, paintLine);}
}
onTouchEvent:
@Override
public boolean onTouchEvent(MotionEvent event)
{
float x = event.getX();
float y = event.getY();
switch (event.getAction())
{
case MotionEvent.ACTION_DOWN:
touchStarted(x, y);
invalidate();
break;
case MotionEvent.ACTION_MOVE:
touchMoved(x, y);
invalidate();
break;
case MotionEvent.ACTION_UP:
touchEnded();
invalidate();
break;
}
return true;
}
タッチ開始:
private void touchStarted(float x, float y)
{
mPath.reset();
mPath.moveTo(x, y);
mX = x;
mY = y;
}
touchMoved:
private void touchMoved(float x, float y)
{
float dx = Math.abs(x - mX);
float dy = Math.abs(y - mY);
if (dx >= TOUCH_TOLERANCE || dy >= TOUCH_TOLERANCE)
{
mPath.quadTo(mX, mY, (x + mX)/2, (y + mY)/2);
mX = x;
mY = y;
}
}
タッチ終了:
private void touchEnded()
{
mPath.lineTo(mX, mY);
bitmapCanvas.drawPath(mPath, paintLine);
mPath = new Path();
paths.add(mPath);
Toast.makeText(getContext(), "touchEnded" + paths.size(), Toast.LENGTH_SHORT).show();
}
元に戻す:
public void onClickUndo()
{
Toast.makeText(getContext(), "before undo button pressed " + paths.size(), Toast.LENGTH_SHORT).show();
if (paths.size()>0)
{
undonePaths.add(paths.remove(paths.size()-1));
Toast.makeText(getContext(), "after undo button pressed " + paths.size(), Toast.LENGTH_SHORT).show();
Log.i("UNDOING", "PREPARE INVALIDATE");
invalidate();
Log.i("UNDOING", "FINISH INVALIDATE");
}
else Toast.makeText(getContext(), "nothing to undo" + paths.size(), Toast.LENGTH_SHORT).show();
}
質問:
上記は、オンラインで検索された他の例から引用されています。実装時に path.reset() を設定する必要がある理由がわかりtouchStarted
ませんか?
Q1. 元に戻すボタンを押すと、元に戻すボタンが押されたことが正しく表示toast
され、0であることを報告するpath.size()
ため、直前に描画された線は削除されません。なぜ0なのか本当にわかりませんか?? すでにパス配列に追加されていませんか? コードはどのように変更できますか?
** android-developer のアドバイスを受けてコードを修正しました! ありがとう!!path.size() が正しく表示されるようになりました。ばかげた見逃しで申し訳ありません! *しかし、前に描かれた線はまだ削除できませんか? =(
Q2. 指が画面上を移動していてすぐに線が表示されたときにアプリが正常に機能しているときに、元に戻すボタンを押すと、上記の線が削除されないことに加えて、ボタンは指を離すまで表示されません。
Q2 への回答:
以下の 2 行を からtouchEnded()
に移動しますtouchStarted()
mPath = new Path();
paths.add(mPath);
.
private void touchStarted(float x, float y)
{
mPath.reset();
mPath = new Path();
paths.add(mPath);
mPath.moveTo(x, y);
mX = x;
mY = y;
}
private void touchEnded()
{
mPath.lineTo(mX, mY);
bitmapCanvas.drawPath(mPath, paintLine);// commit the path to our offscreen
Toast.makeText(getContext(), "touchEnded" + paths.size(), Toast.LENGTH_SHORT).show();
}
ありがとう!!!