tablelayoutpanel单元格未在c＃win表单中均匀填充

Question

I have a tablelayoutpanel.And during run-time i am generating some labels dynamically, each having a purple round image.Now some images/labels are evenly padded inside each tablelayoutpanel cell but some are not.Please see the image..

Labels on the top 2 rows are evenly padded while rows starting form 3rd have shrunk. Why is this happening? What need to be done to get rid of this problem?Thanks in advance.

Answer 1

You should set ColumnStyles and RowStyles to suitable values.

For example for each column and row, you can define the style using SizeType.Percent or SizeType.Absolute and set an equal value for them.

In the below example:

• I set AutoSize property of TableLayoutPanel to true
• Set AutoScroll property of Form to true
• Set column styles to SizeType.Percent using equal percent ( 100/columnCount )
• Set row styles to SizeType.Absolute using equal vaules 30
• Add controls dynamically.

Sample Code:

int columnCount = 4;
int rowCount = 13;

this.tableLayoutPanel1.ColumnCount = columnCount;
this.tableLayoutPanel1.RowCount = rowCount;
this.tableLayoutPanel1.ColumnStyles.Clear();
this.tableLayoutPanel1.RowStyles.Clear();
this.tableLayoutPanel1.CellBorderStyle = TableLayoutPanelCellBorderStyle.Single;
this.tableLayoutPanel1.BackColor = Color.White;
this.tableLayoutPanel1.AutoSize = true;

for (int i = 0; i < columnCount; i++)
{
    this.tableLayoutPanel1.ColumnStyles.Add(
        new ColumnStyle(SizeType.Percent, 100 / columnCount));
}
for (int i = 0; i < rowCount; i++)
{
    this.tableLayoutPanel1.RowStyles.Add(
        new RowStyle(SizeType.Absolute, 30));
}

this.tableLayoutPanel1.SuspendLayout();
for (var i = 1; i <= 50; i++)
{
    var label = new Label();
    label.Text = i.ToString();
    label.Font = new Font(label.Font, FontStyle.Bold);
    label.AutoSize = false;
    label.Size = new Size(30, 30);
    label.Image = Properties.Resources.Circle;
    label.ImageAlign = ContentAlignment.MiddleCenter;
    label.TextAlign = ContentAlignment.MiddleCenter;
    label.Dock = DockStyle.Fill;
    this.tableLayoutPanel1.Controls.Add(label);
}
this.tableLayoutPanel1.ResumeLayout();

Screenshot: