时间戳

首页 > 解决方案 > 如何使用 onTouchEvent 或任何其他方式在 graphView 上绘制形状？

android - 如何使用 onTouchEvent 或任何其他方式在 graphView 上绘制形状？

问题描述

我正在制作一个应用程序，其中有一个 graphView，其中笛卡尔 X 轴从 -150 到 150 不等，Y 轴值从 0-150 不等，如下所示。现在我想使用触摸在这个 graphView 上绘制任何形状我的手指。我希望我应该在此图上绘制任何形状。绘制形状的坐标应符合 X 和 Y 轴值，而不是像素屏幕坐标（我们使用 MotionEvent() 获得）的坐标。

我的应用程序屏幕

我曾尝试使用 onTouchEvent() 来实现这一点，但 MotionEvent() 会返回屏幕的像素坐标，这些坐标都是正数。我使用的第二种方法是使用 for 循环填充 graphView 的所有可能数据点，如下面的代码所示。我使用了 setOnDataPointTapListener，当我在 graphView 上按标签时，我会在其中触摸数据点。但是这里的问题是当我移动手指时在屏幕上绘制 setOnDataPointTapListener() 不会被触发。有什么办法吗？我将非常感谢您的帮助。谢谢

public class MainActivity extends AppCompatActivity {

    GraphView graph;
    ArrayList<Point> dataPoints;
    private static final String TAG = "MainActivity";
    LineGraphSeries<DataPoint> series;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        dataPoints = new ArrayList<>();
        graph = findViewById(R.id.graphView);
        Viewport viewport = graph.getViewport();
        graph.getViewport().setXAxisBoundsManual(true);
        graph.getViewport().setYAxisBoundsManual(true);
        graph.getViewport().setScrollable(true);
        graph.getViewport().setScalable(true);
        viewport.setMaxX(150);
        viewport.setMinX(-150);
        viewport.setMaxY(150);
        viewport.setMinY(0);

        series = new LineGraphSeries<>();
        for (int x = -150; x <= 150; x++) {
            for (int y = 0; y <= 150; y++) {
                DataPoint dataPoint = new DataPoint(x, y);
                //100000 is the max datapoints
                series.appendData(dataPoint, false, 100000);
            }
        }
        graph.addSeries(series);

        series.setOnDataPointTapListener(new OnDataPointTapListener() {
            @Override
            public void onTap(Series series, DataPointInterface dataPoint) {
                Toast.makeText(MainActivity.this, "Datapoints are " + dataPoint.getX();
                        + " " + dataPoint.getY(), Toast.LENGTH_LONG).show();

                DataPoint dataPoint1 = (DataPoint) dataPoint;
                int x = (int) dataPoint1.getX();
                int y = (int) dataPoint1.getY();

                dataPoints.add(new Point(x, y));
                Log.d(TAG, "onTap: " + dataPoints.size());
            }
        }
    });
}

标签： androidandroid-studioandroid-graphviewandroid-touch-event

解决方案

您是否尝试过使用笛卡尔绘图仪。

https://github.com/ederdoski/SimpleCartesianPlotter?utm_source=android-arsenal.com&utm_medium=referral&utm_campaign=7223

您还可以在 onTouch() 方法中添加线程。下面的代码对我有用：

@Override
public boolean onTouchEvent(final MotionEvent event) {

   Thread CoordinatesThread = new Thread(new Runnable() {
       @Override
        public void run() {

            float x = event.getX();
            float y = event.getX();

            Log.e("coordinates", x + ":" + y);

            try {// take a gap for 5000 milisec before displaying new coordinates
                Thread.sleep(5000);
            } catch (InterruptedException e) {
                 e.printStackTrace();
            }
         }
    });
    CoordinatesThread.start();

    return true;
}

推荐阅读