如何访问XAML DataTemplate中的控件？

小编典典

如何访问XAML DataTemplate中的控件？

我有这个翻转视图：

<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>

我想找到当前选定索引的img1。在搜索它时，我在这里的一些帖子中找到了此方法：

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的第一个索引上的Image，但我需要当前选择的索引上存在的图像。我尝试编辑此方法，但找不到所需的控件。谁能帮我？

阅读 414

2020-05-19

共1个答案

小编典典

您遇到的问题DataTemplate是重复，并且内容正在生成FlipView。在Name不被暴露，因为它将与已生成的上一个兄弟（或下一个将要）发生冲突。

因此，要在中获得命名元素，DataTemplate您必须首先获取生成的项目，然后在生成的项目内部搜索所需的元素。请记住，XAML中的逻辑树是您按名称访问事物的方式。生成的项目不在逻辑树中。而是，它们在可视树中（所有控件都在可视树中）。这意味着您必须在可视树中搜索要引用的控件。将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...

2020-05-19