最近的项目中遇到了silverlight用户控件由一个canvas转移到另一个canvas的问题，在转移的过程中一直提示“元素已经是另一个元素的子元素”，十分讨厌，调试了多次也没有找到原因所在，情况如下
1，简单的移动
LayerTwo是一个usercontrol，mainpage.xaml上呢有两个canvas，其中一个放的有LayerTwo，
代码
< Canvas Height ="100" HorizontalAlignment ="Left" Margin ="24,25,0,0" Name ="canvas1" VerticalAlignment ="Top" Width ="200" >
< layer:LayerTwo x:Name ="uc" Canvas.Left ="3" Canvas.Top ="-130" ></ layer:LayerTwo >
</ Canvas >
< Canvas Height ="100" HorizontalAlignment ="Left" Margin ="24,140,0,0" Name ="canvas2" VerticalAlignment ="Top" Width ="200" />
< Button Content ="Button" Height ="23" HorizontalAlignment ="Left" Margin ="266,117,0,0" Name ="button1" VerticalAlignment ="Top" Width ="75" />
</ Grid >
我们如果将layertwo从canvas1中转移到canvas2中，只需要
this .canvas1.Children.RemoveAt( 0 );
this .canvas2.Children.Add(uc);
2，如果usercontrol是放在嵌套的canvas中或者是其他的usercontrol中呢？
如果我们将上面的例子简单的改变一下，在canvas1中再增加一层canvas3,layerTwo.xaml放在canvas3中，如果想把layerone.xaml转移到canvas2中怎么做呢?
代码
UserControl uc = c.Children[ 0 ] as UserControl;
this .canvas2.Children.RemoveAt( 0 );
this .canvas1.Children.Add(uc);
这种做法就是直接将内层的canvas去掉，按说内层的canvas去掉后，里面的usercontrol应该也没有了，但是当我们添加获取的usercontrol到canvas1时，发现“元素已经是另一个元素的子元素”这个恼人的提示，debug后发现这个usercontrol居然还有parent父级对象，于是在usercontrol的最直接上级canvas3 再次执行了removeat的方法才得以通过。
this.canvas2.Children.RemoveAt(0);
类似的用户控件使用必须确保此用户控件的父级对象为空，执行remove此用户控件后再添加到其他地方，否则是添加不了的。
本文转自wengyuli 51CTO博客，原文链接：http://blog.51cto.com/wengyuli/587187，如需转载请自行联系原作者
