Как получить доступ к элементу управления внутри XAML DataTemplate?

Ответ 1

Проблема, с которой вы столкнулись, заключается в том, что 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...

Ответ 2

возможно, более общий подход может быть примерно таким:

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;         

Ответ 3

Простым решением для доступа к элементам в DataTemplate является объединение содержимого DataTemplate в UserControl, где вы получаете доступ ко всем элементам пользовательского интерфейса в элементе ItemsControl. Я думаю, что FlipView обычно виртуализирует свои элементы, даже если у вас есть 100 элементов, связанных с ним - только 2-3 могут фактически иметь текущее представление в пользовательском интерфейсе (1-2 из них скрыты), поэтому вы должны помнить, что, когда вы хотите заменить что-нибудь и только на самом деле внести изменения, когда элемент загружен в элемент управления.

Если вам действительно нужно идентифицировать контейнер товаров, который представляет элемент в ItemsSource, вы можете проверить свойство FlipView ItemContainerGenerator и его метод ContainerFromItem().

Чтобы получить координаты элемента, вы можете использовать метод расширения GetBoundingRect() в WinRT XAML Toolkit.

В целом, однако, исходя из вашего комментария, может быть, что лучший подход на самом деле совершенно другой. Если вы привязываете свой FlipView к источнику - обычно вы можете управлять изображениями, отображаемыми или наложенными, изменяя свойства связанных элементов коллекции источников.

Ответ 4

Если вы просто хотите, чтобы координаты экрана на клике пункта... Вы можете зарегистрировать обработчик кликов на изображении, а затем использовать senderimg.transform tovisual (null), это даст вам общее состояние, из которого вы можете получить текущие координаты точки.

Ответ 5

Я весь день боролся с этим, и кажется, что элемент управления должен загружаться (визуализироваться), чтобы получить его дочерние элементы управления из DataTemplate. Это означает, что вы не можете использовать этот код или любой код (с той же целью) в загруженном окне, инициализированном... Вы можете использовать его после инициализации элемента управления, например, на SelectedItem.

Я предлагаю использовать конвертеры и определять запрошенное действие в конвертере вместо прямого доступа к управлению.

Ответ 6

Итак, если вы назначили источник через привязку, почему бы вам не сделать то же самое с отдыхом: <FlipView SelectedIndex="{Binding SIndex}" SelectedItem="{Binding SItem}" SelectedValue="{Binding SValue}"/>

Вы должны сначала подготовить место для этой недвижимости. Это может быть класс, полученный из INotifyPropertyChanged.

Возьмите MVVM для работы на вас, сделайте больше всего в XAML. Конечно, в начале, похоже, больше работы, но с более сложным проектом с MVVM будет согласованным и гибким.