WPF C# 是否可以通过代码向XAML中动态添加元素？

你想通过直接修改XAML源文件新增元素的思路不可行。XAML是编译阶段的静态定义文件，WPF程序运行时不会动态读取、修改本地的XAML源文件，所有动态界面变更都通过操作内存中的WPF对象树实现。你需要的图形位置锚定Canvas的效果，通过后台代码操作元素对象完全可以实现，比修改XAML文件更简单可靠。

你只需要给触发新增的按钮绑定点击事件，在事件处理方法中操作GraphDisplayFrame的子元素集合即可：

1. 先在XAML中给按钮添加点击事件绑定：

<Button Content="添加圆形" Click="AddEllipse_Click"/>

2. 在对应的.xaml.cs后台文件中实现事件逻辑：

private void AddEllipse_Click(object sender, RoutedEventArgs e)
{
    // 实例化新的圆形对象，属性和你写在XAML中的配置完全等效
    Ellipse newEllipse = new Ellipse()
    {
        Width = 50,
        Height = 50,
        Stroke = System.Windows.Media.Brushes.Black,
        StrokeThickness = 2
    };
    // 配置Canvas锚定坐标，可替换为你从用户输入读取的数值
    Canvas.SetLeft(newEllipse, 150);
    Canvas.SetTop(newEllipse, 150);
    // 添加到Canvas的子元素集合，界面会自动渲染新增的圆形
    GraphDisplayFrame.Children.Add(newEllipse);
}

你提到的System.Windows.Media是WPF的核心绘图命名空间，上面代码用到的Brushes、包括Ellipse的底层渲染逻辑都依赖这个命名空间，完全可以实现你需要的所有绘制效果。如果后续你需要高性能绘制大量图形，可以进一步了解DrawingVisual方案，但是对于初学者的简单场景，上述直接操作UI元素的方案足够使用，学习成本更低。

• 如果需要批量管理大量绘制元素，推荐使用MVVM模式：通过ItemsControl绑定ObservableCollection类型的图形数据源，将ItemsPanel设置为Canvas，后续只需要修改数据源集合就能自动更新界面，不需要手动操作元素集合
• 如果需要支持用户自定义坐标，直接读取输入框的文本转换为double类型，赋值给Canvas.SetLeft和Canvas.SetTop的参数即可
• 如果需要给新增的圆形添加拖拽、修改样式等交互，直接给newEllipse绑定对应的鼠标事件处理方法即可

内容的提问来源于stack exchange，提问作者Gergő S