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: Stop.
В бит 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
Является ли холст, который может быть заблокирован (например, в многопотативном приложении), до его рисования.
Для новичков этот код поможет вам создать изображение Doodle и экспортировать его в PNG Image Вот Полный код И этот класс активности с содержит класс взгляда ..
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);
}
}
Также проверьте класс Path Java. Вы можете использовать это, чтобы нарисовать путь ... Когда вы перемещаете палец по экрану. С каждым обновлением (однако вы реализуете это - каждый так много пикселей из последнего обновления, например) вы добавляете X, Y координату на свой путь и повторно отображаете общий путь через петлю. Просто идея, с которой я сейчас играю.
Это было какое-то время, но этот пост все еще получает несколько мнения, поэтому я полагаю, что я опубликую полезные вещи:
Учебник о том, как сделать объект, следующую следующую линию:http://www.rengelbert.com/tutorial.php?id=182.
Это хороший бесплатный игровой двигатель, который приведенный выше учебник также использует:http://libgdx.badlogicgames.com/
Надеюсь, это поможет кому-то!