让网格正确且没有背景颜色的问题

Question

这是我尝试制作 400 x 400 网格但输出以下内容的代码：

毫无疑问，这不是 400 x 400 网格。

我无法检测出我的逻辑在哪里出错。负责绘图的部分我已经高亮了。

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

class tester1 extends JPanel {
 tester1() {
  setPreferredSize(new Dimension(400,400));
  this.setBackground(Color.black);
  JFrame fr = new JFrame();
  fr.add(this);
  fr.pack();
  fr.setVisible(true);
  fr.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
  repaint();
 }

  public void paintComponent(Graphics g) {   // <----- part responsible for drawing
   g.setColor(Color.red); 
     for(int x = 0 ; x <= 400 ; x += 10 ) {
       g.drawLine( x , 0 , 400 , x );
     }
     for(int y = 0 ; y <= 400 ; y += 10 ) {
       g.drawLine( y , 0 , y , 400 );
     }
  }   // <---- till here

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

我在paintComponent方法中犯了什么错误？

在输出中，当我写了this.setBackground(Color.black) 时，为什么我没有得到 BLACK 颜色作为背景？

Answer 1

在进行任何绘画之前请致电super.paintComponent()，以便将背景涂成黑色。

就线路而言： 您的 x 和 y 协调混合在一起。应该是：(int x1, int y1, int x2, int y2)

具体看：

 g.drawLine( x , 0 , 400 , x );

问问自己，为什么要改变一个 X 和一个 Y，而保持另一个 X 和另一个 Y 不变。

在哪里：

 g.drawLine( y , 0 , y , 400 );

您同时保持 Y 不变并更改两个 X（提示：您的其他语句应该看起来像这样。）。

Answer 2

我认为您当前的输出很漂亮，但无论如何..

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

class tester1 extends JPanel {
 tester1() {
  setPreferredSize(new Dimension(400,400));
  this.setBackground(Color.black);
  JFrame fr = new JFrame();
  fr.add(this);
  fr.pack();
  fr.setVisible(true);
  fr.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
  repaint();
 }

  public void paintComponent(Graphics g) {
   // as mentioned by jzd
   super.paintComponent(g);
   g.setColor(Color.red);
     for(int x = 0 ; x <= getWidth() ; x += 10 ) {
       // as mentioned by ditkin
       g.drawLine( x , 0 , x , getHeight() );
     }
   g.setColor(Color.yellow);
     for(int y = 0 ; y <= getHeight() ; y += 10 ) {
       // also this
       g.drawLine( 0 , y , getWidth() , y );
     }
  }

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

顺便说一句 - 除非您在框架上调用 setResizable(false)，否则在绘画时使用 getHeight() / getWidth()。

截图

Answer 3

我相信这条线：

g.drawLine( x , 0 , 400 , x );

应阅读：

g.drawLine( x , 0 , x, 400);