使图像在 JFrame 内容窗格中可滚动

Question

我正在尝试在 JFrame 的内容窗格中显示大图像。我想让图像或内容窗格可滚动，因为图像很大。我尝试使用 Jscrollpane 来完成此操作并将其添加到内容窗格中，但它不起作用。曾有人寻找解决方案，但最终未能找到。有人可以指导我吗？我的代码位于

FinalEnvironment.java

package environment;

import java.awt.*;
import java.net.URL;

import javax.swing.*;

public class FinalEnvironment{

public FinalEnvironment(){

    Image Eastlake;
    URL EastlakeURL = null;

    EastlakeURL = FinalEnvironment.class.getResource("/image1/eastlake_night.png");
    Eastlake = Toolkit.getDefaultToolkit().getImage(EastlakeURL);

    JFrame frame = new JFrame("UniCat World");
    frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
    frame.setSize(800, 600);
    frame.setResizable(false);
    frame.setLocationRelativeTo(null);

    JMenuBar yellowMenuBar = new JMenuBar();
    Map map = new Map(800, 550, Eastlake);
    yellowMenuBar.setOpaque(true);
    yellowMenuBar.setBackground(Color.YELLOW);
    yellowMenuBar.setPreferredSize(new Dimension(800, 50));
    frame.setJMenuBar(yellowMenuBar);
    JScrollPane scroller = new JScrollPane(map);
    scroller.setAutoscrolls(true);
    scroller.setPreferredSize(new Dimension(800, 550));
    frame.getContentPane().add(scroller, BorderLayout.CENTER);


    frame.setSize(800, 600);
    frame.setVisible(true);
}

public static void main(String[] args){
    FinalEnvironment fe = new FinalEnvironment();
}
}

下面是我的 map.java

package environment;

import java.awt.*;

import javax.swing.*;


public class Map extends JPanel{

    private int width;
    private int height;
    private Image img;

    public Map(int width, int height, Image img){

        this.width = width;
        this.height = height;
        this.img = img;
    }

    protected void  paintComponent(Graphics g)
    {
        super.paintComponents(g);
        Graphics2D g2d = (Graphics2D) g;
        g2d.drawImage(img,0,0,2624,1696,null);
    }

}

最后，我想将 Jbuttons 放在该图像的顶部。我应该调用一个矩形并将其放置在内容窗格中的图像顶部，然后使用 Point 来定位按钮，还是应该立即使用图像或组件本身来执行此操作？我需要按钮在图像滚动时能够与图像同步，而不是在内容窗格中保持静态。

谢谢

Answer 1

我在这里会做什么：

1.有一个面板（画布），其唯一的责任是在重写方法 paintComponent() 中绘制给定的图像，与实际图像大小无关

    super.paintComponent(g);
    g.drawImage(image, 0, 0, null);

2.确保画布的首选大小等于图像实际大小。

3.有第二个面板，它将用作框架的内容窗格。

4.在其中您将设置一个JScrollPane作为其中心。

5. 在滚动窗格视口中将出现步骤 1 中的组件。

6. 将按钮添加到步骤 1 中的画布面板。它将与图像一起滚动。

7. 将内容窗格（步骤 3 中的面板）添加到框架中，然后运行应用程序。

编辑：
将按钮添加到画布的代码示例，该按钮始终保持在其位置，与滚动位置或帧大小无关。

import java.awt.BorderLayout;
import java.awt.Dimension;
import java.awt.Graphics;
import java.awt.image.BufferedImage;
import java.io.IOException;
import java.net.URL;
import java.util.logging.Level;
import java.util.logging.Logger;
import javax.imageio.ImageIO;
import javax.swing.JButton;
import javax.swing.JFrame;
import javax.swing.JPanel;
import javax.swing.JScrollPane;
import javax.swing.SwingUtilities;

public class ScrollImageTest extends JPanel {
    private static final long serialVersionUID = 1L;
    private BufferedImage image;
    private JPanel canvas;

    public ScrollImageTest() {
        try {
            this.image = ImageIO.read(new URL("http://interviewpenguin.com/wp-content/uploads/2011/06/java-programmers-brain.jpg"));
        }catch(IOException ex) {
            Logger.getLogger(ScrollImageTest.class.getName()).log(Level.SEVERE, null, ex);
        }

        this.canvas = new JPanel() {
            private static final long serialVersionUID = 1L;
            @Override
            protected void paintComponent(Graphics g) {
                super.paintComponent(g);
                g.drawImage(image, 0, 0, null);
            }
        };
        canvas.add(new JButton("Currently I do nothing"));
        canvas.setPreferredSize(new Dimension(image.getWidth(), image.getHeight()));
        JScrollPane sp = new JScrollPane(canvas);
        setLayout(new BorderLayout());
        add(sp, BorderLayout.CENTER);
    }

    public static void main(String[] args) {
        SwingUtilities.invokeLater(new Runnable() {
            @Override
            public void run() {
                JPanel p = new ScrollImageTest();
                JFrame f = new JFrame();
                f.setContentPane(p);
                f.setSize(400, 300);
                f.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
                f.setVisible(true);
            }
        });
    }
}

Answer 2

如果您使用尺寸来设置地图的首选尺寸会怎样？例如，为 Map 提供此方法：

// method in the Map class
@Override
public Dimension getPreferredSize() {
  return new Dimension(width, height);
}

这样 Map JPanel 将占用必要的空间来显示整个图像。另外，为什么你的paintComponent方法中的drawImage方法有很大的magic数字？为什么不也使用那里的宽度和高度呢？ 编辑1：或者甚至不按照Boro在他的回答中建议的那样指定图像大小（对他来说1+）。

Answer 3

为什么大家都在重新发明轮子？？？不需要自定义面板来绘制图像！

您需要做的就是创建一个 JLabel 并向该标签添加一个 ImageIcon，这样就不会有问题。标签将：

1. 按照原始大小在 (0, 0) 处绘制图像（这正是自定义代码正在执行的操作）。

2. 根据图像尺寸确定图像的首选尺寸。现在滚动将自动发生。

此外，几乎没有任何理由使用 setPreferredSize() 方法，因为所有组件都有默认的首选大小。所以你不应该设置菜单栏的默认大小。我唯一一次设置首选大小是在 JScrollPane 上。这将使框架以合理的尺寸打包，然后滚动条将根据标签中图像的尺寸自动出现。

Answer 4

除了其他有用的答案之外，您可能还喜欢研究这个 使用鼠标手势滚动任意内容的示例。