如何访问XAML DataTemplate中的控件?
本文关键字:DataTemplate 控件 XAML 何访问 访问 | 更新日期: 2023-09-27 18:12:11
我有这个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>
我想找到当前选定索引的imag1。在寻找它的时候,我在一些帖子上发现了这个方法:
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的第一个索引的图像,但我需要一个存在于当前选定的索引..我试图编辑此方法,但我无法找到所需的控件。有人能帮我吗?
您遇到的问题是DataTemplate
在重复,而内容是由FlipView
生成的。Name
没有暴露,因为它会与之前生成的兄弟(或下一个将要生成的)冲突。
因此,要在DataTemplate
中获得命名元素,您必须首先获得生成的项,然后在生成的项中搜索您想要的元素。请记住,XAML中的逻辑树是按名称访问事物的方式。生成的项不在逻辑树中。相反,它们在可视化树中(所有控件都在可视化树中)。这意味着您必须在Visual Tree中搜索要引用的控件。VisualTreeHelper
允许您这样做。
现在,怎么做呢?
我为此写了一篇文章,因为这是一个反复出现的问题:http://blog.jerrynixon.com/2012/09/how-to-access-named-control-inside-xaml.html但解决方案的核心是一个递归方法,看起来像这样:
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;
}
这里的关键问题是这样的方法获得所有的子控件,然后在子控件的结果列表中您可以搜索您想要的特定控件。有意义吗?
现在回答你的问题!
因为您特别需要当前选中的项,所以您可以简单地像这样更新代码:
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中的元素的简单解决方案是将DataTemplate的内容包装在UserControl中,在那里您可以访问ItemsControl项中的所有UI元素。我认为FlipView通常会虚拟化它的项目,所以即使你有100个项目绑定到它-只有2-3可能实际上在UI中有一个当前的表示(其中1-2隐藏),所以你必须记住,当你想要替换任何东西时,只有在一个项目加载到控件中时才实际进行更改。
如果你真的需要识别一个代表ItemsSource中的项目的项目容器-你可以检查你的FlipView的ItemContainerGenerator属性和它的ContainerFromItem()方法。
要获得一个项目的坐标,您可以使用WinRT XAML工具包中的GetBoundingRect()
扩展方法。
如果你只是想要项目的屏幕坐标点击…您可以在图像上注册一个点击处理程序,然后使用发送。Transform tovisual(null)这给你一个通用的转换,你可以从中得到当前点的坐标
我挣扎了一整天,似乎该控件必须加载(渲染),以便从DataTemplate获得它的子控件。这意味着你不能使用此代码或任何代码(用于相同的目的)在窗口加载,初始化…您可以在控件初始化后使用它,例如在SelectedItem上。
我建议使用转换器并在转换器中定义请求的操作,而不是直接控制访问。
那么,如果你通过绑定来分配Source,为什么不对rest做同样的事情呢?<FlipView SelectedIndex="{Binding SIndex}" SelectedItem="{Binding SItem}" SelectedValue="{Binding SValue}"/>
您必须首先为这些属性准备好位置。它可能是一个从INotifyPropertyChanged
派生的类。
聘请MVVM为您工作,在XAML中做得最多。当然,在开始的时候,它似乎是更多的工作,但随着更复杂的项目与MVVM将是连贯和灵活的。