实现点击添加PictureBox至已有控件旁及获取前一控件位置参数的问题

需求说明 #

点击彩色PictureBox时，向mainPanel中添加一个同背景色的PictureBox；再次点击时，新的PictureBox需放置在上一个新增控件的右侧，核心是获取上一个新增PictureBox的Left和Width属性值来计算新位置。

现有代码 #

private void Back_Openings(object sender, EventArgs e)
{
    int left = mainPanel.Left;
    int top = mainPanel.Top;

    PictureBox p = (PictureBox)sender;
    var picture = new PictureBox            

    {
        Name = "back_PictureBox",
        Size = new Size(120, 20),
        Location = new Point(left, top),
        BackColor= p.BackColor,
        BorderStyle= BorderStyle.FixedSingle,
    };

    this.Controls.Add(picture);
    picture.BringToFront();

}

效果示意图 #

解决方法 #

方法1：用成员变量记录最后一个新增控件 #

在窗体类中定义一个变量跟踪最后添加的PictureBox，每次新增后更新该变量，直接用它计算新位置：

// 窗体类的成员变量，用于记录最后一个添加的PictureBox
private PictureBox _lastAddedBox;

private void Back_Openings(object sender, EventArgs e)
{
    // 初始位置（相对于mainPanel的左上角）
    int left = 0;
    int top = 0;

    // 如果存在上一个控件，计算新的左侧位置
    if (_lastAddedBox != null)
    {
        left = _lastAddedBox.Left + _lastAddedBox.Width;
        top = _lastAddedBox.Top; // 保持与上一个控件同高度
    }

    PictureBox p = (PictureBox)sender;
    var picture = new PictureBox            
    {
        Name = $"back_PictureBox_{Guid.NewGuid()}", // 用唯一名称避免冲突
        Size = new Size(120, 20),
        Location = new Point(left, top),
        BackColor= p.BackColor,
        BorderStyle= BorderStyle.FixedSingle,
    };

    // 将控件添加到mainPanel中，而非窗体控件集合，布局更可控
    mainPanel.Controls.Add(picture);
    picture.BringToFront();

    // 更新最后一个控件的记录
    _lastAddedBox = picture;
}

方法2：从mainPanel中筛选最后一个新增控件 #

如果不想用成员变量，可以直接从mainPanel的子控件中筛选出我们新增的PictureBox，取最后一个计算位置：

private void Back_Openings(object sender, EventArgs e)
{
    int left = 0;
    int top = 0;

    // 筛选mainPanel中所有我们新增的PictureBox（按名称前缀识别）
    var addedBoxes = mainPanel.Controls.OfType<PictureBox>()
        .Where(pb => pb.Name.StartsWith("back_PictureBox"))
        .OrderBy(pb => pb.Left)
        .ToList();

    if (addedBoxes.Count > 0)
    {
        var lastBox = addedBoxes.Last();
        left = lastBox.Left + lastBox.Width;
        top = lastBox.Top;
    }

    PictureBox p = (PictureBox)sender;
    // 生成唯一名称
    int index = addedBoxes.Count + 1;
    var picture = new PictureBox            
    {
        Name = $"back_PictureBox_{index}",
        Size = new Size(120, 20),
        Location = new Point(left, top),
        BackColor= p.BackColor,
        BorderStyle= BorderStyle.FixedSingle,
    };

    mainPanel.Controls.Add(picture);
    picture.BringToFront();
}

关键注意事项 #

1. 必须将新增控件添加到mainPanel.Controls中，而非窗体的this.Controls，这样控件会被限制在面板范围内，布局更合理。
2. 控件名称要设置为唯一值，避免后续查找或操作时出现冲突。
3. 若mainPanel开启AutoScroll = true，超出面板范围的控件会自动显示滚动条，提升用户体验。

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