Java 如何在执行事件时创建动态android路径对象?
我正在尝试使用Android构建一个实时协作绘图板应用程序,该应用程序由一个Node.js服务器提供支持,带有。我已经在android端使用了Socket.io。 我能够画出一条路径,将坐标发送到服务器,并从服务器获得接近实时的广播。 整个概念几乎完成了,但我遇到了一个大问题 我是一个完全的Android新手,这实际上是我的第一个Android应用程序,我完全是为了学习而创建的。 所以,问题是,在与服务器的每个新连接上,我都需要一个新的Path对象。现在我的单路径对象发生了什么,当响应来自服务器,我尝试绘制路径时,它使用相同的路径对象,因此,将我绘制的线与我从服务器收到的线坐标连接起来。此问题导致需要为与服务器的每个新连接创建一个新的Path对象。请注意,我所说的新连接是指通过打开应用程序连接到服务器的新设备。那个新来的家伙,你可以参与一个协作的绘图体验,至少,这就是我试图建立的。我认为有效的方法是,在每个新连接上,我将创建一个新的Path对象,并将其放入ArrayList中,然后根据需要引用相应的Path对象。但是,后来我发现了一个新问题,即当视图实际在Java 如何在执行事件时创建动态android路径对象?,java,android,node.js,socket.io,real-time,Java,Android,Node.js,Socket.io,Real Time,我正在尝试使用Android构建一个实时协作绘图板应用程序,该应用程序由一个Node.js服务器提供支持,带有。我已经在android端使用了Socket.io。 我能够画出一条路径,将坐标发送到服务器,并从服务器获得接近实时的广播。 整个概念几乎完成了,但我遇到了一个大问题 我是一个完全的Android新手,这实际上是我的第一个Android应用程序,我完全是为了学习而创建的。 所以,问题是,在与服务器的每个新连接上,我都需要一个新的Path对象。现在我的单路径对象发生了什么,当响应来自服务器
onDraw()方法中创建时,路径被初始化
所以,我的最后一个问题是:
在Android中,如何在执行事件时创建动态路径对象?
这里是自定义视图
package com.example.thisisppn.drawtogether;
import android.app.Activity;
import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.Path;
import android.util.AttributeSet;
import android.util.Log;
import android.view.MotionEvent;
import android.view.View;
import com.github.nkzawa.emitter.Emitter;
import com.github.nkzawa.socketio.client.Socket;
import com.github.nkzawa.socketio.client.IO;
import org.json.JSONException;
import org.json.JSONObject;
import java.net.URISyntaxException;
public class MainDrawingView extends View {
private Paint paint = new Paint();
private Path path = new Path();
private Socket mSocket;
public MainDrawingView(Context context, AttributeSet attrs) {
super(context, attrs);
paint.setAntiAlias(true);
paint.setStrokeWidth(5f);
paint.setColor(Color.BLACK);
paint.setStyle(Paint.Style.STROKE);
paint.setStrokeJoin(Paint.Join.ROUND);
try {
mSocket = IO.socket("http://192.168.0.4:3000");
} catch (URISyntaxException e) {
e.printStackTrace();
}
mSocket.on("touch", onTouchEvent);
mSocket.on("move", onMoveEvent);
mSocket.on("connected", onConnectEvent);
mSocket.connect();
}
@Override
protected void onDraw(Canvas canvas) {
canvas.drawPath(path, paint);
}
@Override
public boolean onTouchEvent(MotionEvent event) {
// Get the coordinates of the touch event.
float eventX = event.getX();
float eventY = event.getY();
switch (event.getAction()) {
case MotionEvent.ACTION_DOWN:
// Set a new starting point
path.moveTo(eventX, eventY);
// mSocket.emit("touch", "{"+eventX+", "+eventY+"}");
mSocket.emit("touch", eventX,eventY);
return true;
case MotionEvent.ACTION_MOVE:
// Connect the points
path.lineTo(eventX, eventY);
mSocket.emit("move", eventX,eventY);
break;
default:
return false;
}
// Makes our view repaint and call onDraw
invalidate();
return true;
}
public Emitter.Listener onConnectEvent = new Emitter.Listener() {
@Override
public void call(Object... args) {
((Activity)getContext()).runOnUiThread(new Runnable() {
@Override
public void run() {
}
});
}
};
public Emitter.Listener onTouchEvent = new Emitter.Listener() {
@Override
public void call(final Object... args) {
((Activity)getContext()).runOnUiThread(new Runnable() {
@Override
public void run() {
//Code for the UiThread
JSONObject data = (JSONObject) args[0];
String x = null;
String y = null;
try {
x = data.getString("touchX");
y = data.getString("touchY");
} catch (JSONException e) {
e.printStackTrace();
}
Log.v("Touch", x+", "+y);
float touchX = Float.parseFloat(x);
float touchY = Float.parseFloat(y);
path.moveTo(touchX + 200, touchY + 200);
invalidate();
}
});
}
};
public Emitter.Listener onMoveEvent = new Emitter.Listener() {
@Override
public void call(final Object... args) {
((Activity)getContext()).runOnUiThread(new Runnable() {
@Override
public void run() {
JSONObject data = (JSONObject) args[0];
String x = null;
String y = null;
try {
x = data.getString("touchX");
y = data.getString("touchY");
} catch (JSONException e) {
e.printStackTrace();
}
Log.v("Move", x+", "+y);
float touchX = Float.parseFloat(x);
float touchY = Float.parseFloat(y);
path.lineTo(touchX+200, touchY+200);
invalidate();
}
});
}
};
}
MainActivity.java
只有onCreate
方法,没有其他方法
下面是我用来接收和广播触摸事件的非常基本的Node.js服务器。它基本上是将触控坐标传输给所有连接的客户端
// Setup basic express server
var express = require('express');
var app = express();
var server = require('http').createServer(app);
var io = require('socket.io')(server);
var port = process.env.PORT || 3000;
server.listen(port, function () {
console.log('Server listening at port %d', port);
});
var numUsers = 0;
io.on('connection', function (socket) {
console.log("Someone connected");
socket.emit("connected");
socket.on("touch", function (x, y){
console.log("Touch event happened somewhere");
console.log(x+", "+y);
socket.broadcast.emit("touch", {
touchX: x,
touchY: y
});
});
socket.on("move", function (x, y){
console.log("Move event happened somewhere");
console.log(x+", "+y);
socket.emit("move", {
touchX: x,
touchY: y
});
});
});
如果我遗漏了任何必要的信息,请告诉我。如果有人能帮我解决这个问题,我会非常感激的。我在谷歌搜索中找不到任何解决方案。
提前感谢您抽出时间。您应该尝试唯一地标识连接到服务器的任何新设备。这可以通过为服务器端连接的每个设备分配某种类型的设备ID来完成。请查找参考资料。
在Android中,为每个连接的新设备创建一个新的路径
对象。
还可以创建一个数据结构,将DeviceID
映射到Path
对象
HashMap map=newhashmap()代码>
每当连接新设备时,将相应的DeviceID
和newpath()
添加到map
public Emitter.Listener onConnectEvent = new Emitter.Listener() {
@Override
public void call(Object... args) {
JSONObject data = (JSONObject) args[0];
String deviceId = data.getString("DeviceID");
map.put(deviceId, new Path());
}
};
通过引用onTouchEvent
和onMoveEvent
中的DeviceID
更新相应的路径对象
public Emitter.Listener onTouchEvent = new Emitter.Listener() {
@Override
public void call(final Object... args) {
((Activity)getContext()).runOnUiThread(new Runnable() {
@Override
public void run() {
//Code for the UiThread
JSONObject data = (JSONObject) args[0];
String x = null;
String y = null;
String deviceId = data.getString("DeviceID");
try {
x = data.getString("touchX");
y = data.getString("touchY");
} catch (JSONException e) {
e.printStackTrace();
}
Log.v("Touch", x+", "+y);
float touchX = Float.parseFloat(x);
float touchY = Float.parseFloat(y);
map.get(deviceId).moveTo(touchX + 200, touchY + 200);
invalidate();
}
});
}
};
对移动事件应用类似的逻辑。
内部onDraw()
方法
@Override
protected void onDraw(Canvas canvas) {
for (String key : map.keySet()) {
Path path = map.get(key);
canvas.drawPath(path, paint);
}
}
运行时,onDraw
是否工作?如果我没有错的话,这个方法是在视图生成时执行的。但是,连接将在运行时出现,映射将在运行时生成。那么,在运行时添加的新路径将不会被注册?如果我错了,请纠正我。我将尝试这种方法,并让您知道。当我们执行invalidate()
方法时,它会调用视图的onDraw()
方法。因此onDraw()
将被称为运行时。感谢您提供的信息,这实际上对我有所帮助。我已经完成了应用程序的基本构建。如果你愿意,你可以去看看。希望得到一些改进反馈。