28

我有这个翻转视图：

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

4

6 回答 6

56

您遇到的问题是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...
于 2013-05-08T17:24:22.923 回答
13

也许更通用的方法可能是这样的：

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;
于 2013-08-29T22:07:23.820 回答
3

访问 DataTemplate 中的元素的简单解决方案是将 DataTemplate 的内容包装在 UserControl 中，您可以在其中访问 ItemsControl 项中的所有 UI 元素。我认为 FlipView 通常会虚拟化其项目，因此即使您绑定了 100 个项目 - 只有 2-3 个项目实际上可能在 UI 中具有当前表示（其中 1-2 个是隐藏的），因此您必须记住，当您想要替换任何内容，并且仅在将项目加载到控件中时才实际进行更改。

如果您确实需要识别表示 ItemsSource 中项目的项目容器 - 您可以检查 FlipView 的ItemContainerGenerator属性及其ContainerFromItem()方法。

要获取项目的坐标，您可以使用GetBoundingRect()WinRT XAML Toolkit 中的扩展方法。

但是，总的来说，根据您的评论，最好的方法实际上可能完全不同。如果您将 FlipView 绑定到源 - 您通常可以通过更改绑定源集合项的属性来控制显示或覆盖的图像。

于 2013-05-05T04:21:44.820 回答
0

我整天都在苦苦挣扎，似乎必须加载（渲染）控件才能从 DataTemplate 中获取它的子控件。这意味着您不能在加载、初始化的窗口上使用此代码或任何代码（出于相同目的）......您可以在控件初始化后使用它，例如在 SelectedItem 上。

我建议使用转换器并在转换器中定义请求的操作，而不是直接控制访问。

于 2015-01-23T12:23:13.007 回答
0

如果您只想要项目单击时的屏幕坐标...您可以在图像上注册一个单击处理程序，然后使用 senderimg.transform tovisual(null) 这为您提供了一个通用转换，您可以从中获取当前点坐标。

于 2013-05-16T19:27:30.963 回答
0

因此，如果您通过绑定分配 Source，为什么您不对 rest 做同样的事情： <FlipView SelectedIndex="{Binding SIndex}" SelectedItem="{Binding SItem}" SelectedValue="{Binding SValue}"/>

你必须首先为这个属性准备地方。它可能是一个派生自INotifyPropertyChanged.

聘请MVVM为您工作，在 XAML 中完成大部分工作。当然，一开始它似乎需要更多的工作，但是随着使用 MVVM 的更复杂的项目将是连贯和灵活的。

于 2016-10-20T10:56:50.317 回答