java - 图像在 swing 中的 MouseEvent 上无法正确显示-6ren

java - 图像在 swing 中的 MouseEvent 上无法正确显示

转载作者：行者123 更新时间：2023-12-01 14:23:25

3x3 check board

我有一个在 JPanel 上渲染的 3x3 检查板状图像，该图像被添加到 JFrame 上。然后我还有 9 个 JPanel(每个方 block 顶部有 1 个)，单击后需要在相应的方 block 上绘制一些内容。我的问题是它只适用于左上角的方 block 。其余的绘图似乎是在棋盘图像下方绘制的。因此，如果我注释掉加载棋盘图像的部分，然后单击它们，就像它们在那里一样，那么绘图就会正确显示。我使用分层 Pane 得到了相同的结果。使用绝对定位，并且坐标似乎是正确的，因为如果我删除棋盘图像，则绘图将出现在应有的位置，并且绘图不会占用超过一个正方形。我的代码结构如下:

“main”类创建框架并添加另一个类的实例，该类扩展 JPanel 并使用 PaintComponent(Graphics g) 绘制棋盘图像。“main”类还添加了 9 个类实例，该类扩展了 JPanel，并使用 PaintComponent(Graphics g) 在鼠标单击时绘制一些内容。每个实例都放置在一个正方形的顶部

请注意，因为我打算仅使用矩形来完成此操作，所以我将第二类命名为矩形，但它是矩形 JPanel，而不是 java 矩形实例

代码:

public class Main3
{
    private JFrame frame=new JFrame("");
    private Rectangles rect00=new Rectangles(0,0,129,129);
    private Rectangles rect01=new Rectangles(136,0,129,129);
    private Rectangles rect02=new Rectangles(268,0,129,129);
    private Rectangles rect10=new Rectangles(0,136,129,129);
    private Rectangles rect11=new Rectangles(134,136,129,129);
    private Rectangles rect12=new Rectangles(269,137,129,129);
    private Rectangles rect20=new Rectangles(0,270,129,129);
    private Rectangles rect21=new Rectangles(136,269,129,129);
    private Rectangles rect22=new Rectangles(269,270,129,129);
    
    public void Display()
    {
        frame.setDefaultCloseOperation(JFrame.DISPOSE_ON_CLOSE);
        frame.setLayout(null);
        frame.setSize(600,400); 
        sub inter=new sub();
        inter.setLayout(null);
        inter.setBounds(0,0,600,400);
        inter.setSize(600,400);
    
        rect00.setBounds(rect00.getX(),rect00.getY(),rect00.getWidth(),rect00.getHeight());
        rect01.setBounds(rect01.getX(),rect01.getY(),rect01.getWidth(),rect01.getHeight());
        rect02.setBounds(rect02.getX(),rect02.getY(),rect02.getWidth(),rect02.getHeight());
        rect10.setBounds(rect10.getX(),rect10.getY(),rect10.getWidth(),rect10.getHeight());
        rect11.setBounds(rect11.getX(),rect11.getY(),rect11.getWidth(),rect11.getHeight());
        rect12.setBounds(rect12.getX(),rect12.getY(),rect12.getWidth(),rect12.getHeight());
        rect20.setBounds(rect20.getX(),rect20.getY(),rect20.getWidth(),rect20.getHeight());
        rect21.setBounds(rect21.getX(),rect21.getY(),rect21.getWidth(),rect21.getHeight());
        rect22.setBounds(rect22.getX(),rect22.getY(),rect22.getWidth(),rect22.getHeight());
        rect00.setOpaque(false);
        rect01.setOpaque(false);
        rect02.setOpaque(false);
        rect10.setOpaque(false);
        rect11.setOpaque(false);
        rect12.setOpaque(false);
        rect20.setOpaque(false);
        rect21.setOpaque(false);
        rect22.setOpaque(false);
        
        inter.add(rect00);
        inter.add(rect01);
        inter.add(rect02);
        inter.add(rect10);
        inter.add(rect11);
        inter.add(rect12);
        inter.add(rect20);
        inter.add(rect21);
        inter.add(rect22);
        frame.add(inter);
        frame.setResizable(false);
        frame.setVisible(true);     
    }
    
