如何基於DataTemplate的DataContext對象創建ViewModel？

Question

我一直在使用MVVM一段時間，而這個問題（如果它是一個問題）讓我一直難住。

我有一個綁定到一個集合在我MainViewModel

視圖模型

public class MainViewModel : ViewModelBase 
{ 
    public ObservableCollection<string> Names { get; set; } 
} 

XAML一個ItemsControl

<ItemsControl ItemsSource="{Binding Names}"> 
    <ItemsControl.ItemTemplate> 
    <DataTemplate> 
     <view:NameView /> 
    </DataTemplate> 
    </ItemsControl.ItemTemplate> 
</ItemsControl> 

每個DataContext屬性是字符串類型（直接綁定到模型的），但是如果我想將DataContext綁定到基於該屬性的ViewModel，該怎麼辦？我將如何去實例化ViewModel併爲其提供Model（字符串）。

我希望這是有道理的。

Answer 1

爲什麼不做以下幾點？

public ObservableCollection<NameViewModel> Names { get; set; } 

這似乎有點奇怪，但據我所知沒有一個針對VM明確禁止明知他人。

在您使用DI進行虛擬機解析的情況下，顯然您的設計必須進行調整。例如，您可以創建一個NamesView，這是一個UserControl，其公鑰爲DependencyProperty，其類型爲IEnumerable<string>。然後，NamesView的ViewModel綁定到這個DP ...

Answer 2

我想你在問關於數據模板匹配。

如果你想結合來選擇它在運行時使用，以呈現對象的數據模板，最簡單的方法是通過將模板的資源字典，並設置其DataType屬性，如：

<ItemsControl ItemsSource="{Binding Things}"> 
    <ItemsControl.Resources> 
    <DataTemplate DataType="{x:Type Thing1}"> 
     ... 
    </DataTemplate> 
    <DataTemplate DataType="{x:Type Thing2}"> 
     ... 
    </DataTemplate> 
    </ItemsControl.Resources> 
</ItemsControl> 

現在如果您的視圖模型，而不是一個Names財產，有Things屬性：

public ObservableCollection<object> Things { get; set; } 

你可以Thing1和填充集合10個對象和ItemsControl將呈現每個與適當的模板。

如果要根據屬性的值選擇不同的模板，還有幾種方法可以完成此操作。一個是編寫一個DataTemplateSelector，它可以非常精確地控制選擇哪個模板，但要求您實際編碼（以及測試和記錄）某些內容。

另一種是使用樣式來顯示和隱藏基於觸發器的內容。這實際上並沒有選擇不同的模板本身，但它完成了或多或少的相同的事情。將它放在您的項目模板中，當Name爲「Thing1」時將顯示一組內容，而當Name爲「Thing2」時將顯示另一組內容。

關於這種方法的非常好處是，不像模板選擇，這是動態的：如果在運行時的Name屬性值更改（和您的視圖模型實現了產權變更通知），因此將有什麼出現在風景。

<StackPanel> 
    <ContentControl> 
     <ContentControl.Style> 
     <Style TargetType="ContentControl"> 
      <Setter Property="Visibility" Value="Collapsed"/> 
      <Style.Triggers> 
       <DataTrigger Binding="{Binding Name}" Value="Thing1"> 
        <Setter Property="Visibility" Value="Visible"/> 
       </DataTrigger> 
      </Style.Triggers> 
     </Style> 
     </ContentControl.Style> 
     <!-- content to display when Name = Thing1 goes here --> 
    </ContentControl> 
    <ContentControl> 
     <ContentControl.Style> 
     <Style TargetType="ContentControl"> 
      <Setter Property="Visibility" Value="Collapsed"/> 
      <Style.Triggers> 
       <DataTrigger Binding="{Binding Name}" Value="Thing2"> 
        <Setter Property="Visibility" Value="Visible"/> 
       </DataTrigger> 
      </Style.Triggers> 
     </Style> 
     </ContentControl.Style> 
     <!-- content to display when Name = Thing2 goes here --> 
    </ContentControl> 
</StackPanel> 

最後，如果你正在試圖做的基礎上，Names集合中的字符串值在您的收藏實際上是創造不同的視圖模型是什麼，你做的是，在視圖模型。你可以這樣做：

public IEnumerable<object> ViewModels 
{ 
    get 
    { 
     foreach (string name in Names) 
     { 
     switch (name) 
     { 
      case "Thing1": yield return new Thing1ViewModel(name); 
      case "Thing2": yield return new Thing2ViewModel(name); 
      default: throw new InvalidOperationException(); 
     } 
     } 
    } 
} 

如果數值在運行時Names變化，你有一個實質上更復雜的問題：你需要實現ViewModels爲ObservableCollection<object>屬性，您可能需要只要去處理Names集合上的集合更改事件，並在添加，刪除或更改Names中的項目時更新ViewModels集合。