图纸上的零件清单

Question

First of all I'm new to the C# world. I just started this year learning about C# with no programming background experience. I came here with a problem that I would like to get solved asap. I managed to write a little code to create a list with Bitmaps including the draw positions. What I'm trying to do is to draw every piece (picture of a dot) in the list on the form. I've been working hours on this just trying to figure out how to get the list drawn on the form... I placed comments behind the code to make it easier for the reader to understand whats it's for so it won't cause any brain damage or sweat to the reader. :p See below for my code:

Form1.cs

public partial class Form1 : Form
{
    private GridDrawing drawing;
    private Bitmap bmpPic;

    public Form1()
    {
        InitializeComponent();

        bmpPic = new Bitmap("Dot.png"); // Picture(Dot 28*28 pixels)
        this.Paint += Form_Paint;

    }

    private void Form_Paint(object sender, PaintEventArgs e)
    {
        drawing = new GridDrawing(this, bmpPic, 6, 8); // Form, Bitmap, Rows, Columns
        foreach (var piece in drawing.Pieces)
        {
            e.Graphics.DrawImage(bmpPic, piece.Position);
        }
    }

    private void btnStart_Click(object sender, PaintEventArgs e)
    {
    }
}

GridDrawing.cs

    public class GridDrawing
{
    private Bitmap bmpPic;
    private int columns;
    private int rows;
    private List<GridPiece> pieces;

    private Point position;

    /// <summary>
    /// Constructs a grid with dots.
    /// </summary>
    /// <param name="ctrl"></param>
    /// <param name="gridPic"></param>
    /// <param name="rows"></param>
    /// <param name="columns"></param>
    public GridDrawing(Control ctrl, Bitmap bmpPic, int rows, int columns)
    {
        this.bmpPic = bmpPic;                                         //The picture(Dot).
        this.rows = rows;                                             //The amount of rows in the matrix.
        this.columns = columns;                                       //The amount of columns in the matrix.

        this.pieces = new List<GridPiece>();                                            //Initializes the List GridPieces
        Point position = new Point(0, 0);                                               //Draw position of the picture(Dot)
        Size size = new Size(bmpPic.Width, bmpPic.Height);                              //Size of picture(Dot).

        for (int i = 0; i <= rows; i++)             //A  with 6 rows
        {
            position.X = 0;                         //Puts the value X on 0 when it starts a new row.
            for (int j = 0; j <= columns; j++)      //A matrix with 8 columns
            {
                GridPiece s = new GridPiece(bmpPic, position);  // Creates a piece
                pieces.Add(s);                                  // Puts the piece that has to be drawn in the List<GridPiece>pieces
                position.X += size.Width;                       // Changes the width of the draw position
            }
            position.Y += size.Height;                          // Changes the height of the draw position
        }
    }

    public List<GridPiece> Pieces
    {
        get { return this.pieces; }
    }
}

GridPiece.cs

public class GridPiece
{
    private Bitmap bmpPic;
    private Point position;

    /// <summary>
    /// Constructor of GriedPiece
    /// </summary>
    /// <param name="bmpPic"></param>
    /// <param name="position"></param>
    public GridPiece(Bitmap bmpPic, Point position)
    {
        this.bmpPic = bmpPic;
        this.position = position;
    }

    public Point Position
    {
        get { return position; }
    }
}

Could anyone pretty please help me solve my issue? I updates the code several times.

Answer 1

You need to handle the form's Paint event, and use the methods in e.Graphics to draw your pieces in a loop.

(Probably e.Graphics.DrawImage , or perhaps FillCircle )

It would look something like

void Form_Paint(object sender, PaintEventArgs e) { 
    foreach(var piece in drawing.Pieces) {
        e.Graphics.DrawImage(bmpPic, piece.Position);
    }
}

The paint event is raised every time the forms needs to be drawn.

When the pieces move, you need to manually force the form to repaint by calling Invalidate() .