    public static void main(String args[])
    {
        new main().Display();
    }
    
    
    private class sub extends JPanel
    {
        
        private BufferedImage image;
        
        public sub ()
        {
             
            try
            {                 
                 image=ImageIO.read(new File("image.jpg"));
                        
            }
            catch (IOException e)
            {
             
                e.printStackTrace();
            }
        }
    
        @Override
        public Dimension getPreferredSize()
        {
            return (new Dimension(600,400));
        }
        
        
        @Override
        protected void paintComponent(Graphics g)
        {
            super.paintComponent(g);
            g.drawImage(image, 0, 0, null);   
        }
        
       
    }
}

这是另一个类

public class Rectangles extends JPanel implements MouseListener
{

    private int Posx;
    private int Posy;
    private int width;
    private int height;
    private boolean selected=false;
    public Rectangles(int Posx,int Posy,int width,int height)
    {
          this.Posx=Posx;
          this.Posy=Posy;
          this.width=width;
          this.height=height;
          this.addMouseListener(this);     
    }
        
    @Override
    protected void paintComponent(Graphics g)
    {
        if(selected==true)
        {
            Graphics2D g2 = (Graphics2D) g;
               super.paintComponent(g2);
               g2.setColor(new Color(250, 235, 215));
               g2.drawRect(Posx,Posy,width,height);
               Graphics2D g3=(Graphics2D)g;
               g2.setColor(new Color(0,0,0));
               g3.setStroke(new BasicStroke(20));
               g3.drawLine(Posx,Posy,Posx+width,Posy+height);
               g3.drawLine(Posx+width,Posy,Posx,Posy+height);
           
        }   
        
    }
    
    public int getX()
    {
        return Posx;
    }
    
    public int getY()
    {
        return Posy;
    }
    
    
    public int getWidth()
    {
        return width;
    }
    
    
    public int getHeight()
    {
        return height;
    }
    
    
    public void setSelected()
    {
        selected=true;
    }
    
    @Override
    public void mouseClicked(MouseEvent arg0)
    {
        
    }
    
    @Override
    public void mouseEntered(MouseEvent arg0) 
    {
        
    }
         
    public void mouseExited(MouseEvent arg0) 
    {
        
    }
    @Override
    public void mousePressed(MouseEvent arg0) 
    {
        
    }
         
    @Override
    public void mouseReleased(MouseEvent arg0)
    {
        selected=true;
        repaint();
        
    }
}

最佳答案

1) 您不尊重组件绘制链。

根据 paintComponent(Graphics g) 的 java 文档:

Further, if you do not invoker super's implementation you must honour the opaque property, that is if this component is opaque, you must completely fill in the background in a non-opaque color. If you do not honor the opaque property you will likely see visual artifacts.

2) super.paintComponent在大多数情况下，这是方法中的第一次调用。

3)但是还有更多，你两次转换为 Graphics2D ，这是不应该做的:

Graphics2D g2 = (Graphics2D) g;
...
Graphics2D g3=(Graphics2D)g;

省略g3不需要您已经将其转换为 Graphics2D对象

4) 另一个问题就在 sub 中类(class)。您可以在主代码中执行此操作:

inter.add(rect00);
inter.add(rect01);
...

但是在 inter这是 sub 实例的变量名称你只有的类(class):

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

因此，无论您添加多少个矩形，它都只会绘制单个图像!

也不要这样做 g2.drawLine(Posx, Posy, Posx + width, Posy + height);相当 g2.drawLine(0, 0, Posx + width, Posy + height);因为 JPanel 已添加到坐标 x和y在其容器上，当您在 JPanel 上绘制时，我们希望从左上角(即 0,0)开始，更改该值将使图像在其容器上进一步向下移动

请参阅此处的固定代码:

import java.awt.BasicStroke;
import java.awt.Color;
import java.awt.Dimension;
import java.awt.Graphics;
import java.awt.Graphics2D;
import java.awt.event.MouseEvent;
import java.awt.event.MouseListener;
import java.awt.image.BufferedImage;
import java.io.File;
import java.io.IOException;
import java.util.ArrayList;
import javax.imageio.ImageIO;
import javax.swing.JFrame;
import javax.swing.JPanel;

