【问题标题】:Graphics Context misaligned on first paint图形上下文在第一次绘制时未对齐
【发布时间】:2014-05-07 01:57:17
【问题描述】:

我一直在为another question 寻找答案,但遇到了一个我以前从未见过的奇怪问题...

基本上,该程序使用AffineTransform 来提供Graphics 元素的平移、缩放和旋转,足够简单的东西,之前做过一千次

问题是,当屏幕第一次出现时,输出不在应有的位置,但一旦我触摸其中一个控件(调整其中一张幻灯片),它就会跳到正确的位置。

根据屏幕截图,Graphics 的内容似乎被其他控件的数量放错了位置。

如果我从 GUI 中删除控件,它会出现在正确的位置(在中心)。如果我调整窗口大小,它不会解决问题,它只会在其中一个滑块触发repaint 上的DrawPane 时修复...

我在输出中添加了诊断,所有的值都是相同的——也就是说,当程序第一次启动和我将所有滑块值调整到它们的初始值时,它们会打印相同的值。

如果我从AffineTransform 中删除setRotationsetScale 调用,它不会修复它。如果我删除setTranslation,则在面板更新之前不会最初绘制正方形(它在屏幕外绘制)

如果我使用Graphics2D g2d = (Graphics)g; 而不是g.create(),结果相同(是的,我在paintComponent 方法退出之前重置了转换;))

import java.awt.BorderLayout;
import java.awt.Color;
import java.awt.Dimension;
import java.awt.EventQueue;
import java.awt.Graphics;
import java.awt.Graphics2D;
import java.awt.GridBagConstraints;
import java.awt.GridBagLayout;
import java.awt.geom.AffineTransform;
import javax.swing.JFrame;
import javax.swing.JPanel;
import javax.swing.JSlider;
import javax.swing.SwingConstants;
import javax.swing.SwingUtilities;
import javax.swing.UIManager;
import javax.swing.event.ChangeEvent;
import javax.swing.event.ChangeListener;

public class Parker {

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

    public Parker() {
        EventQueue.invokeLater(new Runnable() {
            @Override
            public void run() {
                try {
                    UIManager.setLookAndFeel(UIManager.getSystemLookAndFeelClassName());
                } catch (Exception ex) {
                }

                JFrame frame = new JFrame("Testing");
                frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
                frame.add(new ControlPane());
                frame.pack();
                frame.setLocationRelativeTo(null);
                frame.setVisible(true);
            }
        });
    }

    public class ControlPane extends JPanel {

        private JSlider slider; //declare slider
        private DrawPane myPanel; 
        public ControlPane() {
            setLayout(new BorderLayout());
            myPanel = new DrawPane();
            myPanel.setBackground(Color.cyan); //change background color

            slider = new JSlider(SwingConstants.VERTICAL, 0, 400, 100);// restrains the slider from scaling square to 0-300 pixels
            slider.setMajorTickSpacing(20); //will set tick marks every 10 pixels
            slider.setPaintTicks(true); //this actually paints the ticks on the screen

            slider.addChangeListener(
                    new ChangeListener() {
                        @Override
                        public void stateChanged(ChangeEvent e) {
                            myPanel.setScale(slider.getValue()); //Wherever you set the slider, it will pass that value and that will paint on the screen
                        }
                    }
            );

            JSlider rotate = new JSlider(SwingConstants.VERTICAL, 0, 720, 0);
            rotate.setMajorTickSpacing(20); //will set tick marks every 10 pixels
            rotate.setPaintTicks(true); //this actually paints the ticks on the screen

            rotate.addChangeListener(
                    new ChangeListener() {
                        @Override
                        public void stateChanged(ChangeEvent e) {
                            JSlider slider = (JSlider) e.getSource();
                            myPanel.setAngle(slider.getValue()); 
                        }
                    }
            );
            add(slider, BorderLayout.WEST);
            add(rotate, BorderLayout.EAST);

            add(myPanel);

            slider.setValue(0);
            slider.setValue(100);
            rotate.setValue(0);

        }

    }

    public class DrawPane extends JPanel {

        private double scale = 1;
        private double angle = 0;

        private final int rectWidth = 20;
        private final int rectHeight = 20;


        @Override
        protected void paintComponent(Graphics g)//paints obj on the screen
        {
            super.paintComponent(g); //prepares graphic object for drawing

            int originX = getWidth() / 2; 
            int originY = getHeight() / 2;

            int xOffset = -(rectWidth / 2);
            int yOffset = -(rectHeight / 2);

            g.setColor(Color.BLACK);
            Graphics2D g2d = (Graphics2D) g.create();
            AffineTransform at = new AffineTransform();
            at.translate(originX, originY);
            g2d.setTransform(at);
            g2d.scale(scale, scale);
            g2d.rotate(Math.toRadians(angle), 0, 0);
            g2d.fillRect(xOffset, yOffset, rectWidth, rectHeight);
            g2d.dispose();

            g.setColor(Color.RED);
            g.drawRect(originX + xOffset, originY + yOffset, rectWidth, rectWidth);
        }

        public void setAngle(double angle) {
            this.angle = angle;
            repaint();
        }

        public void setScale(int scale) {
            // Scaling is normalized so that 1 = 100%
            this.scale = (scale / 100d);
            repaint();
        }

        @Override
        public Dimension getPreferredSize() {
            return new Dimension(200, 200);
        }

    }

}

基本上,Graphics 上下文似乎由于某种原因在第一次绘制时没有被正确翻译,我不知道为什么......

