如何将ItemsControl的当前元素传递给子UserControl的ViewModel

我来给你捋捋怎么实现这个需求～首先明确你的场景：你有个Parent组件，对应的ParentViewModel里有一个ObservableCollection<string>类型的FileNames集合，现在要在Parent.xaml的ItemsControl中，把遍历到的当前文件名传递给子UserControlChild的ViewModel。

下面给你几种常用的实现方式，你可以根据项目情况选择：

方法一：直接把当前项设为Child的DataContext #

这是最简单直接的方式，ItemsControl的ItemTemplate里，默认的DataContext就是集合的当前元素。你可以直接把这个值传给Child的DataContext，这样ChildViewModel就能直接拿到这个字符串了。

Parent.xaml里的代码可以这么写：

<ItemsControl ItemsSource="{Binding FileNames}">
    <ItemsControl.ItemTemplate>
        <DataTemplate>
            <!-- 直接绑定当前项作为Child的DataContext -->
            <local:Child DataContext="{Binding}" />
        </DataTemplate>
    </ItemsControl.ItemTemplate>
</ItemsControl>

之后你的ChildViewModel如果是绑定到自身的，就能直接使用这个字符串值；如果Child有单独的ViewModel实例，也可以在Child的代码里把DataContext赋值给ViewModel的对应属性。

方法二：给Child定义专属的依赖属性 #

如果不想替换Child的DataContext（比如Child本身还有其他需要绑定的ViewModel属性），那可以给ChildUserControl专门加一个依赖属性，用来接收当前文件名。

首先在Child.xaml.cs里定义这个依赖属性：

public static readonly DependencyProperty CurrentFileNameProperty =
    DependencyProperty.Register(
        "CurrentFileName", 
        typeof(string), 
        typeof(Child), 
        new PropertyMetadata(null, OnCurrentFileNameChanged)
    );

public string CurrentFileName
{
    get { return (string)GetValue(CurrentFileNameProperty); }
    set { SetValue(CurrentFileNameProperty, value); }
}

// 可选：如果需要在属性变化时更新ViewModel，添加回调方法
private static void OnCurrentFileNameChanged(DependencyObject d, DependencyPropertyChangedEventArgs e)
{
    var child = d as Child;
    if (child?.DataContext is ChildViewModel viewModel)
    {
        viewModel.FileName = e.NewValue as string;
    }
}

然后在ChildViewModel里添加对应的FileName属性：

public class ChildViewModel
{
    public string FileName { get; set; }
    // 其他ViewModel逻辑...
}

最后在Parent.xaml里绑定这个属性就行：

<ItemsControl ItemsSource="{Binding FileNames}">
    <ItemsControl.ItemTemplate>
        <DataTemplate>
            <local:Child CurrentFileName="{Binding}" />
        </DataTemplate>
    </ItemsControl.ItemTemplate>
</ItemsControl>

方法三：通过RelativeSource明确绑定当前项 #

如果你的布局比较复杂，担心默认的DataContext被其他元素覆盖，也可以用RelativeSource找到ItemsControl的内容容器，再绑定它的DataContext：

<ItemsControl ItemsSource="{Binding FileNames}">
    <ItemsControl.ItemTemplate>
        <DataTemplate>
            <local:Child 
                CurrentFileName="{Binding DataContext, RelativeSource={RelativeSource AncestorType={x:Type ContentPresenter}}}" 
            />
        </DataTemplate>
    </ItemsControl.ItemTemplate>
</ItemsControl>

这种方式和第一种原理类似，但绑定路径更明确，在嵌套复杂的控件里更稳妥。

备注：内容来源于stack exchange，提问作者mre