public class Test {

    private JFrame frame = new JFrame("");
    private Rectangles rect00 = new Rectangles(0, 0, 129, 129);
    private Rectangles rect01 = new Rectangles(136, 0, 129, 129);
    private Rectangles rect02 = new Rectangles(268, 0, 129, 129);
    private Rectangles rect10 = new Rectangles(0, 136, 129, 129);
    private Rectangles rect11 = new Rectangles(134, 136, 129, 129);
    private Rectangles rect12 = new Rectangles(269, 137, 129, 129);
    private Rectangles rect20 = new Rectangles(0, 270, 129, 129);
    private Rectangles rect21 = new Rectangles(136, 269, 129, 129);
    private Rectangles rect22 = new Rectangles(269, 270, 129, 129);

    public void Display() {
        frame.setDefaultCloseOperation(JFrame.DISPOSE_ON_CLOSE);
        frame.setLayout(null);
        frame.setSize(600, 400);
        sub inter = new sub();
        inter.setLayout(null);
        inter.setBounds(0, 0, 600, 400);
        inter.setSize(600, 400);

        rect00.setBounds(rect00.getX(), rect00.getY(), rect00.getWidth(), rect00.getHeight());
        rect01.setBounds(rect01.getX(), rect01.getY(), rect01.getWidth(), rect01.getHeight());
        rect02.setBounds(rect02.getX(), rect02.getY(), rect02.getWidth(), rect02.getHeight());
        rect10.setBounds(rect10.getX(), rect10.getY(), rect10.getWidth(), rect10.getHeight());
        rect11.setBounds(rect11.getX(), rect11.getY(), rect11.getWidth(), rect11.getHeight());
        rect12.setBounds(rect12.getX(), rect12.getY(), rect12.getWidth(), rect12.getHeight());
        rect20.setBounds(rect20.getX(), rect20.getY(), rect20.getWidth(), rect20.getHeight());
        rect21.setBounds(rect21.getX(), rect21.getY(), rect21.getWidth(), rect21.getHeight());
        rect22.setBounds(rect22.getX(), rect22.getY(), rect22.getWidth(), rect22.getHeight());
        rect00.setOpaque(false);
        rect01.setOpaque(false);
        rect02.setOpaque(false);
        rect10.setOpaque(false);
        rect11.setOpaque(false);
        rect12.setOpaque(false);
        rect20.setOpaque(false);
        rect21.setOpaque(false);
        rect22.setOpaque(false);

        inter.addPanel(rect00);
        inter.addPanel(rect01);
        inter.addPanel(rect02);
        inter.addPanel(rect10);
        inter.addPanel(rect11);
        inter.addPanel(rect12);
        inter.addPanel(rect20);
        inter.addPanel(rect21);
        inter.addPanel(rect22);
        frame.add(inter);
        frame.setResizable(false);
        frame.setVisible(true);
    }

    public static void main(String args[]) {
        new Test().Display();
    }

    private class sub extends JPanel {

        private BufferedImage image;
        private ArrayList<Rectangles> rects = new ArrayList<>();

        public sub() {

            try {
                image = ImageIO.read(new File("c:/image.png"));

            } catch (IOException e) {

                e.printStackTrace();
            }
        }

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

        void addPanel(Rectangles r) {
            rects.add(r);
            add(r);
        }

        @Override
        protected void paintComponent(Graphics g) {
            super.paintComponent(g);
            for (Rectangles r : rects) {
                g.drawImage(image, r.getX(), r.getY(), null);
            }
        }
    }
}

class Rectangles extends JPanel implements MouseListener {

    private int Posx;
    private int Posy;
    private int width;
    private int height;
    private boolean selected = false;

    public Rectangles(int Posx, int Posy, int width, int height) {
        this.Posx = Posx;
        this.Posy = Posy;
        this.width = width;
        this.height = height;
        this.addMouseListener(this);
    }

