【问题标题】:Rectangle is not drawn on top矩形未绘制在顶部
【发布时间】:2023-03-05 00:20:01
【问题描述】:

我有一个扩展 JPanel 的“地图”类。我将它添加到扩展 JFrame 的类中。

public void paintComponent(Graphics g) {
        super.paintComponent(g);
        int width = Math.abs(startX - endX);
        int height= Math.abs(startY - endY);
        g.setColor(Color.RED);
        g.fillRect(startX, startY, width, height);
    }

我的“地图”类还包含一个带有图像的标签。如果图像比窗口小,当我绘制一个矩形时,它就会被看到。 简而言之,它在标签下。

【问题讨论】:

  • I want to be able to draw rectangles on the jlabel(which is a picture).,我已经在你的上一篇文章中回答了这个问题 (stackoverflow.com/a/20575316/131872)。您扩展您的 JLable(不是 JPanel)并在标签的 paintComponent() 方法中进行自定义绘画。

标签: java swing paintcomponent


【解决方案1】:

paintComponent 是绘制链的“底部”,因此此处绘制的任何内容都会出现在其他所有内容的下方。

更好的解决方案可能是将Map 面板添加到标签(适当地设置JLabel 的布局管理器)。

或者,创建一个“基本”面板,将其布局管理器设置为使用OverlayLayout 管理器,并将JLabelMap 面板添加到其中。

当然,这一切都取决于您想要实现的目标......

更新了“标签上的面板”示例

基本上,这需要一个JLabel,设置一个图标(作为背景图像),将其布局设置为BorderLayout,然后在其上添加一个JPanel

记住,JPanel 默认是不透明的,所以你需要让它透明 ;)

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.io.File;
import java.io.IOException;
import javax.imageio.ImageIO;
import javax.swing.ImageIcon;
import javax.swing.JFrame;
import javax.swing.JLabel;
import javax.swing.JPanel;
import javax.swing.UIManager;
import javax.swing.UnsupportedLookAndFeelException;

public class OverlayLabel {

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

    public OverlayLabel() {
        EventQueue.invokeLater(new Runnable() {
            @Override
            public void run() {
                try {
                    try {
                        UIManager.setLookAndFeel(UIManager.getSystemLookAndFeelClassName());
                    } catch (ClassNotFoundException | InstantiationException | IllegalAccessException | UnsupportedLookAndFeelException ex) {
                        ex.printStackTrace();
                    }

                    JLabel background = new JLabel(new ImageIcon(ImageIO.read(new File("/path/to/image"))));
                    background.setLayout(new BorderLayout());
                    background.add(new TestPane());

                    JFrame frame = new JFrame("Testing");
                    frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
                    frame.add(background);
                    frame.pack();
                    frame.setLocationRelativeTo(null);
                    frame.setVisible(true);
                } catch (IOException ex) {
                    ex.printStackTrace();
                }
            }
        });
    }

    public class TestPane extends JPanel {

        public TestPane() {
            setOpaque(false);
        }

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

        @Override
        protected void paintComponent(Graphics g) {
            super.paintComponent(g);
            Graphics g2d = (Graphics2D) g.create();
            int x = (getWidth() - 20) / 2;
            int y = (getHeight() - 20) / 2;
            g2d.setColor(Color.RED);
            g2d.fillRect(x, y, 20, 20);
            g2d.dispose();
        }

    }

}

更新为OverlayLayout的示例

OverlayLayout 基本上使用组件 x/y 对齐来确定应该如何最好地放置各个组件

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.io.File;
import java.io.IOException;
import javax.imageio.ImageIO;
import javax.swing.ImageIcon;
import javax.swing.JFrame;
import javax.swing.JLabel;
import javax.swing.JPanel;
import javax.swing.OverlayLayout;
import javax.swing.UIManager;
import javax.swing.UnsupportedLookAndFeelException;
import javax.swing.border.LineBorder;

public class OverlayLabel {

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

    public OverlayLabel() {
        EventQueue.invokeLater(new Runnable() {
            @Override
            public void run() {
                try {
                    try {
                        UIManager.setLookAndFeel(UIManager.getSystemLookAndFeelClassName());
                    } catch (ClassNotFoundException | InstantiationException | IllegalAccessException | UnsupportedLookAndFeelException ex) {
                        ex.printStackTrace();
                    }

                    JLabel background = new JLabel(new ImageIcon(ImageIO.read(new File("/path/to/image"))));
                    background.setAlignmentX(0.5f);
                    background.setAlignmentY(0.5f);

                    JFrame frame = new JFrame("Testing");
                    frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
                    frame.setLayout(new OverlayLayout(frame.getContentPane()));
                    frame.add(new TestPane());
                    frame.add(background);
                    frame.pack();
                    frame.setLocationRelativeTo(null);
                    frame.setVisible(true);
                } catch (IOException ex) {
                    ex.printStackTrace();
                }
            }
        });
    }

    public class TestPane extends JPanel {

        public TestPane() {
            setOpaque(false);
        }

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

        @Override
        protected void paintComponent(Graphics g) {
            super.paintComponent(g);
            Graphics g2d = (Graphics2D) g.create();
            int x = (getWidth() - 20) / 2;
            int y = (getHeight() - 20) / 2;
            g2d.setColor(Color.RED);
            g2d.fillRect(x, y, 20, 20);
            g2d.dispose();
        }

    }

}

最后,如果这些都不适合您,您可以使用 JLayeredPane 作为基础,这将允许您确定每个组件的 z 顺序...

更多详情请见How to use layered panes...

【讨论】:

  • 您可以向 JLabel 添加面板吗? :/ 我希望能够在 jlabel(这是一张图片)上绘制矩形。
  • JLabel 扩展自 JComponent 扩展自 Container,所以是的,它只是像 JPanel 这样的容器。但请记住,JLabel 没有默认布局管理器,您将无法控制(任何精确程度)图标的这个位置
  • 好的,所以我在标签中添加了一个“地图”对象并将其布局设置为“OverlayLayout”,没有任何改变...... OverlayLayout 是做什么的?
  • 它基本上有点像BorderLayout,但把所有东西都放在CENTER位置(不像BorderLayout,它只允许单个组件位于给定位置)
  • 如果你要将面板添加到标签中,我可能会使用BorderLayout ;)
猜你喜欢
  • 2011-07-31
  • 2013-07-20
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2017-09-05
  • 1970-01-01
  • 2014-01-13
  • 1970-01-01
相关资源
最近更新 更多