¿Cómo puedo mostrar mi control de usuario en MainWindow?

Question

Estoy tratando de construir una pequeña aplicación de prueba MVVM, pero realmente no puedo entender cómo mostrar mi control de usuario en MainWindow.

Mi Explorador de soluciones:

Tengo un diccionario de recursos:

<ResourceDictionary 
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
    xmlns:vm="clr-namespace:MVVM.ViewModel" 
    xmlns:vw="clr-namespace:MVVM.View"> 

    <DataTemplate DataType="{x:Type vm:ViewModel}"> 
     <vw:View /> 
    </DataTemplate> 

</ResourceDictionary> 

Tengo mi punto de vista:

<UserControl x:Class="MVVM.View.View" 
      xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
      xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
      xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
      xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
      mc:Ignorable="d" 
      d:DesignHeight="300" d:DesignWidth="300"> 
    <UserControl.Resources> 
     <DataTemplate x:Key="PersonTemplate"> 
      <StackPanel> 
       <TextBlock Text="{Binding FirstName}" /> 
      </StackPanel> 
     </DataTemplate> 
    </UserControl.Resources> 

    <ListBox ItemsSource="{Binding Path=Persons}" 
      ItemTemplate="{StaticResource PersonTemplate}" /> 
</UserControl> 

y Mi MainWindow

<Window x:Class="MVVM.MainWindow" 
     xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
     xmlns:vm="clr-namespace:MVVM.ViewModel" 
     Title="MainWindow" Height="350" Width="525"> 
    <Window.Resources> 
     <ResourceDictionary Source="MainWindowResources.xaml" /> 
    </Window.Resources> 

    <Grid> 

    </Grid> 
</Window> 

Answer 1

la manera más obvia y más fácil es agregar el elemento ContentControl:

<Grid> 
    <ContentControl x:Name="mainContentControl" /> 
</Grid> 

Y después de que establezca la propiedad Content de este control a su modelo de vista, y se cargará la vista correspondiente y se aplica de forma automática:

this.mainContentControl.Content = new ViewModel.ViewModel(); 

pero preferiría utilizar otra manera sin DataTemplates:

<Grid> 
    <vw:View x:Name="mainView"/> 
</Grid> 
this.mainView.DataContext = new ViewModel.ViewModel(); 

Answer 2

Cree su solución VS2010, luego, vaya a XAML de su MainWindow.

A la izquierda, hay una barra de herramientas con el botón "Caja de herramientas"

abrirlo, que contiene todos los posibles WPF controla usted podría agregar a su interfaz de usuario

Su control de usuario debe aparecer en la parte superior de la lista (probablemente en una categoría denominada "Controles" MVVM), sólo tienes que arrastrar & caer a su interfaz de usuario :)