如何在Java中使用绘制线绘制楼梯线？

Question

I want to make a simple stairway line having an interval distance of 200 meters in every line. As you can see in the code, it has a screen height(y1_world) of 2000 meters and a screen width(x1_world) of 1125. The code works only in a slant position of lines and not in a stairway and that is my problem.

Could someone give me an idea about this matter?

Here's the code:

public void paint(Graphics g)
{
    super.paint(g);

    Graphics2D g2d = (Graphics2D) g;
    g2d.setBackground(Color.white);

    int x0_pixel = 0;
    int y0_pixel = 0;

    int x1_pixel = getWidth();
    int y1_pixel = getHeight();

    int x0_world = 0;
    int y0_world = 0;

    int x1_world = 2000; // meters
    int y1_world = 1125; // meters

    double x_ratio = (double) x1_pixel / x1_world;
    double y_ratio = (double) y1_pixel / y1_world;

    double len = x1_world; // meters

    double interval = 200; // meters


    int x_world = 0;
    int y_world = 0;

    while (((y_world += interval) <= y1_world) && ((x_world +=interval) <= x1_world))
    {
        int x_pixel = convertToPixelX(x_world, x_ratio);
        int y_pixel = convertToPixelY(y_world, y_ratio);

        g2d.setColor(Color.BLUE);
        g2d.drawLine(x_world, y_world, x_pixel, y_pixel);


    }

    Toolkit.getDefaultToolkit().sync();
    g2d.dispose();
}

private static int convertToPixelY(int y_world, double y_ratio)
   {
       return (int) (y_world * y_ratio);
   }

   private static int convertToPixelX(int x_world, double ratio)
   {
       return (int) (x_world * ratio);
   }

Answer 1

You're doing too little : you should draw a line up, then a line to the right. If I were you, I would encapsulate that in a 'stair' function:

 public void step( Graphics2d g ) {
    Point midPoint = getMidPoint();
    Point endPoint = getEndPoint();
    drawStep( g, currentPoint, midPoint, endPoint );
    currentPoint = endPoint;
 }

public void drawStep( Graphics2d g, Point first, Point mid, Point last ) {
   g.drawLine( first.x, first.y, mid.x, mid.y );
   g.drawLine( mid.x, mid.y, last.x, last.y );
}

public Point getMidPoint(){
   return new Point( currentPoint.x, currentPoint.y + stepHeight );
}

public Point getEndPoint(){
   return new Point( currentPoint.x + stepWidth, currentPoint.y + stepHeight );
}

You're doing too much , too: scaling your image to your viewport happens to be the specialty of AffineTransform (here's a brief intro )

public void paint( Graphics gx ) {
    Graphics2D g = (Graphics2D) gx;

    AffineTransform scale = AffineTransform.getScaleInstance(
           xPixels/numberOfSteps*stepWidth, 
           yPixels/numberOfSteps*stepHeigth );
    g.transform(scale);
    for( int i = 0; i < numberOfSteps; ++ i ) {
        step( g );
    }
 }

Disclaimer: code is uncompiled, untested - intended to give a hint.

Answer 2

A single drawLine does not draw a stair. You have to draw two lines: A horizontal and a vertical one:

    g2d.drawLine(x_world, y_world, x_pixel, y_world); // keep y constant
    g2d.drawLine(x_pixel, y_world, x_pixel, y_pixel); // keep x constant

Answer 3

This may not be the right answer, but it seems like you might need to setup a loop to draw the lines in a step shape:

bool vert = false;

while(x_pixel <= x_world){
     if (vert){
         g.drawLine(x, y);
         vert = True;
     else{
         g.drawLine(y,x);
         vert = False;

This is not the exact code! Just a general idea of what might work.

I hope this makes sense. You are just trying to get it to draw a vertical line first then a horizontal line, then repeat. Rather than just one long line.