如何调整 Swing JWindow 的大小而不会闪烁?

2022-09-01 21:25:03

我正在尝试基于 制作一个自定义 UI,以便选择要共享的屏幕区域。我已经扩展并添加了代码,使其可调整大小,并使用“剪切”窗口的中心。JWindowJWindowAWTUtilities.setWindowShape()

运行代码时,当窗口在负x和y方向(即向上和向左)调整大小时,我遇到了闪烁。似乎正在发生的情况是,在更新组件之前,窗口已调整大小并绘制。下面是代码的简化版本。运行时,顶部面板可用于向上和向左调整窗口大小。窗口的背景设置为绿色,以明确我不想显示的像素的位置。

编辑:改进了代码以使用a正确塑造窗口,并在底部添加了一个虚拟组件以进一步说明闪烁(也更新了屏幕截图)。ComponentListener

import java.awt.BorderLayout;
import java.awt.Color;
import java.awt.Graphics;
import java.awt.Rectangle;
import java.awt.event.ComponentAdapter;
import java.awt.event.ComponentEvent;
import java.awt.event.MouseEvent;
import java.awt.event.MouseListener;
import java.awt.event.MouseMotionListener;
import java.awt.geom.Area;

import javax.swing.JPanel;
import javax.swing.JWindow;
import javax.swing.border.CompoundBorder;
import javax.swing.border.EmptyBorder;
import javax.swing.border.EtchedBorder;
import javax.swing.border.LineBorder;

import com.sun.awt.AWTUtilities;

public class FlickerWindow extends JWindow implements MouseListener, MouseMotionListener{

    JPanel controlPanel;
    JPanel outlinePanel;
    int mouseX, mouseY;
    Rectangle windowRect;
    Rectangle cutoutRect;
    Area windowArea;

    public static void main(String[] args) {
        FlickerWindow fw = new FlickerWindow();
    }

    public FlickerWindow() {
        super();
        setLayout(new BorderLayout());
        setBounds(500, 500, 200, 200);
        setBackground(Color.GREEN);

        controlPanel = new JPanel();
        controlPanel.setBackground(Color.GRAY);
        controlPanel.setBorder(new EtchedBorder(EtchedBorder.LOWERED));
        controlPanel.addMouseListener(this);
        controlPanel.addMouseMotionListener(this);

        outlinePanel = new JPanel();
        outlinePanel.setBackground(Color.BLUE);
        outlinePanel.setBorder(new CompoundBorder(new EmptyBorder(2,2,2,2), new LineBorder(Color.RED, 1)));

        add(outlinePanel, BorderLayout.CENTER);
        add(controlPanel, BorderLayout.NORTH);
        add(new JButton("Dummy button"), BorderLayout.SOUTH);
        setVisible(true);
        setShape();

        addComponentListener(new ComponentAdapter() {           
            @Override
            public void componentResized(ComponentEvent e) {
                setShape();
            }});
    }


    public void paint(Graphics g) {
        // un-comment or breakpoint here to see window updates more clearly
        //try {Thread.sleep(10);} catch (Exception e) {}
        super.paint(g);
    }

    public void setShape() {
        Rectangle bounds = getBounds();
        Rectangle outlineBounds = outlinePanel.getBounds();
        Area newShape = new Area (new Rectangle(0, 0, bounds.width, bounds.height));
        newShape.subtract(new Area(new Rectangle(3, outlineBounds.y + 3, outlineBounds.width - 6, outlineBounds.height - 6)));
        setSize(bounds.width, bounds.height);
        AWTUtilities.setWindowShape(this, newShape);
    }

    public void mouseDragged(MouseEvent e) {
        int dx = e.getXOnScreen() - mouseX;
        int dy = e.getYOnScreen() - mouseY;

        Rectangle newBounds = getBounds();
        newBounds.translate(dx, dy);
        newBounds.width -= dx;
        newBounds.height -= dy;

        mouseX = e.getXOnScreen();
        mouseY = e.getYOnScreen();

        setBounds(newBounds);
    }

