Android绘制一条线以跟随您的手指
-
29-09-2019 - |
题
我想做的是画一条将跟随我的手指的线。我创建了一个自定义视图,我有一个 onTouchEvent()
这样可行。
我可以在 onDraw()
方法没有太多麻烦。
我不确定如何在手指移动时绘制线。
public boolean onTouchEvent(MotionEvent event) {
super.onTouchEvent(event);
switch (event.getAction()) {
case MotionEvent.ACTION_DOWN: {
Log.e(TAG, " - DOWN -");
Log.e(TAG, " getX: " + event.getX());
break;
}
case MotionEvent.ACTION_UP: {
Log.e(TAG, " - UP -");
Log.e(TAG, " getX: " + event.getX());
break;
}
}
return true;
}
有什么暗示你们做了一段时间可以给予吗?
我需要在 onTouchEvent()
并不断使视图无效,因此小线段绘制了?
最后,我只想能够用手指在屏幕上基本上涂鸦。
解决方案
您只是在跟踪上下活动。也跟踪Action_Move事件。当心,即使该人的手指显然没有移动,它也会连续跟踪。您的代码应该这样做:
Action_Down:存储位置。
Action_Move:如果位置与存储的位置不同,则将一条线从存储的位置到当前位置,然后将存储的位置更新为当前位置。
Action_UP:停止。
在Action_Move位中,最好检查位置是否距离存储的位置至少2或3像素。如果您要存储所有的绘图点,以便以后可以对数据进行一些操作,然后将其增加到10个像素,这样您就不会获得数百点的简单线。
其他提示
这是我最终做的事情。希望这对其他一些初学者有帮助。
我有一个精灵类,代表我想在屏幕上移动的对象:
public class Sprite {
private final String TAG = "Sprite";
private Drawable drawable;
private int x; // the X coordinate
private int y; // the Y coordinate
private boolean touched; // if droid is touched/picked up
private Speed speed; // the speed with its directions
public Sprite(Drawable drawable, int x, int y) {
this.drawable = drawable;
this.x = x;
this.y = y;
this.speed = new Speed();
}
public void draw(Canvas canvas) {
drawable.setBounds(new Rect(x, y, x+drawable.getIntrinsicWidth(), y+drawable.getIntrinsicHeight()));
drawable.draw(canvas);
}
public void move() {
if (!touched) {
x += (speed.getXv() * speed.getxDirection());
y += (speed.getYv() * speed.getyDirection());
}
}
public void handleActionDown(int eventX, int eventY) {
if (eventX >= (x - bitmap.getWidth() / 2) && (eventX <= (x + bitmap.getWidth() / 2))) {
if (eventY >= (y - bitmap.getHeight() / 2) && (y <= (y + bitmap.getHeight() / 2))) {
// droid touched
setTouched(true);
} else {
setTouched(false);
}
} else {
setTouched(false);
}
}
}
然后我有一个主要的游戏循环。循环遍历,并调用我的Mainpanel的渲染和更新方法,这些方法看起来像这样:
public void render(Canvas canvas) {
canvas.drawColor(Color.BLACK);
sprite.draw(canvas);
}
public void update() {
sprite.move();
}
在运动事件捕获中处理精灵移动的位置:
if (event.getAction() == MotionEvent.ACTION_MOVE) {
// the gestures
if (sprite.isTouched()) {
sprite.setX((int) event.getX());
sprite.setY((int) event.getY());
}
}
希望这很有帮助。如果我修剪得太多,并且有一些您不会让我知道的东西。
下一步,使对象遵循行!
触摸事件与指针列表相关联,如下所示:
int p = event.getPointerCount();
在这些和绘图点上迭代可能导致连续线出现
if (event.getAction() == MotionEvent.ACTION_MOVE
|| event.getAction() == MotionEvent.ACTION_DOWN) {
int p = event.getPointerCount();
for (int i = 0; i < p; i++) {
c.drawPoint(event.getX(i), event.getY(i), paint);
}
}
假设 paint
已经设置了, c
是在绘制它之前可能需要锁定的画布(例如,在多线程应用程序中)。
对于新手,此代码将帮助您创建涂鸦图像并将其导出到PNG图像中,这是 完成代码 这个活动类也包含视图类。
public class MainActivity extends Activity {
private Bitmap DrawBitmap;
private Canvas mCanvas;
private Path mPath;
private Paint DrawBitmapPaint;
RelativeLayout Rl;
CustomView View;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
View = new CustomView(this);
Rl = (RelativeLayout) findViewById(R.id.Rel);
Rl.addView(View);
mPaint = new Paint();
mPaint.setAntiAlias(true);
mPaint.setDither(true);
mPaint.setColor(getResources()
.getColor(android.R.color.holo_green_dark));
mPaint.setStyle(Paint.Style.STROKE);
mPaint.setStrokeJoin(Paint.Join.ROUND);
mPaint.setStrokeCap(Paint.Cap.ROUND);
mPaint.setStrokeWidth(20);
}
private Paint mPaint;
public class CustomView extends View {
@SuppressWarnings("deprecation")
public CustomView(Context c) {
super(c);
Display Disp = getWindowManager().getDefaultDisplay();
DrawBitmap = Bitmap.createBitmap(Disp.getWidth(), Disp.getHeight(),
Bitmap.Config.ARGB_4444);
mCanvas = new Canvas(DrawBitmap);
mPath = new Path();
DrawBitmapPaint = new Paint(Paint.DITHER_FLAG);
}
@Override
protected void onSizeChanged(int w, int h, int oldw, int oldh) {
super.onSizeChanged(w, h, oldw, oldh);
}
@Override
protected void onDraw(Canvas canvas) {
setDrawingCacheEnabled(true);
canvas.drawBitmap(DrawBitmap, 0, 0, DrawBitmapPaint);
canvas.drawPath(mPath, mPaint);
canvas.drawRect(mY, 0, mY, 0, DrawBitmapPaint);
}
private float mX, mY;
private static final float TOUCH_TOLERANCE = 4;
private void touch_start(float x, float y) {
mPath.reset();
mPath.moveTo(x, y);
mX = x;
mY = y;
}
private void touch_move(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 touch_up() {
mPath.lineTo(mX, mY);
mCanvas.drawPath(mPath, mPaint);
mPath.reset();
}
@Override
public boolean onTouchEvent(MotionEvent event) {
float x = event.getX();
float y = event.getY();
switch (event.getAction()) {
case MotionEvent.ACTION_DOWN:
touch_start(x, y);
invalidate();
break;
case MotionEvent.ACTION_MOVE:
touch_move(x, y);
invalidate();
break;
case MotionEvent.ACTION_UP:
touch_up();
invalidate();
break;
}
return true;
}
}
@Override
public boolean onCreateOptionsMenu(Menu menu) {
getMenuInflater().inflate(R.menu.main, menu);
return true;
}
@Override
public boolean onOptionsItemSelected(MenuItem item) {
mPaint.setXfermode(null);
switch (item.getItemId()) {
case R.id.erase:
mPaint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.CLEAR));
break;
case R.id.DELETE:
View = new CustomView(this);
break;
case R.id.draw:
mPaint.setXfermode(null);
break;
case R.id.Save:
String pattern = "mm ss";
SimpleDateFormat formatter = new SimpleDateFormat(pattern);
String time = formatter.format(new Date());
String path = ("/d-codepages" + time + ".png");
File file = new File(Environment.getExternalStorageDirectory()
+ path);
try {
DrawBitmap.compress(Bitmap.CompressFormat.PNG, 100,
new FileOutputStream(file));
Toast.makeText(this, "File Saved ::" + path, Toast.LENGTH_SHORT)
.show();
} catch (Exception e) {
Toast.makeText(this, "ERROR" + e.toString(), Toast.LENGTH_SHORT)
.show();
}
}
return super.onOptionsItemSelected(item);
}
}
还要查看Java路径类。您可以使用它来绘制路径...当您将手指移到屏幕上时。每次更新(无论如何实现) - 例如,最后一个更新中的每个像素)您将x,y坐标添加到路径中,并通过循环重新渲染总路径。只是我现在正在玩的想法。
已经有一段时间了,但是这篇文章仍然有一些看法,所以我认为我会发布一些有用的内容:
关于如何制作对象的教程遵循一行:http://www.rengelbert.com/tutorial.php?id=182
这是上述教程也使用的好免费游戏引擎:http://libgdx.badlogicgames.com/
希望这对某人有帮助!