Question

我需要编写一个自定义窗格，其行为类似于无限的二维笛卡尔坐标系。首次显示时，我希望0,0位于窗格的中心。用户应该能够通过按住鼠标左键并拖动来导航窗格。它需要具有放大和缩小的能力。我还必须能够将节点放在特定的坐标处。

当然我知道这是一个非常具体的控制，我不是要求任何人给我一步一步的指示或写给我。

我刚接触JFX自定义控件的世界，不知道如何处理这个问题，特别是整个无限的事情。

Answer 1

这并不像你想象的那么难以实现。刚开始使用一个简单的窗格。这已经为您提供了infinte坐标系。与您的要求的唯一区别是0/0点位于左上角而不是中间。这可以通过将转换变换应用于窗格来修复。然后，通过向窗格添加相应的鼠标侦听器，可以以类似的方式实现缩放和平移。

Answer 2

一种方法是按照建议Canvas在here中呈现任意内容。相应的GraphicsContext可让您最大程度地控制坐标。作为一个具体示例，jfreechart使用jfreechart-fx呈现图表，其ChartViewer包含ChartCanvas扩展Canvas。从此example开始，下面的变体将域轴设置为在将对应点添加到三个系列后跨越以零为中心的间隔。使用鼠标滚轮或上下文菜单进行缩放;有关缩放和平移的更多信息，请参阅此相关answer。

for (double t = -3; t <= 3; t += 0.5) {
    series.add(t, Math.sin(t) + i);
}
…
xAxis.setRange(-Math.PI, Math.PI);
…
plot.setDomainPannable(true);

import javafx.application.Application;
import javafx.scene.Scene;
import javafx.stage.Stage;
import org.jfree.chart.JFreeChart;
import org.jfree.chart.axis.NumberAxis;
import org.jfree.chart.entity.ChartEntity;
import org.jfree.chart.entity.LegendItemEntity;
import org.jfree.chart.entity.XYItemEntity;
import org.jfree.chart.fx.ChartViewer;
import org.jfree.chart.fx.interaction.ChartMouseEventFX;
import org.jfree.chart.fx.interaction.ChartMouseListenerFX;
import org.jfree.chart.labels.StandardXYToolTipGenerator;
import org.jfree.chart.plot.XYPlot;
import org.jfree.chart.renderer.xy.XYLineAndShapeRenderer;
import org.jfree.data.xy.XYSeries;
import org.jfree.data.xy.XYSeriesCollection;

/**
 * @see https://stackoverflow.com/a/44967809/230513
 * @see https://stackoverflow.com/a/43286042/230513
 */
public class VisibleTest extends Application {

    @Override
    public void start(Stage stage) {
        XYSeriesCollection dataset = new XYSeriesCollection();
        for (int i = 0; i < 3; i++) {
            XYSeries series = new XYSeries("value" + i);
            for (double t = -3; t <= 3; t += 0.5) {
                series.add(t, Math.sin(t) + i);
            }
            dataset.addSeries(series);
        }
        NumberAxis xAxis = new NumberAxis("domain");
        xAxis.setRange(-Math.PI, Math.PI);
        NumberAxis yAxis = new NumberAxis("range");
        XYLineAndShapeRenderer renderer = new XYLineAndShapeRenderer(true, true);
        renderer.setBaseToolTipGenerator(new StandardXYToolTipGenerator());
        XYPlot plot = new XYPlot(dataset, xAxis, yAxis, renderer);
        JFreeChart chart = new JFreeChart("Test", plot);
        ChartViewer viewer = new ChartViewer(chart);
        viewer.addChartMouseListener(new ChartMouseListenerFX() {
            @Override
            public void chartMouseClicked(ChartMouseEventFX e) {
                ChartEntity ce = e.getEntity();
                if (ce instanceof XYItemEntity) {
                    XYItemEntity item = (XYItemEntity) ce;
                    renderer.setSeriesVisible(item.getSeriesIndex(), false);
                } else if (ce instanceof LegendItemEntity) {
                    LegendItemEntity item = (LegendItemEntity) ce;
                    Comparable key = item.getSeriesKey();
                    renderer.setSeriesVisible(dataset.getSeriesIndex(key), false);
                } else {
                    for (int i = 0; i < dataset.getSeriesCount(); i++) {
                        renderer.setSeriesVisible(i, true);
                    }
                }
            }

            @Override
            public void chartMouseMoved(ChartMouseEventFX e) {}
        });
        stage.setScene(new Scene(viewer));
        stage.setTitle("JFreeChartFX");
        stage.setWidth(640);
        stage.setHeight(480);
        stage.show();
    }

    public static void main(String[] args) {
        launch(args);
    }
}

无限JavaFX坐标系窗格

2 个答案: