UWP 查找模板中的控件

待我称王封你为后i 2021-09-19 02:54 266阅读 0赞

原文: [UWP 查找模板中的控件][UWP]

这个标题我也不知道咋起，意思说一下你就明白。

**1. 对官方控件的模板进行定制修改，以满足多样化需求，还有漂亮的UI**

比如ListView，GridView等。

**2. 在设计的情况下并没有这个控件，而在运行时的时候出现了它**

比如微软的广告组件，他们叫AdControl，在运行时其实就是一个WebView

下面看一下我的实际项目中的代码，来举例说明：

**我这个是定义的FlipView的模板，大家可以发现，里面用到个Image控件，而这个控件，你如果直接定义他的x:Name的话，在后台代码.cs里面使用myImage，是识别不到的。微软不让这么用。**

那么怎么办，就是需要在运行时，通过代码查找他，然后再操作即可。

查找的方法如下：

public static T MyFindListBoxChildOfType<T>(DependencyObject root) where T : class
            {
                var MyQueue = new Queue<DependencyObject>();
                MyQueue.Enqueue(root);
                while (MyQueue.Count > 0)
                {
                    DependencyObject current = MyQueue.Dequeue();
                    for (int i = 0; i < VisualTreeHelper.GetChildrenCount(current); i++)
                    {
                        var child = VisualTreeHelper.GetChild(current, i);
                        var typedChild = child as T;
                        if (typedChild != null)
                        {
                            return typedChild;
                        }
                        MyQueue.Enqueue(child);
                    }
                }
                return null;
            }

然后在页面加载完成的事件里面使用，

private void Page_Loaded(object sender, RoutedEventArgs e)
            {
         
                Image headImage = MyFindListBoxChildOfType<Image>(flipView);
                headImage.PointerEntered += Head_PointerEntered;
                headImage.PointerExited += Head_PointerExited;
            }

记下来就可以为所欲为的操作了。

![img_455c7b01dc086cdfa9ad010049d75f53.gif][]

有人说，我们的模板里有多个Image控件，咋办？

你将查找的函数改成返回List<T>即可，然后在Looaded里面按顺序取即可。

private void Page_Loaded(object sender, RoutedEventArgs e)
            {
                Image detailImage = MyFindListBoxChildOfType<Image>(flipView)[0];
                Image headImage = MyFindListBoxChildOfType<Image>(flipView)[1];
            }

这个顺序就是你在Xaml里面写的顺序。

[UWP]: https://www.cnblogs.com/hupo376787/p/9394715.html
[img_455c7b01dc086cdfa9ad010049d75f53.gif]: /images/20210726/dde32c6110df4777979956eead7c831b.png