如何访问XAML DataTemplate中的控件?
我有这个flipview:
<FlipView x:Name="models_list" SelectionChanged="selectionChanged"> <FlipView.ItemTemplate> <DataTemplate> <Grid x:Name="cv"> <Image x:Name="img1" Source = "{Binding ModelImage}" Stretch="Fill" Tag="{Binding ModelTag}"/> </Grid> </DataTemplate> </FlipView.ItemTemplate>
我想find当前选定索引的img1。 在search它时,我在这里发现了这个方法:
private DependencyObject FindChildControl<T>(DependencyObject control, string ctrlName) { int childNumber = VisualTreeHelper.GetChildrenCount(control); for (int i = 0; i < childNumber; i++) { DependencyObject child = VisualTreeHelper.GetChild(control, i); FrameworkElement fe = child as FrameworkElement; // Not a framework element or is null if (fe == null) return null; if (child is T && fe.Name== ctrlName) { // Found the control so return return child; } else { // Not found it - search children DependencyObject nextLevel = FindChildControl<T>(child, ctrlName); if (nextLevel != null) return nextLevel; } } return null; }
它返回我在flipview的第一个索引的图像,但我需要在当前选定的索引目前..我试图编辑这个方法,但我无法find所需的控制。 任何人都可以帮我吗?
您遇到的问题是DataTemplate
正在重复,并且由FlipView
生成内容。 Name
没有被公开,因为它会和之前生成的兄弟(或下一个兄弟)发生冲突。
因此,要获取DataTemplate
中的一个命名元素,您必须首先获取生成的项目,然后在生成的项目内部search所需的元素。 请记住,XAML中的逻辑树就是你如何通过名字访问事物。 生成的项目不在逻辑树中。 相反,它们在可视化树中(所有的控件都在可视化树中)。 这意味着它是在Visual Tree中,你必须search你想要引用的控件。 VisualTreeHelper
可以让你做到这一点。
现在,该怎么做?
我写了一篇文章,因为这是一个经常性的问题: http : //blog.jerrynixon.com/2012/09/how-to-access-named-control-inside-xaml.html但解决scheme的肉recursion方法看起来像这样:
public void TestFirstName() { foreach (var item in MyFlipView.Items) { var _Container = MyFlipView.ItemContainerGenerator .ContainerFromItem(item); var _Children = AllChildren(_Container); var _FirstName = _Children // only interested in TextBoxes .OfType<TextBox>() // only interested in FirstName .First(x => x.Name.Equals("FirstName")); // test & set color _FirstName.Background = (string.IsNullOrWhiteSpace(_FirstName.Text)) ? new SolidColorBrush(Colors.Red) : new SolidColorBrush(Colors.White); } } public List<Control> AllChildren(DependencyObject parent) { var _List = new List<Control>(); for (int i = 0; i < VisualTreeHelper.GetChildrenCount(parent); i++) { var _Child = VisualTreeHelper.GetChild(parent, i); if (_Child is Control) _List.Add(_Child as Control); _List.AddRange(AllChildren(_Child)); } return _List; }
这里的关键问题是像这样的方法获取所有的孩子,然后在子控件的结果列表中,您可以search所需的特定控件。 合理?
现在回答你的问题!
因为您特别想要当前select的项目,您可以简单地更新代码,如下所示:
if (MyFlipView.SelectedItem == null) return; var _Container = MyFlipView.ItemContainerGenerator .ContainerFromItem(MyFlipView.SelectedItem); // then the same as above...
也许更通用的方法可能是这样的:
private List<Control> AllChildren(DependencyObject parent) { var _List = new List<Control>(); for (int i = 0; i < VisualTreeHelper.GetChildrenCount(parent); i++) { var _Child = VisualTreeHelper.GetChild(parent, i); if (_Child is Control) { _List.Add(_Child as Control); } _List.AddRange(AllChildren(_Child)); } return _List; } private T FindControl<T> (DependencyObject parentContainer, string controlName) { var childControls = AllChildren(parentContainer); var control = childControls.OfType<Control>().Where(x => x.Name.Equals(controlName)).Cast<T>().First(); return control; }
你会像这样调用FindControl:
var parentContainer = this.flipView.ItemContainerGenerator.ContainerFromItem(this.flipView.SelectedItem); var myImage = FindControl<Image>(parentContainer, "img1"); //suppose you want to change the visibility myImage.Visibility = Windows.UI.Xaml.Visibility.Collapsed;
访问DataTemplate中元素的简单解决scheme是将DataTemplate的内容包装在UserControl中,在其中您可以访问ItemsControl项目中的所有UI元素。 我认为FlipView通常虚拟化它的项目,所以即使你有100个项目绑定到它 – 只有2-3可能实际上在UI中有一个当前的表示(其中1-2隐藏),所以你必须记住,当你想replace任何东西,只有当一个项目被加载到控件中时才进行更改。
如果你真的需要确定一个代表ItemsSource项目的容器,你可以检查你的FlipView的ItemContainerGenerator属性和它的ContainerFromItem()方法。
要获得项目的坐标,可以使用WinRT XAML Toolkit中的GetBoundingRect()
扩展方法。
总体而言,根据您的评论,最好的方法可能是完全不同的。 如果您将FlipView绑定到源代码 – 通常可以通过更改绑定的源收集项目的属性来控制显示或覆盖的图像。
如果你只是想要项目上的屏幕坐标点击…你可以在图像上注册一个点击处理程序,然后使用senderimg.transform tovisual(null)这给你一个generaltransforn从中你可以得到当前的点坐标。
我一整天都在挣扎,似乎控件必须加载(呈现)才能从DataTemplate获得子控件。 这意味着你不能使用这个代码或任何代码(用于相同的目的)在窗口加载,初始化…你可以如何使用它后控制初始化例如SelectedItem。
我build议使用转换器,并在转换器中定义请求的操作,而不是直接控制访问。
所以,如果你通过绑定分配源为什么你不会做同样的rest: <FlipView SelectedIndex="{Binding SIndex}" SelectedItem="{Binding SItem}" SelectedValue="{Binding SValue}"/>
你必须先准备这个属性的地方。 它可能是从INotifyPropertyChanged
派生的类。
雇用MVVM为你工作,在XAML中最多。 当然在开始时似乎是更多的工作,但与MVVM更复杂的项目将是连贯和灵活的。