アンドロイドゲーム用の正方形のグリッドを描くのに問題がある

Question

これは、画面の中央に7 x 7の正方形のグリッドとして表示したいのですが、私の現在のコードで見ることができるように、水平なものはそうではありません。私は問題はキャンバスが正方形ではないということだと思いたい

public class GameGrid extends View { 

    Paint black = new Paint(); 

    public GameGrid(Context context) { 
     super(context); 

     black.setColor(Color.BLACK); 
     black.setStrokeWidth(8); 
    } 

    @Override 
    public void onDraw(Canvas canvas) { 

     float startX; 
     float stopX; 
     float startY; 
     float stopY; 

     int width = canvas.getWidth(); 
     int height = canvas.getHeight(); 

     int gridSize = 7; 
     int gridSpacing = width/gridSize; 

     //Vertical Grid-lines 
     for (int i = 0; i < gridSize; i++) { 

      startX = width/2 - height/2; 
      stopX = width/2 + height/2; 

      startY = i*gridSpacing; 
      stopY = i*gridSpacing; 

      canvas.drawLine(startX, startY, stopX, stopY, black); 

     } 

     //Horizontal Grid-lines 
     for (int i = 0; i < gridSize; i++) { 

      startX = i*gridSpacing; 
      stopX = i*gridSpacing; 

      startY = height/2 - width/2; 
      stopY = height/2 + width/2; 

      canvas.drawLine(startX, startY, stopX, stopY, black); 
     } 
    } 

Picture of what grid currently looks like

Answer 1

を試してみてくださいいくつかの量（水平グリッド線が垂直グリッド線よりも長く、注意だけでなく、下方向にオフセットされている）

でオーバーシュート（両方の軸上）のオフセット。 xOffsetとyOffsetをあらかじめ計算しておらず、ポイント(xOffset, yOffset)に基づいてペイントを開始するのはなぜですか？このような

何か：

@Override 
public void onDraw(Canvas canvas) { 

    float startX; 
    float stopX; 
    float startY; 
    float stopY; 

    int width = canvas.getWidth(); 
    int height = canvas.getHeight(); 

    int gridSize = 7; 
    int gridSpacing = Math.min(width, height)/gridSize; 
    int boardSize = gridSize * gridSpacing; 

    int xOffset = (width - boardSize)/2; 
    int yOffset = (height - boardSize)/2; 

    //Vertical Grid-lines 
    for (int i = 0; i < gridSize; i++) { 

     startX = xOffset + i*gridSpacing; 
     startY = yOffset; 

     stopX = startX; 
     stopY = startY + boardSize; 

     canvas.drawLine(startX, startY, stopX, stopY, black); 

    } 

    //Horizontal Grid-lines 
    for (int i = 0; i < gridSize; i++) { 

     startX = xOffset; 
     startY = yOffset + i*gridSpacing; 

     stopX = startX + boardSize; 
     stopY = startY; 

     canvas.drawLine(startX, startY, stopX, stopY, black); 
    } 
} 

あなたは常に中央に配置されますことを確認するには（例えば風景の中に）あなたが設定する必要があります。

int gridSpacing = Math.min(width, height)/gridSize; 

Answer 2

を - 私は、これは簡単な修正であると確信していますし、任意の助けいただければ幸いですか！高さは幅よりも大きい。したがって、垂直グリッド線

startX = width/2 - height/2; 

で

は負の数を与え、左オフスクリーンに始点を置きます。それはうまく見えますが、長さは間違っています。水平グリッド線

startY = height/2 - width/2; 

については

は正の数であり、あなたは、画面下の途中で開始します。同様に、endY値はおそらく、あなたが不足している

//Horizontal Y vals 
startY = 0; 
stopY = height;