UWP 查找模板中的控件
Posted lonelyxmas
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了UWP 查找模板中的控件相关的知识,希望对你有一定的参考价值。
原文:UWP 查找模板中的控件这个标题我也不知道咋起,意思说一下你就明白。
1. 对官方控件的模板进行定制修改,以满足多样化需求,还有漂亮的UI
比如ListView,GridView等。
2. 在设计的情况下并没有这个控件,而在运行时的时候出现了它
比如微软的广告组件,他们叫AdControl,在运行时其实就是一个WebView
下面看一下我的实际项目中的代码,来举例说明:
<FlipView x:Name="flipView" Background="{ThemeResource SystemControlChromeMediumAcrylicWindowMediumBrush }">
<FlipView.ItemTemplate> <DataTemplate> <Grid> <Image x:Name="myImage" Grid.RowSpan="3" Stretch="Uniform" Source="{Binding img_realurl}" IsDoubleTapEnabled="True" DoubleTapped="detailImage_DoubleTapped"/> <TextBlock Text="{Binding sitename}" Margin="3,0,0,0" VerticalAlignment="Center" Foreground="{ThemeResource SystemControlBackgroundAccentBrush}"/> </StackPanel> </Grid> </DataTemplate> </FlipView.ItemTemplate> </FlipView>
我这个是定义的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; }
记下来就可以为所欲为的操作了。
有人说,我们的模板里有多个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 查找模板中的控件的主要内容,如果未能解决你的问题,请参考以下文章
[UWP]了解模板化控件(5.1):TemplatePart vs. VisualState