我正在开发一个 Windows Phone 应用程序。我想将一个画布的孩子复制到另一个画布。我可以用下面的代码做到这一点，但问题是我必须先从一个画布上删除它。代码是：
private void add_template_Click(object sender, RoutedEventArgs e)
{
var childrenList = Template_canvas1.Children.Cast<UIElement>().ToArray();
root.Children.Clear();
foreach (var c in childrenList)
{
Template_canvas1.Children.Remove(c);
root.Children.Add(c);
}
}
我想将这些元素保留在画布上。还有其他方法吗？
【问题讨论】：
与其尝试将相同的Template_canvas1.Children 添加到root 画布，不如先复制这些Children，然后将副本添加到root 画布。
public static T CloneXaml<T>(T source)
{
string xaml = XamlWriter.Save(source);
StringReader sr = new StringReader(xaml);
XmlReader xr = XmlReader.Create(sr);
return (T)XamlReader.Load(xr);
}
然后将循环更改为：
foreach (var c in childrenList)
{
var copy = CloneXaml(c);
root.Children.Add(copy);
}
我没有测试过这段代码，所以你可能需要稍微修改一下，但它应该能让你朝着正确的方向前进。
或者，您也可以使用以下从Dr Herbie's answer 复制的代码：
using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using Windows.UI.Xaml;
using System.Reflection;
using Windows.UI.Xaml.Controls;
namespace UIElementClone {
public static class UIElementExtensions {
public static T DeepClone<T>(this T source) where T : UIElement {
T result; // Get the type
Type type = source.GetType(); // Create an instance
result = Activator.CreateInstance(type) as T;
CopyProperties<T>(source, result, type);
DeepCopyChildren<T>(source, result);
return result;
}
private static void DeepCopyChildren<T>(T source, T result) where T : UIElement {
// Deep copy children.
Panel sourcePanel = source as Panel;
if (sourcePanel != null) {
Panel resultPanel = result as Panel;
if (resultPanel != null) {
foreach (UIElement child in sourcePanel.Children) {
// RECURSION!
UIElement childClone = DeepClone(child);
resultPanel.Children.Add(childClone);
}
}
}
}
private static void CopyProperties<T>(T source, T result, Type type) where T : UIElement {
// Copy all properties.
IEnumerable<PropertyInfo> properties = type.GetRuntimeProperties();
foreach (var property in properties) {
if (property.Name != "Name") { // do not copy names or we cannot add the clone to the same parent as the original.
if ((property.CanWrite) && (property.CanRead)) {
object sourceProperty = property.GetValue(source);
UIElement element = sourceProperty as UIElement;
if (element != null) {
UIElement propertyClone = element.DeepClone();
property.SetValue(result, propertyClone);
}
else {
try {
property.SetValue(result, sourceProperty);
}
catch (Exception ex) {
System.Diagnostics.Debug.WriteLine(ex);
}
}
}
}
}
}
}
}
如果这些都不适合您，恐怕您必须实现自己的序列化程序。看起来David Poll 实现了一个不错的 serlizer，所以看看。使用他的serlizer就像使用XamlWriter一样简单，然后你可以使用XamlReader：
public static T CloneXaml<T>(T source)
{
UiXamlSerializer uxs = new UiXamlSerializer();
string xaml = uxs.Serialize(source);
StringReader sr = new StringReader(xaml);
XmlReader xr = XmlReader.Create(sr);
return (T)XamlReader.Load(xr);
}
要获得此功能，请下载他的Slab library，转到“Binaries”文件夹并将所有以“SLaB.Utilities.Xaml.Serializer”开头的 dll 复制到您的项目中。可能需要一些其他 dll 作为依赖项。如果您想查看代码并学习，他在库中有示例解决方案。
如果没有一个好的Minimal, Complete, and Verifiable example 清楚地显示您尝试过的内容，并准确描述您想要达到的目标，就不可能确定最佳答案是什么。
也就是说，鉴于 WPF 在某种意义上已经知道如何“克隆”元素，通过使用数据模板，你的问题听起来很像 XY Problem 对我来说。也就是说，你只认为你需要从字面上克隆你的可视化树中的元素，而实际上你应该做的是定义一个表示数据的视图模型要为要“克隆”的元素显示，定义单个数据模板，该模板使用 XAML 来描述将在视图模型中显示数据的可视元素，然后只需在需要的任何位置应用模板即可要“克隆”的视觉元素。
即他们不会真的被克隆。相反，WPF 将完全按照您的要求自动填充一个全新的可视元素子树。由于模板允许您完全定义所有方面，因此不存在与例如相关的问题。尝试连接事件订阅、正确设置绑定等。
在您的具体示例中（尽管它很模糊），听起来您很可能想要使用ItemsControl 元素，其中ItemsPanel 是Canvas 对象。然后，您将定义一个DataTemplate，它表示ItemsPanel 中的一个单个 项；该模板将通过设置其DataType 属性或通过设置ItemsControl.ItemTemplate 属性显式引用。然后，当您想要数据的视觉对象副本时，您只需创建一个ItemsControl，而不是克隆任何东西。
【讨论】：
可以下载完整的最终Windows Phone App here。
存在一些 API 差异，例如，我们必须使用 pinfo.GetSetMethod() 等代替 pinfo.SetMethod 属性。
其次，我在不知不觉中没有检查不能复制的 Name 属性，否则我们将创建另一个具有相同名称的实例。
第三，我发布了简单控件的简单案例，例如 Button、TextBox、Rectangle 等不包含子项的控件。如果是这种情况，您也必须使用递归深度克隆来克隆孩子。因为孩子可以有更多的孩子等等。
foreach (UIElement oldElem in Canvas1.Children)
{
try
{
Type t = oldElem.GetType();
UIElement newElem = (UIElement)Activator.CreateInstance(t);
PropertyInfo[] info = t.GetProperties();
int i = 0;
foreach (PropertyInfo pinfo in info)
{
if (pinfo.Name == "Name") continue;
try
{
if (pinfo.GetSetMethod() != null) // avoid read-only properties
pinfo.SetValue(newElem, pinfo.GetValue(oldElem, null),null);
}
catch (Exception ex)
{
Debug.WriteLine((++i).ToString() + " : " + pinfo.ToString());
}
}
Canvas.SetLeft(newElem, Canvas.GetLeft((oldElem)));
Canvas.SetTop(newElem, Canvas.GetTop((oldElem)));
Canvas2.Children.Add(newElem);
}
catch (Exception ex)
{
}
}
如果您要进行真正的深度克隆，请将上面外部 try 块中的代码替换为更简单的代码：
foreach (UIElement oldElem in Canvas1.Children)
{
try
{
UIElement newElem = oldElem.DeepClone();
Canvas2.Children.Add(newElem);
Canvas.SetLeft(newElem, Canvas.GetLeft(oldElem));
Canvas.SetTop(newElem, Canvas.GetTop(oldElem));
}
catch (Exception ex){ }
}
不知道 windows phone 但在 WPF 中这会创建一个新元素并将其放在另一个画布中完全相同的位置。检查它是否符合您的需求，否则我会再次更新。
foreach (UIElement oldElem in Canvas1.Children)
{
Type t = oldElem.GetType();
UIElement newElem = (UIElement)Activator.CreateInstance(t);
PropertyInfo[] info = t.GetProperties();
int i = 0;
foreach (PropertyInfo pinfo in info)
{
try
{
if (pinfo.SetMethod != null) // avoid read-only properties
pinfo.SetValue(newElem, pinfo.GetValue(oldElem));
}
catch (Exception ex)
{
Debug.WriteLine((++i).ToString() + " : " + pinfo.ToString());
}
}
Canvas.SetLeft(newElem, Canvas.GetLeft((oldElem)));
Canvas.SetTop(newElem, Canvas.GetTop((oldElem)));
Canvas.SetRight(newElem, Canvas.GetRight((oldElem)));
Canvas.SetBottom(newElem, Canvas.GetBottom((oldElem)));
Canvas2.Children.Add(newElem);
}
【讨论】：