    @Override
    protected void paintComponent(Graphics g) {
        super.paintComponent(g);
        if (selected == true) {
            Graphics2D g2 = (Graphics2D) g;
            g2.setColor(new Color(250, 235, 215));
            g2.drawRect(0,0, width, height);
            g2.setColor(new Color(0, 0, 0));
            g2.setStroke(new BasicStroke(20));
            g2.drawLine(0,0, width,height);
            g2.drawLine(getWidth(),0, 0, height);
        }

    }

    public int getX() {
        return Posx;
    }

    public int getY() {
        return Posy;
    }

    public int getWidth() {
        return width;
    }

    public int getHeight() {
        return height;
    }

    public void setSelected() {
        selected = true;
    }

    @Override
    public void mouseClicked(MouseEvent arg0) {
    }

    @Override
    public void mouseEntered(MouseEvent arg0) {
    }

    public void mouseExited(MouseEvent arg0) {
    }

    @Override
    public void mousePressed(MouseEvent arg0) {
    }

    @Override
    public void mouseReleased(MouseEvent arg0) {
        selected = true;
        repaint();


    }
}

其他一些提示:

不要使用Absolute/Null布局。一个GridLayout或GridBagLayout会很好地满足你的需求。 (有关更多信息，请参阅here。)
不要这样做JFrame#setSize(...);而是使用正确的LayoutManager并调用pack()上JFrame在将其设置为可见之前。
请勿调用setSize在您的Rectangles上实例，只需覆盖 getPreferredSize就像你对 sub 所做的那样面板??
无需实现 MouseListener ，只需使用 MouseAdapter从而使您可以自由选择要重写的方法，而不仅仅是重写所有方法。
Have a read on Concurrency in Swing特别是Event-Dispatch-Thread

关于java - 图像在 swing 中的 MouseEvent 上无法正确显示，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/17362396/

文章推荐： java - 如何maven jar-with-dependencies pom.xml 覆盖

文章推荐： java - 简单Java客户端-服务器: Client doent connect to server

文章推荐： java - 如何将动态列数据导出到excel

文章推荐： java - 在 Scheduler(Timer) 的 run 方法中创建 Scheduler(Timer)

