C#中动态创建PictureBox的自适应尺寸调整问题

我通过下拉框选择屏幕数量动态创建PictureBox，初始显示正常，但缩放窗口时控件布局异常，无法正确适配尺寸。

原创建PictureBox的代码如下：

private void CreatePictureBoxes(int num)
{
    panelCameras.Controls.Clear();

    int spacing = 2;
    int numRows = (int)Math.Ceiling((double)num / 2);

    int pbWidth = (panelCameras.ClientSize.Width - (3 * spacing)) / 2;
    int pbHeight = (panelCameras.ClientSize.Height - ((numRows + 1) * spacing)) / numRows;

    if (num == 1)
    {
        pbWidth = panelCameras.ClientSize.Width - (2 * spacing);
        pbHeight = panelCameras.ClientSize.Height - (2 * spacing);
    }
    else if (num == 2)
    {
        pbWidth = (panelCameras.ClientSize.Width - (2 * spacing)) / 2;
        pbHeight = panelCameras.ClientSize.Height - (2 * spacing);
    }

    for (int i = 0; i < num; i++)
    {
        PictureBox pb = new PictureBox();
        pb.BackColor = Color.Black;
        pb.SizeMode = PictureBoxSizeMode.StretchImage;
        pb.Dock = DockStyle.None;
        pb.Anchor = AnchorStyles.None;
        pb.Location = new Point((i % 2) * (pbWidth + spacing) + spacing, (i / 2) * (pbHeight + spacing) + spacing);

        Label lbl = new Label();
        lbl.Text = (i + 1).ToString();
        lbl.ForeColor = Color.White;
        lbl.AutoSize = false;
        lbl.Dock = DockStyle.Fill;
        lbl.TextAlign = ContentAlignment.MiddleCenter;
        pb.Controls.Add(lbl);

        panelCameras.Controls.Add(pb);

        pb.Size = new Size(pbWidth, pbHeight);
        pb.Dock = DockStyle.None;
        pb.Anchor = AnchorStyles.Top | AnchorStyles.Left | AnchorStyles.Right | AnchorStyles.Bottom;
    }
}

我尝试新增pb_Resize方法处理缩放，虽能生效但觉得有隐患，想找合理的自适应方案。

核心思路是把布局计算逻辑抽离成独立方法，在控件创建和Panel缩放时统一调用，确保每次布局都基于最新的窗口尺寸。

1. 抽离布局计算方法 #

创建一个专门处理PictureBox尺寸和位置的方法，每次Panel大小变化时重新计算：

private void LayoutPictureBoxes(int num)
{
    if (panelCameras.Controls.Count == 0) return;

    int spacing = 2;
    int numRows = (int)Math.Ceiling((double)num / 2);

    int pbWidth = (panelCameras.ClientSize.Width - (3 * spacing)) / 2;
    int pbHeight = (panelCameras.ClientSize.Height - ((numRows + 1) * spacing)) / numRows;

    if (num == 1)
    {
        pbWidth = panelCameras.ClientSize.Width - (2 * spacing);
        pbHeight = panelCameras.ClientSize.Height - (2 * spacing);
    }
    else if (num == 2)
    {
        pbWidth = (panelCameras.ClientSize.Width - (2 * spacing)) / 2;
        pbHeight = panelCameras.ClientSize.Height - (2 * spacing);
    }

    // 遍历所有PictureBox更新尺寸和位置
    for (int i = 0; i < panelCameras.Controls.Count; i++)
    {
        if (panelCameras.Controls[i] is PictureBox pb)
        {
            pb.Size = new Size(pbWidth, pbHeight);
            pb.Location = new Point((i % 2) * (pbWidth + spacing) + spacing, (i / 2) * (pbHeight + spacing) + spacing);
        }
    }
}

2. 修改CreatePictureBoxes方法 #

简化创建逻辑，只负责初始化控件，布局交给上面的方法处理：

private void CreatePictureBoxes(int num)
{
    panelCameras.Controls.Clear();

    for (int i = 0; i < num; i++)
    {
        PictureBox pb = new PictureBox();
        pb.BackColor = Color.Black;
        pb.SizeMode = PictureBoxSizeMode.StretchImage;
        // 固定设置Anchor为None，因为我们手动控制位置和尺寸
        pb.Anchor = AnchorStyles.None;
        pb.Dock = DockStyle.None;

        Label lbl = new Label();
        lbl.Text = (i + 1).ToString();
        lbl.ForeColor = Color.White;
        lbl.AutoSize = false;
        lbl.Dock = DockStyle.Fill;
        lbl.TextAlign = ContentAlignment.MiddleCenter;
        pb.Controls.Add(lbl);

        panelCameras.Controls.Add(pb);
    }

    // 创建完成后立即执行一次布局
    LayoutPictureBoxes(num);
}

3. 绑定Panel的Resize事件 #

在窗体初始化时（比如Form_Load事件），给panelCameras绑定Resize事件，确保窗口缩放时自动触发布局更新：

private void Form1_Load(object sender, EventArgs e)
{
    // 假设下拉框初始选中的数量是4，可根据实际情况调整
    CreatePictureBoxes(4);
    // 绑定Resize事件
    panelCameras.Resize += (s, args) =>
    {
        // 这里需要获取当前下拉框选中的数量，比如下拉框名为cbScreenCount
        int currentNum = int.Parse(cbScreenCount.SelectedItem.ToString());
        LayoutPictureBoxes(currentNum);
    };
}

关键说明 #

• 抽离布局方法后，创建和缩放时的逻辑完全一致，避免重复代码和逻辑冲突
• 手动控制PictureBox的位置和尺寸，Anchor设为None，防止系统自动拉伸导致布局混乱
• 每次Resize时基于Panel最新的ClientSize计算尺寸，确保适配当前窗口大小

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