Silverlight用户控件转移时产生的“元素已经是另一个元素的子元素”问题

        最近的项目中遇到了silverlight用户控件由一个canvas转移到另一个canvas的问题，在转移的过程中一直提示“元素已经是另一个元素的子元素”，十分讨厌，调试了多次也没有找到原因所在，情况如下

1，简单的移动

  

LayerTwo是一个usercontrol，mainpage.xaml上呢有两个canvas，其中一个放的有LayerTwo，

 

 
    
     
    < 
    Grid  
    x:Name 
    ="LayoutRoot" 
     Background 
    ="White" 
    > 
     
          
    < 
    Canvas  
    Height 
    ="100" 
     HorizontalAlignment 
    ="Left" 
     Margin 
    ="24,25,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" 
     Name 
    ="canvas2" 
     VerticalAlignment 
    ="Top" 
     Width 
    ="200" 
      
    /> 
     
          
    < 
    Button  
    Content 
    ="Button" 
     Height 
    ="23" 
     HorizontalAlignment 
    ="Left" 
     Margin 
    ="266,117,0" 
     Name 
    ="button1" 
     VerticalAlignment 
    ="Top" 
     Width 
    ="75" 
      
    /> 
     
      
    </ 
    Grid 
    > 
    
  

  

我们如果将layertwo从canvas1中转移到canvas2中，只需要 

 
    
   UserControl uc  
   = 
     
   this 
   .canvas1.Children[ 
   0 
   ]  
   as 
    UserControl; 
              
   this 
   .canvas1.Children.RemoveAt( 
   0 
   ); 
              
   this 
   .canvas2.Children.Add(uc);

 
  

 

2，如果usercontrol是放在嵌套的canvas中或者是其他的usercontrol中呢？

如果我们将上面的例子简单的改变一下，在canvas1中再增加一层canvas3,layerTwo.xaml放在canvas3中，如果想把layerone.xaml转移到canvas2中怎么做呢?

 

 
    
     
    Canvas c  
    = 
      
    this 
    .canvas2.Children[ 
    0 
    ]  
    as 
     Canvas; 
             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); 

//换成这样

c.Children.RemoveAt( 0 ); 

 

 类似的用户控件使用必须确保此用户控件的父级对象为空，执行remove此用户控件后再添加到其他地方，否则是添加不了的。