    public void mousePressed(MouseEvent e) {
        mouseX = e.getXOnScreen();
        mouseY = e.getYOnScreen();
    }

    public void mouseMoved(MouseEvent e) {}
    public void mouseClicked(MouseEvent e) {}
    public void mouseReleased(MouseEvent e) {}
    public void mouseEntered(MouseEvent e) {}
    public void mouseExited(MouseEvent e) {}
}

重写的方法可以用作断点,也可以在此处取消注释,以便在更新发生时提供更清晰的更新视图。paint()Thread.sleep()

我的问题似乎源于导致窗口在布局之前被涂到屏幕上的方法。setBounds()


调整大小之前的窗口,如下所示:

alt text


调整较大大小(向上和向左)期间的窗口,如被覆盖方法的断点处所示):paint()

alt text


调整较小(向下和向右)大小期间的窗口,如被覆盖方法的断点处所示):paint()

alt text


当然,这些屏幕截图是在激进的鼠标拖动移动期间拍摄的,但即使对于更适度的鼠标拖动,闪烁也会变得非常烦人。

将大小调整为较大屏幕截图上的绿色区域显示了在完成任何绘制/布局之前绘制的新背景,这似乎发生在基础或本机窗口管理器中。“调整大小为较小”屏幕截图上的蓝色区域显示 的背景被推入视图,但现在已过期。这发生在Linux(Ubuntu)和Windows XP下。ComponentPeerJPanel

有没有人找到一种方法,在对屏幕进行任何更改之前,导致或调整为后台缓冲区的大小,从而避免这种闪烁效果?也许可以设置一个系统属性来避免这种情况,但我找不到一个。WindowJWindowjava.awt....


编辑#2:注释掉对 的调用(并可选择取消注释 中的行),然后积极地拖动顶部面板,以便清楚地看到闪烁的性质。AWTUtilities.setWindowShape()Thread.sleep(10)paint()

编辑#3:有没有人能够在Windows 7或Mac OSX上的Sun Java下测试这种行为?


答案 1

我承认这不是一个特别有帮助的答案,但了解Swing到底是什么可能会有所帮助。

看,Swing做了它自己的所有工作,没有真正从操作系统中获得一点空间来利用。所有的绘图,小部件等都是Java代码。与其说这是运行缓慢的,不如说它是在没有2D显卡加速和操作系统渲染技巧的情况下运行的。

还记得 DirectDraw 吗?如今,一切都有它,窗口操作非常光滑。但是,如果您曾经抓过一台由于某种原因而没有它的计算机(例如,没有驱动程序的XP安装),您会注意到这种类型的减速。

使用Swing,因为它管理自己的所有空间,操作系统无法执行任何这些渲染技巧来帮助您。

有人可能会提出一些优化来修复您在计算机上的问题,但我担心它不会真正解决基本问题 - Swing很慢,无法更快。

您应该研究本机工具包。AWT还可以,但缺少很多小部件/等。它是原生的,并且是内置的,所以如果这就是你所需要的,它应该足够快。我偏向于SWT,这是Eclipse,Vuze(以及其他公司)使用的。它将AWT的原生性与Swing的易用性和功能相结合,当然可以随处运行。

编辑:在阅读了您的更多评论之后,很明显,您绝对了解窗口化是如何发生的 - 我不想显得居高临下。不仅如此,你对调整大小更感兴趣,我的评论与此没有太大关系。我仍然推荐SWT,因为它是原生代码并且速度更快,但这与上面的答案不同。


答案 2

我刚刚尝试了你的例子。在调整窗口大小时,我真的看到了一些小的轻拂。我试图替换代码片段从开始到最后由setBounds()AWTUtilities.setWindowShape(this, newShape);

setSize(newBounds.width, newBounds.height);

并看到轻拂消失了。因此,我建议您使用此解决方案,除非您有任何特殊原因要使用.setBounds