Java 如何在执行事件时创建动态android路径对象?

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对象。现在我的单路径对象发生了什么,当响应来自服务器

我正在尝试使用Android构建一个实时协作绘图板应用程序,该应用程序由一个Node.js服务器提供支持,带有。我已经在android端使用了Socket.io。 我能够画出一条路径,将坐标发送到服务器,并从服务器获得接近实时的广播。 整个概念几乎完成了,但我遇到了一个大问题

我是一个完全的Android新手,这实际上是我的第一个Android应用程序,我完全是为了学习而创建的。 所以,问题是,在与服务器的每个新连接上,我都需要一个新的Path对象。现在我的单路径对象发生了什么,当响应来自服务器,我尝试绘制路径时,它使用相同的路径对象,因此,将我绘制的线与我从服务器收到的线坐标连接起来。此问题导致需要为与服务器的每个新连接创建一个新的Path对象。请注意,我所说的新连接是指通过打开应用程序连接到服务器的新设备。那个新来的家伙,你可以参与一个协作的绘图体验,至少,这就是我试图建立的。我认为有效的方法是,在每个新连接上,我将创建一个新的Path对象,并将其放入ArrayList中,然后根据需要引用相应的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()
将被称为运行时。感谢您提供的信息,这实际上对我有所帮助。我已经完成了应用程序的基本构建。如果你愿意,你可以去看看。希望得到一些改进反馈。