ps- 在 Windows 7 下测试 Java 6 和 Java 7
pps-我还尝试在屏幕可见之前将初始比例和旋转设置为其他值,结果相同

系统属性

awt.toolkit=sun.awt.windows.WToolkit
file.encoding=UTF-8
file.encoding.pkg=sun.io
file.separator=\
java.awt.graphicsenv=sun.awt.Win32GraphicsEnvironment
java.awt.printerjob=sun.awt.windows.WPrinterJob
java.class.path=C:\DevWork\personal\java\projects\wip\SystemProperties\build\classes
java.class.version=51.0
java.endorsed.dirs=C:\Program Files\Java\jdk1.7.0_51\jre\lib\endorsed
java.ext.dirs=C:\Program Files\Java\jdk1.7.0_51\jre\lib\ext;C:\Windows\Sun\Java\lib\ext
java.home=C:\Program Files\Java\jdk1.7.0_51\jre
java.io.tmpdir=C:\Users\shane\AppData\Local\Temp\
java.runtime.name=Java(TM) SE Runtime Environment
java.runtime.version=1.7.0_51-b13
java.specification.name=Java Platform API Specification
java.specification.vendor=Oracle Corporation
java.specification.version=1.7
java.vendor=Oracle Corporation
java.vendor.url=http://java.oracle.com/
java.vendor.url.bug=http://bugreport.sun.com/bugreport/
java.version=1.7.0_51
java.vm.info=mixed mode
java.vm.name=Java HotSpot(TM) 64-Bit Server VM
java.vm.specification.name=Java Virtual Machine Specification
java.vm.specification.vendor=Oracle Corporation
java.vm.specification.version=1.7
java.vm.vendor=Oracle Corporation
java.vm.version=24.51-b03
os.arch=amd64
os.name=Windows 7
os.version=6.1
path.separator=;
sun.arch.data.model=64
sun.cpu.endian=little
sun.cpu.isalist=amd64
sun.desktop=windows
sun.io.unicode.encoding=UnicodeLittle
sun.java.command=systemproperties.SystemProperties
sun.java.launcher=SUN_STANDARD
sun.jnu.encoding=Cp1252
sun.management.compiler=HotSpot 64-Bit Tiered Compilers
sun.os.patch.level=Service Pack 1
user.country=AU
user.dir=C:\DevWork\personal\java\projects\wip\SystemProperties
user.home=C:\Users\shane
user.language=en
user.name=shane
user.script=
user.timezone=
user.variant=

更新

如果我使用...

g2d.translate(originX, originY);
g2d.scale(scale, scale);
g2d.rotate(Math.toRadians(angle), 0, 0);

代替AffineTransform,它可以正常工作。我注意到我如何使用 AffineTransform 并不重要(仅平移、仅旋转、仅缩放)我似乎得到了相同的结果

更新了示例图片

显示调整框架大小的示例...

nb 矩形的最后位置偏移是下面提到的MouseListener 的结果

但是,如果我将MosueListener 添加到DrawPane(在类内直接或通过myPanel 实例在外部)并在mouseClicked 上调用repaint,它会正确重新对齐:P

更新

如果我翻译 Shape,请使用以下内容

AffineTransform at = new AffineTransform();
at.translate(originX, originY);
at.scale(scale, scale);
at.rotate(Math.toRadians(angle), 0, 0);
g2d.setTransform(at);

Rectangle2D rect = new Rectangle2D.Double(xOffset, yOffset, rectWidth, rectHeight);
Shape shape = at.createTransformedShape(rect);

System.out.println(rect.getBounds());
System.out.println(shape.getBounds());

结果输出与预期一致,但(图形)输出仍然错误...

【问题讨论】:

  • 无法在 Windows 的 1.7.0_25 中重现。你能在主目录中添加一些系统属性的转储吗?
  • Java 1.7.0_51 和 Java 1.6.0_45
  • 如果我不使用 AffineTransform 并使用 Graphics#translate/scale/rotate 它可以工作:P
  • @AndrewThompson 复选框的问题是它可能会导致repaint 这将“修复”问题,因为它似乎只在启动时:P
  • Mac OS X、Java 7 上的同样问题。

标签: java swing affinetransform


【解决方案1】:

与传递给paintComponent() 的图形上下文相关联的AffineTransform 不是始终身份转换。由于尚不清楚的原因,m12 条目的初始值为38.0,并且在调整封闭框架的大小之后。很简单,可以修改g.create()提供的副本。

Graphics2D g2d = (Graphics2D) g.create();
AffineTransform at = g2d.getTransform();
at.translate(originX, originY);
g2d.setTransform(at);
g2d.scale(scale, scale);
g2d.rotate(Math.toRadians(angle), 0, 0);
g2d.fillRect(xOffset, yOffset, rectWidth, rectHeight);
g2d.dispose();

附录:正如@MadProgrammer 所观察到的,“如果我从 GUI 中移除控件,它会出现在……中心。”事实上,观察到的水平偏移正是sliderBorderLayout.WEST 中的首选宽度。我怀疑在调整大小后调整原点以更容易满足Component#paintAll() 合同:“图形上下文的原点,其(0, 0) 坐标点,是该组件的左上角。”

【讨论】:

  • 我欢迎更好的答案,但我怀疑找到 38.0 就像找到 squeak 一样。
  • 我很高兴得到一个答案,整个上午都吓坏了我,从头开始重写这个例子六次,想知道我犯了什么愚蠢的错误......
猜你喜欢
  • 1970-01-01
  • 2014-07-09
  • 2021-02-09
  • 1970-01-01
  • 2017-05-07
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多