Question

其他程序员。我正在尝试使用选项卡式界面构建我的第一个WPF应用程序。我决定不依赖任何MVVM框架，因为我只是开始我的旅程。

我找到了不少教程，但无法让WPF为视图模型选择正确的视图。

我所拥有的是Shell视图，底层DataContext的ObservableCollection是我的＆＃34; Tabs viewmodels＆＃34;：

    Shell.Xaml
    <Controls:MetroWindow x:Class="WpfApplication1.View.Shell"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Title="Shell" Height="327" Width="667"
    xmlns:Controls="clr-namespace:MahApps.Metro.Controls;assembly=MahApps.Metro"
    xmlns:v="clr-namespace:WpfApplication1.View"
    xmlns:vm="clr-namespace:WpfApplication1.ViewModel"
    >
<Grid>
    <TabControl ItemsSource="{Binding Pages}">
        <TabControl.ItemTemplate>
            <DataTemplate>
                <TextBlock Text="{Binding DisplayName}" />
            </DataTemplate>
        </TabControl.ItemTemplate>
        <TabControl.Resources>
            <DataTemplate DataType="x:Type vm:FirstPageModel">
                <v:FirstPageView />
            </DataTemplate>
            <DataTemplate DataType="x:Type vm:SecondPageModel">
                <v:SecondPageView />
            </DataTemplate>
        </TabControl.Resources>
    </TabControl>
</Grid>

我所有人 - 在tabcontrol的tab中获取我的观点。但是，无论我在哪里放置我的DataTemplate（window.resources，tabcontrol.resources等），我只能得到这样的东西： screenshot

据我所知 - 不知何故WPF没有看到我的观点，但我不明白为什么。我的观点＆＃34;是简单的UserControls，如下所示：

    <UserControl x:Class="WpfApplication1.View.FirstPageView"
         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">
<Grid>
    <TextBlock Text="{Binding Message}" Margin="36,131,47,127" />  
</Grid>

相应的ViewModel是：

        public class FirstPageModel:BaseViewModel
            {
                public override string DisplayName
                {
                    get
                    {
                        return "First page";
                    }
                }
                public string Message { get { return "Hi from " + DisplayName; } }
            }

有人可以告诉我我的代码有什么问题吗？

编辑：

ShellViewModel：

        public class ShellViewModel : BaseViewModel
{
    public override string DisplayName
    {
        get
        {
            return "First";
        }
    }
    private ObservableCollection<BaseViewModel> pages;
    public ObservableCollection<BaseViewModel> Pages
    {
        get{
            if(this.pages==null)
            {
                this.pages = new ObservableCollection<BaseViewModel>{
                    new FirstPageModel(),
                    new SecondPageModel()
                };
            }
            return this.pages;
        }
    }
}

App.xaml.cs：

public partial class App : Application
{
    protected override void OnStartup(StartupEventArgs e)
    {
        base.OnStartup(e);
        Shell sh = new Shell();
        ShellViewModel shvm = new ShellViewModel();
        sh.DataContext = shvm;
        sh.Show();
    }
}

Answer 1

DataTemplate定义不正确。您必须使用带有x:Type属性值的DataType标记扩展名的大括号：

<TabControl ItemsSource="{Binding Pages}">
    <TabControl.ItemTemplate>
        <DataTemplate>
            <TextBlock Text="{Binding DisplayName}" />
        </DataTemplate>
    </TabControl.ItemTemplate>
    <TabControl.Resources>
        <!-- Use curly braces for x:Type markup extension -->
        <DataTemplate DataType="{x:Type vm:FirstPageModel}">
            <v:FirstPageView />
        </DataTemplate>
        <DataTemplate DataType="{x:Type vm:SecondPageModel}">
            <v:SecondPageView />
        </DataTemplate>
    </TabControl.Resources>
</TabControl>

WPF隐式datatemplate不显示视图

1 个答案: