8

我想使用 ScrollPane 在其视口中显示图像，并在图像上叠加一个网格（或框，或任何其他类型的注册/位置标记）。滚动时我需要覆盖层保持固定（这意味着图像似乎在覆盖层“下方”移动）。我将以固定速率滚动 Viewport 中的 View 以提供平滑的运动，并且叠加层是为了提供对 Viewport 内某个位置的参考。从概念上讲，考虑一个在视口中滚动的大地图，并且视口有一个不会移动的矩形（相对于视口本身），它标记了一个可以根据某些用户操作放大的区域。

我假设（但尚未确认）ScrollPane 实现有效地处理视图的渲染（从后备存储，不必为每个新的部分曝光重新绘制整个视图（甚至是 ViewPort）），因此宁愿不必覆盖paint() 方法。

我看过LayerPane，虽然没有掌握它，但似乎这是一种蛮力方法。ScrollPane 是 SplitPane 的一个组件，将被移动/调整大小。我希望我必须使用绝对定位手动维护 ViewPort 和 LayerPane 之间的正确关系。我远不是 GUI 设计和实现方面的专家，而且我确信我错过了经验丰富的人会知道的从明显到晦涩和优雅的各种可能性。

我愿意接受任何建议，而不仅仅是我开始的道路。我是否应该（我可以）在我的 SplitPane 中添加一个 JPanel 作为一个组件，然后将一个 LayerPane 添加到包含我的 ScrollPane 和 LayerPane 上不同图层上的覆盖（另一个​​ JPanel）的组件中？ScrollPane 中是否有直接支持此功能的功能？我查看了 Java Swing 教程和 API 文档，但还没有看到任何内容。

谢谢。

更新：

感谢您的链接，垃圾神。这比我预期的要容易得多。不需要 LayerPane、GlassPane、基于异或的合成......我不知道为什么我没有尝试覆盖 JViewport.paint() 来绘制我的叠加层 - 但使用下面的代码我验证了这个概念将给我我正在寻找的东西。只需使用 JViewport 的子类，它就会执行我想要的操作（在这种情况下，当图像在下方滚动时，它会在视口中心覆盖一个矩形）。我不是 GUI 专家，Java API 非常广泛。我不知道你们是怎么把这一切都记在脑子里的——但是谢谢！

class MyViewport extends JViewport {
    @Override
    public void paint(Graphics g) {
        super.paint(g);
        Graphics2D g2 = (Graphics2D)g;
        g2.setPaint(Color.BLACK);
        g2.drawRect(getWidth()/4,getHeight()/4,getWidth()/2,getHeight()/2);
    }
}
4

1 回答 1

7

通常，“Swing 程序应该覆盖paintComponent()而不是覆盖paint()”，如在 AWT 中绘制和 Swing：绘制方法中所述。基于在滚动内容下方ScrollPanePaint绘制的 ，以下示例覆盖以在滚动内容上方绘制。paint()

ScrollPanePaint

import java.awt.*;
import javax.swing.*;

/**
 * @see https://stackoverflow.com/a/10097538/230513
 * @see https://stackoverflow.com/a/2846497/230513
 * @see https://stackoverflow.com/a/3518047/230513
 */
public class ScrollPanePaint extends JFrame {

    private static final int TILE = 64;

    public ScrollPanePaint() {
        JViewport viewport = new MyViewport();
        viewport.setView(new MyPanel());
        JScrollPane scrollPane = new JScrollPane();
        scrollPane.setViewport(viewport);
        this.add(scrollPane);
        this.setDefaultCloseOperation(DISPOSE_ON_CLOSE);
        this.pack();
        this.setLocationRelativeTo(null);
        this.setVisible(true);
    }

    private static class MyViewport extends JViewport {

        public MyViewport() {
            this.setOpaque(false);
            this.setPreferredSize(new Dimension(6 * TILE, 6 * TILE));
        }

        @Override
        public void paint(Graphics g) {
            super.paint(g);
            g.setColor(Color.blue);
            g.fillRect(TILE, TILE, 3 * TILE, 3 * TILE);
        }
    }

    private static class MyPanel extends JPanel {

        public MyPanel() {
            this.setOpaque(false);
            this.setPreferredSize(new Dimension(9 * TILE, 9 * TILE));
        }

        @Override
        protected void paintComponent(Graphics g) {
            super.paintComponent(g);
            g.setColor(Color.lightGray);
            int w = this.getWidth() / TILE + 1;
            int h = this.getHeight() / TILE + 1;
            for (int row = 0; row < h; row++) {
                for (int col = 0; col < w; col++) {
                    if ((row + col) % 2 == 0) {
                        g.fillRect(col * TILE, row * TILE, TILE, TILE);
                    }
                }
            }
        }
    }

    public static void main(String[] args) {
        EventQueue.invokeLater(new Runnable() {

            @Override
            public void run() {
                new ScrollPanePaint();
            }
        });
    }
}

注意：将不透明组件（例如JTable）设置为滚动窗格的视图会产生奇怪的视觉错误，例如在滚动时移动固定的蓝色框。在视图组件上使用setOpaque(false)来解决这个问题。

于 2012-04-10T22:46:54.327 回答