web-dev-qa-db-ja.com

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

フリップビューの最初のインデックスの画像が返されますが、現在選択されているインデックスにある画像が必要です。このメソッドを編集しようとしましたが、必要なコントロールが見つかりません。誰も私を助けることができますか?

25
Tehreem

あなたが経験している問題は、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...
52
Jerry Nixon

多分もう少し一般的なアプローチはこのようなものかもしれません:

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;         
13
user1466108

DataTemplate内の要素にアクセスするための簡単なソリューションは、DataTemplateのコンテンツをUserControlにラップすることです。ここでは、ItemsControlのアイテム内のすべてのUI要素にアクセスできます。 FlipViewは通常、アイテムを仮想化するので、100個のアイテムがバインドされている場合でも、実際にUIに表示されるのは2〜3個(1〜2個が非表示)であるため、何かを置き換え、項目がコントロールにロードされたときにのみ実際に変更を加えます。

ItemsSourceのアイテムを表すアイテムコンテナを本当に識別する必要がある場合は、FlipViewの ItemContainerGenerator プロパティとその ContainerFromItem() メソッドを確認できます。

アイテムの座標を取得するには、WinRT XAMLツールキットの GetBoundingRect() 拡張メソッドを使用できます。

しかし全体的には、あなたのコメントに基づいて、最良のアプローチは実際には完全に異なる可能性があります。 FlipViewをソースにバインドする場合-通常、バインドされたソースコレクションアイテムのプロパティを変更することにより、表示またはオーバーレイされる画像を制御できます。

3
Filip Skakun

私はこの1日に苦労していましたが、DataTemplateから子コントロールを取得するために、コントロールをロード(レンダリング)する必要があるようです。これは、このコードまたは任意のコード(同じ目的で)をウィンドウの読み込み、初期化で使用できないことを意味します。

直接制御アクセスの代わりに、コンバーターを使用して、コンバーターで要求されたアクションを定義することをお勧めします。

0
autodev101

アイテムクリックの画面座標だけが必要な場合...画像にクリックハンドラーを登録して、senderimg.transform tovisual(null)を使用すると、現在のポイント座標を取得できる一般的な変換が提供されます。

0
gaurav5430

バインディングを介してSourceを割り当てた場合、残りの部分で同じことをしないのはなぜですか:<FlipView SelectedIndex="{Binding SIndex}" SelectedItem="{Binding SItem}" SelectedValue="{Binding SValue}"/>

まず、このプロパティの場所を準備する必要があります。 INotifyPropertyChangedから派生したクラスの場合があります。

採用[〜#〜] mvvm [〜#〜]はあなたのために働きます。ほとんどはXAMLで行います。もちろん、最初はもっと手間がかかるようですが、MVVMを使用したより洗練されたプロジェクトでは、一貫性と柔軟性が得られます。

0
Slav Siwek