如何让C# TableLayoutPanel所有单元格保持等大（支持多网格切换）

针对固定800x800尺寸的TableLayoutPanel（以下简称TLP），切换6x6、10x10、16x16网格时要保证所有单元格等大，核心是避免百分比精度误差或布局计算偏差，下面提供两种可靠方案：

方案一：绝对尺寸法（推荐） #

利用TLP固定尺寸，直接计算每个单元格的绝对大小，若存在整除剩余像素，将其补到最后一行/列，视觉上几乎无差异。

实现代码 #

private void SwitchGrid(int gridSize)
{
    // 清空原有内容，避免残留
    tableLayoutPanel1.Controls.Clear();
    tableLayoutPanel1.RowStyles.Clear();
    tableLayoutPanel1.ColumnStyles.Clear();

    // 锁定TLP尺寸
    tableLayoutPanel1.Size = new Size(800, 800);
    tableLayoutPanel1.AutoSize = false;

    // 计算基础单元格尺寸和剩余像素
    int baseSize = 800 / gridSize;
    int remaining = 800 - baseSize * gridSize;

    // 添加行样式
    for (int i = 0; i < gridSize; i++)
    {
        int rowHeight = baseSize;
        // 最后一行补全剩余像素
        if (i == gridSize - 1) rowHeight += remaining;
        tableLayoutPanel1.RowStyles.Add(new RowStyle(SizeType.Absolute, rowHeight));
    }

    // 添加列样式
    for (int i = 0; i < gridSize; i++)
    {
        int colWidth = baseSize;
        // 最后一列补全剩余像素
        if (i == gridSize - 1) colWidth += remaining;
        tableLayoutPanel1.ColumnStyles.Add(new ColumnStyle(SizeType.Absolute, colWidth));
    }

    // 设置行列数
    tableLayoutPanel1.RowCount = gridSize;
    tableLayoutPanel1.ColumnCount = gridSize;

    // 填充PictureBox
    for (int row = 0; row < gridSize; row++)
    {
        for (int col = 0; col < gridSize; col++)
        {
            PictureBox pb = new PictureBox();
            pb.Dock = DockStyle.Fill;
            pb.BackColor = Color.White;
            pb.BorderStyle = BorderStyle.FixedSingle; // 可选，便于区分单元格
            tableLayoutPanel1.Controls.Add(pb, col, row);
        }
    }
}

使用方式 #

调用SwitchGrid(6)、SwitchGrid(10)或SwitchGrid(16)即可切换对应网格。

方案二：精确百分比法 #

若坚持用百分比，必须保证所有行/列的百分比总和严格为100%，避免手动输入近似值导致的偏差。

实现代码 #

private void SwitchGridWithPercent(int gridSize)
{
    tableLayoutPanel1.Controls.Clear();
    tableLayoutPanel1.RowStyles.Clear();
    tableLayoutPanel1.ColumnStyles.Clear();

    tableLayoutPanel1.Size = new Size(800, 800);
    tableLayoutPanel1.AutoSize = false;

    // 计算精确百分比，避免手动输入近似值
    float exactPercent = 100f / gridSize;

    // 添加行/列样式
    for (int i = 0; i < gridSize; i++)
    {
        tableLayoutPanel1.RowStyles.Add(new RowStyle(SizeType.Percent, exactPercent));
        tableLayoutPanel1.ColumnStyles.Add(new ColumnStyle(SizeType.Percent, exactPercent));
    }

    tableLayoutPanel1.RowCount = gridSize;
    tableLayoutPanel1.ColumnCount = gridSize;

    // 填充PictureBox（同方案一）
    for (int row = 0; row < gridSize; row++)
    {
        for (int col = 0; col < gridSize; col++)
        {
            PictureBox pb = new PictureBox();
            pb.Dock = DockStyle.Fill;
            pb.BackColor = Color.White;
            pb.BorderStyle = BorderStyle.FixedSingle;
            tableLayoutPanel1.Controls.Add(pb, col, row);
        }
    }
}

注意事项 #

• 不要手动输入16.67%这类近似值，必须用100f/gridSize计算精确值，否则会因总和超过/不足100%导致最后一行/列尺寸异常。
• 此方法对能整除100的网格数（如10、16）效果完美，对6这类无法整除的情况，依赖布局引擎的浮点精度处理。

内容的提问来源于stack exchange，提问作者FreddieM