dart - ShadowDom外部的父级的属性已更改(显示:无->显示:flex->显示:无)
我的Angular-Component位于一个flexbox(id =“log”)中。可以显示或隐藏flexbox。我的组件内部有一个可滚动区域，用于显示日志消息。 (id =“message-li
phpinfo() 显示 MySQL，PMA 显示 MariaDB
我真的很困惑有一个 phpinfo() 输出: MySQL 支持启用客户端 API 版本 5.5.40 MYSQL_MODULE_TYPE 外部 phpMyAdmin 显示: 服务器类型:Mar
jquery - 在 jquery 切换中单击时更改按钮文本(显示/隐藏/显示)
我正在研究这个 fiddle : http://jsfiddle.net/cED6c/7/我想让按钮文本在单击时发生变化，我尝试使用以下代码: 但是，它不起作用。我应该如何实现这个？任何帮助都会很棒
php - cakephp 显示 ID 显示 table.name 来自两个不同表的关系
我应该在“dogs_cats”中保存表“dogs”和“cats”各自的ID，当看到数据时显示狗和猫的名字。我有这三个表: CREATE TABLE IF NOT EXISTS cats ( id
php - 使用 Blade 显示 HTML 显示 HTML 代码
我有一个字符串返回到我的 View 之一，如下所示: $text = 'Lorem ipsum dolor ' 我正在尝试用 Blade 显示它: {{$text}} 但是，输出是原始字符串而不是渲染
jquery - 使用 JQuery 显示/隐藏隐藏/显示 div，但单击按钮没有效果
我无法让我的链接(由图像表示，位于页面左侧)真正有效地显示一个 div(包含一个句子，位于中间)/单击链接时隐藏。这是我的代码: Practice
javascript - 显示 image1 的脚本，然后(随机毫秒)显示 image2 并停止
关闭。这个问题需要多问focused 。目前不接受答案。想要改进此问题吗？更新问题，使其仅关注一个问题 editing this post . 已关闭 4 年前。 Improve this ques
c# - ListView 显示 4 条记录。 DataGridView 显示 3 条记录？
最初我使用 Listview 来显示 oracle 结果，但是最近我不得不切换到 datagridview 来处理比 Listview 允许的更多的结果。然而，自从切换到数据网格后，我得到的结果越来越
xml - 如何使用 Apache fop 显示 Unicode 字符？显示 "?"而不是字符。
我一直在尝试插入一个 Unicode 字符 ∇ 或 ▽，所以它显示在 Apache FOP 生成的 PDF 中。这是我到目前为止所做的: 根据这个基本帮助 Apache XSL-FO Input，您
node.js - pm2 显示 1.2GB 而 heapdump 显示 80MB
我正在使用 node v0.12.7 编写一个 nodeJS 应用程序。我正在使用 pm2 v0.14.7 运行我的 nodejs 应用程序。我的应用程序似乎有内存泄漏，因为它从我启动时的大约 1
jquery - 如果 x 显示 x 如果 y 显示 y(我知道这个标题不好)
好的，所以我有一些 jQuery 代码，如果从下拉菜单中选择了带有前缀 Blue 的项目，它会显示一个输入框。代码: $(function() { $('#text1').hide();
google-chrome - Chrome 中的“检查元素”显示 LESS，但 Firefox 显示 CSS
当我试图检查 Chrome 中的 html 元素时，它显示的是 LESS 文件，而 Firefox 显示的是 CSS 文件。 (我正在使用 Bootstrap 框架) 如何在 Chrome 中查看 c
python - Microsoft Bot Emulator 显示 "sending failed. Retry"。 VSCode 显示 KeyError : 'HTTP_CONTEXT_TYPE'
我是 Microsoft Bot Framework 的新手，我正在通过 youtube 视频 https://youtu.be/ynG6Muox81o 学习它并在 Ubuntu 上使用 python
encoding - notepad++ 显示 ucs-2LE 而 ubuntu FILE [file] 显示 UTF-16LE，我很困惑？
我正在尝试转换从 mssql 生成的文件到 utf-8。当我打开他的输出 mssql在 Windows Server 2003 中使用 notepad++ 将文件识别为 UCS-2LE我使用 file
javascript帮助日期/显示
很难说出这里问的是什么。这个问题是含糊的、模糊的、不完整的、过于宽泛的或修辞性的，无法以目前的形式得到合理的回答。如需帮助澄清此问题以便重新打开它，visit the help center 。已关
jQuery点击关闭div(显示)
我正在尝试执行单击以打开/关闭一个 div 的功能。这是基本的，但是，点击只显示 div，当我点击“关闭”时，没有任何反应。 $(".inscricao-email").click(function
flutter - 显示/隐藏小部件而不重新创建它
假设我有 2 张卡片，屏幕上一次显示一张。我有一个按钮可以用其他卡片替换当前卡片。现在假设卡 1 上有一些数据，卡 2 上有一些数据，我不想破坏它们每个上的数据，或者我不想再次重建它们中的任何一个。
javascript - 显示()未定义
我正在使用 Eloquent Javascript 学习 Javascript。我在 Firefox 控制台上编写了以下代码，但它返回:“ReferenceError:show() 未定义”为什么？
symfony - 显示/隐藏某些菜单取决于奏鸣曲管理员角色
我正在使用 Symfony2 开发一个 web 项目，我使用 Sonata Admin 作为管理面板，一切正常，但我想要做的是，在 Sonata Admin 的仪表板菜单上，我需要显示隐藏一些菜单取决
angularjs - 显示/隐藏div取决于AngularJS中的下拉列表选择
我试图显示一个div，具体取决于从下拉列表中选择的内容。例如，如果用户从列表中选择“现金”显示现金div或用户从列表中选择“检查”显示现金div 我整理了样本，但样本不完整，需要接线 http://j

行者123

个人简介

我是一名优秀的程序员,十分优秀！

作者热门文章

滴滴打车优惠券免费领取

全站热门文章

首页

博学

6Ren·AI

商城

java - 图像在 swing 中的 MouseEvent 上无法正确显示