VisualTreeHelper不仅仅只是用来查看可视化树结构的



关于
VisualTreeHelper这个类,大家应该都应该看到过,它是silverlight提供的一个帮助器类,通过它,以便您可以检查可视化树结构。今天,我们来通过对VisualTreeHelper的使用,来做一些比较有意思的事情,当然不止是查看可视化树的结构,是不是有点迫不及待了呢?其实,也没什么特别离谱,当然还是和可视化树有关啦。其实呢,今天,我们要使用VisualTreeHelper来通过对可视化树结构的遍历,“潜入”到控件的Template中去,通过对Template中元素的访问,来改变控件的一些不直接暴露在外的属性。


我不想ChildWindow每次都从屏幕中间弹出




最近,在做与ChildWindow相关的项目时,发现每次在调用它显示的时候,它都从屏幕中间弹出,但是有时候,我们需要它从特定的位置弹出,查看了下文档,发现并没有现成的可以控制它的属性,那是否就无法来设置它的位置了呢?这时,该是VisualTreeHelper登场的时候了,不过在这之前,我们得先来看一个东西,所有的奥秘也在这个东西里面,那就是ChildWindow的Template。我们都知道,silverlight的控件都是在内部实现了它的基本模板(Template)和样式(Style)。


那么,我们接下来就来看看ChildWindow的Template中到底有什么东西。要想看它,有两个办法,一个是查看官方文档,里面有关于它的定义,还有一个方法就是通过Blend这个“神器”。在这里,我选择了第二个方法,我们打开Blend,然后定位到ChildWindow鼠标右击,选择编辑模板--编辑副本,确定之后,我们就能看到如下结果:




我们注意到,里面有一个Grid叫做ContentRoot,这并不是重点,其实,亮点在它的下面,看到了吧,在RenderTransform下有一组Transform,没错,找到了,奥秘就在这里,我们要想控制ChildWindow的位置,只要设置其中的TranslateTransform就行了,而要获取它,则是今天的主角VisualTreeHelper要做的事情了。接下来,我们就为ChildWindow写一个扩展方法SetStartLocation,通过它来设置弹出子窗口的位置:


 1  public static class ChildWindowExtensions
 2     {
 3 
 4         public static void SetStartLocation(this ChildWindow childWindow, double x, double y)
 5         { 
 6         
 7             var template = VisualTreeHelper.GetChild(childWindow, 0as FrameworkElement;
 8 
 9             var contentRoot = template.FindName("ContentRoot"as FrameworkElement;
10 
11             var group = contentRoot.RenderTransform as TransformGroup;
12 
13             TranslateTransform translateTransform = null;
14 
15             foreach (var transform in group.Children.OfType<TranslateTransform>())
16             {
17 
18                 translateTransform = transform;
19 
20             }
21 
22             // 设置初始位置
23 
24             translateTransform.X = x;
25 
26             translateTransform.Y = y;
27 
28         }
29         
30         
31         
32        
33 
34         }



上面的代码通过VisualTreeHelper来得到可视化树的结构,然后进一步找到模板中我们需要的属性,最后设置它就行了,于是,我们就能在实际中使用它了,我们在主页面中添加

一个Button,并添加Click事件,在Click事件中生成ChildWindow对象并设置它的初始位置,最后show这个窗体:



 ch = new ChildWindow1();
ch.SetStartLocation(
100100);
            ch.Show();

 但是,运行后,当你点击Button的时候,会抛出一个异常,这是因为,此时ChildWindow还没有产生在可视化树上,所以你必须在它完成布局初始化,并产生在可视化树上的时候

才能,通过VisualTreeHelper找到需要的属性,我们修改代码如下:

 1  private void button1_Click(object sender, RoutedEventArgs e)
 2         {
 3             ch = new ChildWindow1();
 4             ch.Show();
 5             ch.Loaded += new RoutedEventHandler(ch_Loaded);
 6           
 7            
 8         }
 9 
10         void ch_Loaded(object sender, RoutedEventArgs e)
11         {
12             ch.SetStartLocation(100100);
13         }
14    

 这样,当你再点击Button的时候,子窗体将会在你设定的位置弹出,而不是在中心弹出。:)

posted @ 2011-03-04 21:15  Sirk  阅读(2576)  评论(3编辑  收藏  举报