I am trying to design board for game which will have 5\*6 grid of circles. I will use these circles to show bitmap image(.png) in them. **The problem I am facing is that. When I draw grid of circles it does not spread properly on screen.** I am using android device which have this (480 x 854 pixels, 5.0 inches (~196 ppi pixel density)) Screen Size. I tried different combinations to draw circles but I failed.

Here is the code.

```
          package com.example.rectangle;

import android.os.Bundle;
import android.annotation.SuppressLint;
import android.app.Activity;
import android.content.Context;
import android.graphics.Bitmap;
import android.graphics.Bitmap.Config;
import android.graphics.Canvas;
import android.graphics.Paint;
import android.view.Menu;
import android.view.View;

public class MainActivity extends Activity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(new board(this));
    }
    public class board extends View
    {
        Paint p = new Paint();
        Paint blue=new Paint();
        // Paint green=new Paint();
        int rows=5;
        int cols=6;
        Bitmap [][] dot=new Bitmap[rows][cols];
        Canvas g=new Canvas();
        public board(Context context) {
            super(context);
            p.setARGB(255, 255, 102,0);
            blue.setARGB(255, 255, 255, 255);
            // green.setARGB(0, 0, 06, 0);

        }
        @SuppressLint("DrawAllocation")
        protected void onDraw(Canvas canvas)
        {
            super.onDraw(canvas);
            canvas.drawPaint(p);
            for(int y=0; y<cols; y++)
            {
                for(int x=0; x<rows; x++)
                {
                    Bitmap grid= Bitmap.createBitmap(100,100, Config.RGB_565 );

                    dot[x][y]=grid;
                    g.setBitmap(dot[x][y]);
                    //canvas.drawCircle(50, 50, 20, blue);
                    //g.drawCircle(50, 50, 20, blue);

                }
            }
            for(int y=0; y<cols; y++)
            {
                for(int x=0; x<rows; x++)
                {
                    //canvas.drawCircle(50, 50, 20, blue);
                    //canvas.drawCircle(50, (x + 1) * 2 * 50, (y + 1) * 2 * 50, blue);
                    canvas.drawCircle(85*x, 110*y, 20, blue);
                    canvas.drawBitmap(dot[x][y], x*100, y*100,null);
                }
            }

        }

    }

    @Override
    public boolean onCreateOptionsMenu(Menu menu) {

        getMenuInflater().inflate(R.menu.main, menu);
        return true;
    }

}

```

* The problem is in this line: canvas.drawCircle(90\*x, 110\*y, 20,
blue);
* And Screen Size is: (480 x 854 pixels, 5.0 inches (~196 ppi pixel
density)