UWP突然丢失了TabView

昨天我试图在我的UWP项目中实现一个TabView，但它没有出现在工具箱中，如果我通过代码添加它，它会说

Windows通用项目中不支持TabView

尽管网站上的文档是相当新和清晰的：

我将UWP要求放在最新的Windows10版本上。运行Visual Studio 2019 Enterprise

非常感谢您提供更多信息或帮助。

从这个选项卡视图中，您可以看到选项卡视图位于Microsoft.UI.Xaml.Controls命名空间下，并应用于WinUI。因此，您需要安装Microsoft.UI.Xamlnuget软件包，并将Windows UI（WinUI）主题资源添加到您的App.Xaml资源中。然后在xaml中添加名称空间以使用它

App.xaml：

<Application ...>
    <Application.Resources>
        <XamlControlsResources xmlns="using:Microsoft.UI.Xaml.Controls" />
    </Application.Resources>
</Application>

MainPage.xaml：

<Page
    ......
    xmlns:control="using:Microsoft.UI.Xaml.Controls">

    <Grid>
        <control:TabView HorizontalAlignment="Stretch" VerticalAlignment="Stretch">
            ......
        </control:TabView>
    </Grid>
</Page>

......

从这个选项卡视图中，您可以看到选项卡视图位于Microsoft.UI.Xaml.Controls命名空间下，并应用于WinUI。因此，您需要安装Microsoft.UI.Xamlnuget软件包，并将Windows UI（WinUI）主题资源添加到您的App.Xaml资源中。然后在xaml中添加名称空间以使用它

App.xaml：

<Application ...>
    <Application.Resources>
        <XamlControlsResources xmlns="using:Microsoft.UI.Xaml.Controls" />
    </Application.Resources>
</Application>

MainPage.xaml：

<Page
    ......
    xmlns:control="using:Microsoft.UI.Xaml.Controls">

    <Grid>
        <control:TabView HorizontalAlignment="Stretch" VerticalAlignment="Stretch">
            ......
        </control:TabView>
    </Grid>
</Page>

......

这很让人困惑，但在UWP应用程序中可以使用（至少）两个选项卡：

xmlns:muxc=“使用：Microsoft.UI.Xaml.Controls”
...

和来自windows社区工具包的

xmlns:controls=“使用：Microsoft.Toolkit.Uwp.UI.controls”
...

他们看起来不一样。toolkit版本更为平坦，并且对某些属性的命名和层次结构略有不同

---

如果您不小心阅读的是哪一个文档，那么最终可能会得到这两个类的属性层次结构的无效混合代码。

这让人困惑，但在UWP应用程序中可以使用（至少）两个选项卡：

xmlns:muxc=“使用：Microsoft.UI.Xaml.Controls”
...

和来自windows社区工具包的

xmlns:controls=“使用：Microsoft.Toolkit.Uwp.UI.controls”
...

他们看起来不一样。toolkit版本更为平坦，并且对某些属性的命名和层次结构略有不同

---

如果您不小心阅读的是哪一个文档，那么最终可能会得到两个类的属性层次结构的无效混合代码。

当您安装Microsoft.UI.Xaml nuget软件包时，您会注意到，在

VS2019

的左窗格中，

NuGet-Solution

旁边出现了一个文件

readme.txt

。该文件说明了需要添加到

App.xaml

文件中的内容。安装Microsoft.UI.xaml nuget软件包时，您会注意到在

VS2019

的左窗格中，

nuget-Solution

旁边出现了一个文件

readme.txt

。该文件说明了需要添加到

App.xaml

文件中的内容。