WPF动态创建嵌套Grid时TextBox位置问题及行属性异常求助

布局结构与需求 #

布局层级：

LayoutCanvas
----Mastergrid
    ----ChildGrid1
        ----Rectangle1
        ----Rectangle2
        ----Texbox1
    ----ChildGrid2
        ----Rectangle1
        ----Rectangle2
        ----Texbox1
etc..

需求：

• 点击Canvas时自动创建包含Rectangle和TextBox的ChildGrid，添加到MasterGrid
• 整个ChildGrid可在Canvas内移动

遇到的问题 #

1. 无法在ChildGrid内任意定位TextBox，添加后自动居中
2. 设置Grid.RowProperty为2或3时TextBox位置无变化，仅值为1时会上移

问题分析与解决方案 #

问题1：ChildGrid内TextBox无法自由定位 #

你对TextBox使用了Canvas.SetLeft()和Canvas.SetTop()，但TextBox的父容器是ChildGrid（Grid控件），Canvas的附加属性只对Canvas的直接子元素生效，Grid的子元素默认会填充单元格，再加上TextBox默认HorizontalContentAlignment为Center，所以看起来文本居中。有两种解决方式：

方案A：将ChildGrid改为Canvas

如果需要在子容器内自由定位元素，直接用Canvas替代Grid更合适：

// 创建ChildCanvas代替ChildGrid
Canvas childCanvas = new Canvas();
childCanvas.Width = 100;
childCanvas.Height = 100;

// 添加背景Rectangle
var rect = new Rectangle();
rect.Width = 100;
rect.Height = 100;
rect.Stroke = Brushes.Black;
childCanvas.Children.Add(rect);

// 添加可自由定位的TextBox
var txt = new TextBox();
txt.Text = "New Text1";
Canvas.SetLeft(txt, 10);
Canvas.SetTop(txt, 10);
txt.Width = 80;
txt.Height = 30;
txt.HorizontalContentAlignment = HorizontalAlignment.Left;
childCanvas.Children.Add(txt);

方案B：在ChildGrid中用Margin或行/列定位

如果坚持用Grid作为子容器，可通过以下方式调整TextBox位置：

Grid childGrid = new Grid();
childGrid.Width = 100;
childGrid.Height = 100;

var txt = new TextBox();
txt.Text = "New Text1";
// 通过Margin设置偏移量
txt.Margin = new Thickness(10, 10, 0, 0);
txt.Width = 80;
txt.Height = 30;
// 取消文本居中，改为左对齐
txt.HorizontalContentAlignment = HorizontalAlignment.Left;
childGrid.Children.Add(txt);

问题2：Grid.RowProperty设置2/3无效果 #

你给MasterGrid只添加了3个RowDefinitions（索引0、1、2），设置Grid.RowProperty = 3时超出已定义行数，WPF会自动将元素放在最后一行（索引2），所以看起来无变化。另外，你给ChildGrid设置的Canvas.SetLeft()/Canvas.SetTop()完全无效——Canvas的附加属性仅对其直接子元素生效，ChildGrid的父容器是MasterGrid，不是LayoutCanvas，这部分代码属于冗余。

解决方案：

1. 确保MasterGrid的行定义数量足够，比如要用到行3，需添加至少4个行：

masterGrid.RowDefinitions.Add(new RowDefinition()); // 行0
masterGrid.RowDefinitions.Add(new RowDefinition()); // 行1
masterGrid.RowDefinitions.Add(new RowDefinition()); // 行2
masterGrid.RowDefinitions.Add(new RowDefinition()); // 行3

2. 若要实现ChildGrid在Canvas内自由移动，建议去掉MasterGrid，直接将ChildGrid作为LayoutCanvas的子元素：

// 直接将ChildGrid添加到LayoutCanvas
LayoutCanvas.Children.Add(childGrid);
// 此时Canvas的定位属性对ChildGrid生效
Canvas.SetLeft(childGrid, 100);
Canvas.SetTop(childGrid, 100);

完整优化代码示例 #

以下是实现点击Canvas创建可拖动子容器的代码：

// 绑定Canvas点击事件，创建可拖动的子容器
LayoutCanvas.MouseLeftButtonDown += (s, e) =>
{
    Canvas childCanvas = new Canvas();
    childCanvas.Width = 100;
    childCanvas.Height = 100;
    // 设置初始位置为点击坐标偏移
    Point clickPos = e.GetPosition(LayoutCanvas);
    Canvas.SetLeft(childCanvas, clickPos.X - 50);
    Canvas.SetTop(childCanvas, clickPos.Y - 50);

    // 添加背景矩形
    Rectangle rect = new Rectangle();
    rect.Width = 100;
    rect.Height = 100;
    rect.Stroke = Brushes.Black;
    rect.Fill = Brushes.LightGray;
    childCanvas.Children.Add(rect);

    // 添加文本框
    TextBox txt = new TextBox();
    txt.Text = $"New Text {LayoutCanvas.Children.Count}";
    Canvas.SetLeft(txt, 10);
    Canvas.SetTop(txt, 10);
    txt.Width = 80;
    txt.Height = 30;
    txt.HorizontalContentAlignment = HorizontalAlignment.Left;
    childCanvas.Children.Add(txt);

    // 实现拖动逻辑
    bool isDragging = false;
    Point startDragPos = new Point();
    childCanvas.MouseLeftButtonDown += (cs, ce) =>
    {
        isDragging = true;
        startDragPos = ce.GetPosition(childCanvas);
        childCanvas.CaptureMouse();
    };
    childCanvas.MouseMove += (cs, ce) =>
    {
        if (isDragging)
        {
            Point currentPos = ce.GetPosition(LayoutCanvas);
            Canvas.SetLeft(childCanvas, currentPos.X - startDragPos.X);
            Canvas.SetTop(childCanvas, currentPos.Y - startDragPos.Y);
        }
    };
    childCanvas.MouseLeftButtonUp += (cs, ce) =>
    {
        isDragging = false;
        childCanvas.ReleaseMouseCapture();
    };

    LayoutCanvas.Children.Add(childCanvas);
};

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