首次使用 JScrollPane 显示图像时窗口滞后答案

【问题标题】：Laggy window when displaying images for the first time with JScrollPane首次使用 JScrollPane 显示图像时窗口滞后
【发布时间】：2018-12-04 09:33:51
【问题描述】：

我试图在 JScrollPane 中显示一堆 ImagePanel。这个应用程序的问题是每次新的一行面板进入视口时，整个窗口都会冻结一小段时间。但是，一旦滚动到最后，窗口就不会再次滞后。

造成这种滞后的原因是什么？我如何从一开始就防止这种情况发生？

我的猜测是面板在滚动到之前不会被绘制。所以我尝试在将它们添加到背景后对它们调用重绘，但这不起作用:(

MainClass.java：

import javax.swing.SwingUtilities;

public class MainClass {

    public static void main(String[] args) {
        SwingUtilities.invokeLater(new Runnable() {
            public void run() {
                MainFrame frame = new MainFrame();
            }
        });
    }
}

MainFrame.java：

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

public class MainFrame extends JFrame {

    private static final long serialVersionUID = -254980289568295701L;

    public MainFrame() {

        setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
        setExtendedState(JFrame.MAXIMIZED_BOTH);

        JPanel background = new JPanel();
        JScrollPane scrollPane = new JScrollPane(background,
                 JScrollPane.VERTICAL_SCROLLBAR_AS_NEEDED,
                 JScrollPane.HORIZONTAL_SCROLLBAR_NEVER);
        ImagePanel ipanel;

        background.setPreferredSize(new Dimension(this.getWidth(),
                                              this.getHeight() + 3000));    

        scrollPane.setOpaque(false);
        scrollPane.getViewport().setOpaque(false);
        scrollPane.getVerticalScrollBar().setUnitIncrement(20);
        add(scrollPane);

        for (int i = 0; i < 40; i++) {
            ipanel = new ImagePanel();
            ipanel.setPreferredSize(new Dimension(300, 400));
            ipanel.setSize(new Dimension(300, 400));

            background.add(ipanel);
        }

        setVisible(true);
    }
}

ImagePanel.java:

import java.awt.*;
import javax.swing.JPanel;
import java.awt.image.BufferedImage;

public class ImagePanel extends JPanel {

    private static final long serialVersionUID = 1997246878999790104L;
    private Image image;
    private int width;
    private int height;

    public ImagePanel() {
    width = 300;
    height = 400;
    BufferedImage bufferedImage = new BufferedImage(2000, 2000, BufferedImage.TYPE_INT_RGB);
    Graphics2D g2d = bufferedImage.createGraphics();
    g2d.setColor(Color.white);
    g2d.fillRect(0, 0, 2000, 2000);
    g2d.setColor(Color.black);
    g2d.fillOval(0, 0, 2000, 2000);
    g2d.setColor(Color.yellow);
    g2d.fillOval(1500, 300, 400, 400);
    g2d.fillOval(1200, 600, 400, 400);
    g2d.fillOval(900, 900, 400, 400);
    g2d.fillOval(600, 1200, 400, 400);
    g2d.fillOval(300, 1500, 400, 400);
    g2d.dispose();
    image = bufferedImage.getScaledInstance(width, height, Image.SCALE_SMOOTH);
    }

    @Override
    protected void paintComponent(Graphics g) {
        super.paintComponent(g);
        g.drawImage(image, 0, 0, this);
    }
}

【问题讨论】：

“为了让它运行，你必须将构造函数中的占位符替换为一个文件路径字符串到一个只包含图像的目录。” 或者，你可以使我们很容易在代码中创建一堆图像..
罪魁祸首可能是image = image.getScaledInstance(width, height, Image.SCALE_SMOOTH) ..
@AndrewThompson 我尝试将该行放在具有固定宽度和高度的类的构造函数中。尽管现在应该在任何滚动操作之前调用一次，但问题仍然存在。
如需更好的帮助，请edit 添加minimal reproducible example 或Short, Self Contained, Correct Example。就像我在第一条评论中建议的那样，在代码中生成图像。

标签： java image performance swing jscrollpane

【解决方案1】：

我将您的代码更改为JLabel 以显示图像。

加载时间较长，但滚动效果很好：

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

//public class ImagePanel extends JPanel {
public class ImagePanel extends JLabel {

    private static final long serialVersionUID = 1997246878999790104L;
    private Image image;
    private int width;
    private int height;

    public ImagePanel() {
    width = 300;
    height = 400;
    BufferedImage bufferedImage = new BufferedImage(2000, 2000, BufferedImage.TYPE_INT_RGB);
    Graphics2D g2d = bufferedImage.createGraphics();
    g2d.setColor(Color.white);
    g2d.fillRect(0, 0, 2000, 2000);
    g2d.setColor(Color.black);
    g2d.fillOval(0, 0, 2000, 2000);
    g2d.setColor(Color.yellow);
    g2d.fillOval(1500, 300, 400, 400);
    g2d.fillOval(1200, 600, 400, 400);
    g2d.fillOval(900, 900, 400, 400);
    g2d.fillOval(600, 1200, 400, 400);
    g2d.fillOval(300, 1500, 400, 400);
    g2d.dispose();
    image = bufferedImage.getScaledInstance(width, height, Image.SCALE_SMOOTH);
    setIcon( new ImageIcon(image) );
    }

//    @Override
    protected void xxxpaintComponent(Graphics g) {
        super.paintComponent(g);
//        g.drawImage(image, 0, 0, this);
        g.drawImage(image, 0, 0, null);
    }
}

【讨论】：