Question

我正在努力进军WPF和MVVM。我需要一个用作pseduo对话框的usercontrol - 它在应用程序部分（选项卡）上“对话”，但允许用户仍然切换到应用程序的其他区域。

我正在尝试通过我的TabDialog UserControl完成此操作。目前它看起来像：

<Grid
     Visibility="{Binding ShowAvailable, Converter={StaticResource BoolToVis}}">
    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="*"/>
        <ColumnDefinition Width="Auto"/>
        <ColumnDefinition Width="*"/>
    </Grid.ColumnDefinitions>
    <Grid.RowDefinitions>
        <RowDefinition Height="*"/>
        <RowDefinition Height="Auto"/>
        <RowDefinition Height="*"/>
    </Grid.RowDefinitions>

    <StackPanel
        Grid.Row="0"
        Grid.Column="0"
        Grid.RowSpan="3"
        Grid.ColumnSpan="3"
        Background="black"
        Opacity=".5"
        />

    <Label Background="Red" 
           Grid.Row="1"
           Grid.Column="1"
           Content="{Binding ShowAvailable}"></Label>
</Grid>

其中ShowAvailable是父{4}上Bool的{{1}}，并在此控件中继承。

我现在的问题是，因为我想在不同的“对话框”视图中重复使用此控件，我想传入它应该显示的视图（将替换DataContext）。如何将父ViewModel定义的usercontrol发送到此视图中并显示它？

感谢您提供任何指导。

Answer 1

这可以使用DataTemplates和ContentControls完成。由于Content控件未指定ContentTemplate，因此它根据绑定的viewmodel的类型确定哪个DataTemplate。因此，要更改正在使用的视图，只需更改要绑定的对象的类型。

<Grid Visibility="{Binding ShowAvailable, Converter={StaticResource BoolToVis}}">
    <Grid.Resources>
        <DataTemplate DataType="LabelViewModel">
            <wpfApplication1:MyUserControl />
        </DataTemplate>
        <DataTemplate DataType="NonLabelViewModel">
            <wpfApplication1:OtherUserControl />
        </DataTemplate>
    </Grid.Resources>
    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="*"/>
        <ColumnDefinition Width="Auto"/>
        <ColumnDefinition Width="*"/>
    </Grid.ColumnDefinitions>
    <Grid.RowDefinitions>
        <RowDefinition Height="*"/>
        <RowDefinition Height="Auto"/>
        <RowDefinition Height="*"/>
    </Grid.RowDefinitions>

    <StackPanel
    Grid.Row="0"
    Grid.Column="0"
    Grid.RowSpan="3"
    Grid.ColumnSpan="3"
    Background="black"
    Opacity=".5"
    />
    <ContentControl Content="{Binding ViewModelObject}" />
</Grid>

LabelViewModel和NonLabelViewModel将是您要定义的ViewModel，（并添加到网格绑定到的父视图模型，作为名为ViewModelObject的属性） MyUserControl和OtherUserControl将是用户控件，用于存放应与每种ViewModel类型相对应的UI。

发送UserControl以查看以动态显示

1 个答案: