如何在Visual Studio中的C ++ / WinRT中添加新的XAML“页面”及其相关的代码隐藏文件？

Question

有各种相关问题可以提示如何在Visual Studio中为WinRT / C ++项目正确添加新的XAML Page ，但没有一个是C ++ / WinRT特有的。 （即， 这里 ， 这里 ， 这里 。）

此外，尽管WinRT / C ++是对C ++ / CX的重大改进（在我看来），但几乎所有的Microsoft文档都使用C＃或C ++ / CX作为示例。

更糟糕的是，截至发布之日， 当您使用Visual Studio中的“添加项目”功能添加XAML Page ，即使对于WinRT / C ++项目，它也会在C ++ / CX中创建页面 。

最后，（截至此日期）Microsoft没有提供有关如何将新的XAML Page添加到WinRT / C ++项目的文档，至少我能找到（参见第一段）。

啊。

为了节省其他时间，我将这些提示拼凑在一起，并成功地将新的XAML Page正确添加到Visual Studio WinRT / C ++项目中。

我问并回答这个问题： 如何在Visual Studio中为WinRT / C ++项目添加新的XAML Page ？

---

附录

我错过了显而易见的事！ 事实证明，您可以使用Visual Studio来简单地添加WinRT / C ++ XAML Page 。 尽管看起来像我想的那样仔细（我想）。

答案＃2给出了（简单）正确的答案。

但我会保留这个问题并回答 - 如果其他人在同一条路径上犯了错误，并且无法在Visual Studio中找到在WinRT / C ++中添加XAML Page的选项。

Answer 1

我错过了显而易见的事！

事实证明，您可以使用Visual Studio来简单地添加WinRT / C ++ XAML页面。

尽管看起来像我想的那样仔细，我可以通过Visual Studio编辑器中的选项，但我错过了WinRT / C ++项目的XAML模板的位置。

所以，为了完整起见，我会粘贴截图。

---

以下是如何向现有的WinRT / C ++项目添加新的XAML Page ，详细说明。

步骤1 ：右键单击解决方案，然后在菜单/子菜单中导航到Add New Item...

不要选择XAML节点。

...选择ROOT NODE：

如果您在Add New Item...条目中选择'XAML'节点，它就是这样的：

---

底线

我失去了几个小时，因为我认为单击Add New Item...对话框中的'XAML'节点是一个好主意，以过滤到仅与XAML相关的模板。

不幸的是，组件的WinRT / C ++版本的XAML模板不存在于该列表中（截至我写这篇文章的那一天）。 您必须单击根节点才能看到它。

我会留下我的另一个答案，以防它对任何人都有用。

但是这个答案描述了将新的XAML Page添加到WinRT / C ++项目的（平凡的）正确方法 - 使用Visual Studio编辑器Add New Item... ，如预期的那样。

Answer 2

为了节省其他时间，我将这些提示拼凑在一起，并成功地将新的XAML Page正确添加到Visual Studio WinRT / C ++项目中。

这是答案。

图片价值数千字，所以这里是步骤。

• 在Visual Studio中保存并关闭项目
• 在文本编辑器中手动打开.vcxproj和.vcxproj.filters文件

• 假设我们已经有了默认页面MainPage.xaml及其相关的.idl和代码隐藏文件。 在以下步骤中，我们将创建一个名为LoginPage的新XAML页面及其关联文件。
• 无需为LoginPage实际创建文件 - 我们将在最后的步骤中执行此操作。 现在就编辑.vcxproj和.vcxproj.filters文件。
• 在这两个文件中，我们将复制包含对MainPage的引用的每个块 ，并将其修改为读取LoginPage 。
• 首先编辑.vcxproj文件

块1 ： LoginPage.cpp代码隐藏依赖关系 - LoginPage.xaml关系

我们从这开始：

...修改块以为LoginPage添加一个部分，结果如下：

块2 ： LoginPage.h代码隐藏依赖关系 - LoginPage.xaml关系

我们从这开始：

...修改块以为LoginPage添加一个部分，结果如下：

第3块 ：让Visual Studio知道将Designer用于LoginPage.xaml （我想！）

我们从这开始：

...修改块以为LoginPage添加一个部分，结果如下：

块2 ： LoginPage.idl代码隐藏依赖关系 - LoginPage.xaml关系

我们从这开始：

...修改块以为LoginPage添加一个部分，结果如下：

• 继续编辑.vcxproj.filters文件

第1块 ：告诉Visual Studio在解决方案资源管理器中包含LoginPage.xaml （我想！）

我们从这开始：

...修改块以为LoginPage添加一个部分，结果如下：

第2块 ：告诉Visual Studio在解决方案资源管理器中包含LoginPage.idl （我想！）

我们从这开始：

...修改块以为LoginPage添加一个部分，结果如下：

第3块 ：告诉Visual Studio将LoginPage.cpp编译为该项目的一部分（我想！）

我们从这开始：

...修改块以为LoginPage添加一个部分，结果如下：

• 您已完成编辑.vcxproj和.vcxproj.filters文件。 保存并关闭它们。
• 其余的很简单。 只需复制MainPage文件即可创建所有四个LoginPage文件。

我们从项目中的这些文件开始：

...复制4（突出显示的） MainPage文件，并将它们重命名为LoginPage ，我们最终得到这些文件：

• 对于最后一步，您必须在文本编辑器 （而不是Visual Studio）中实际打开四个新的LoginPage文件中的每一个 ，并对文本MainPage进行搜索和替换 ，并使用LoginPage替换。

  在搜索中， DO匹配大小写，但是不要匹配'仅全字'（即，有一些数据类型将MainPage作为名称的一部分，例如MainPageT ，这些也必须被搜索 - 和 -代替）。

  通过粘贴实际源代码文件的屏幕截图，我不会厌烦你。

• 在所记录的四个文件中使用LoginPage替换所有出现的MainPage ，保存并关闭该文件。

• 你完成了！

在Visual Studio中打开解决方案，注意美观：

解决方案资源管理器现在显示我们的LoginPage.xaml文件及其代码隐藏文件，正确嵌套：

...并按F7构建项目会导致成功构建：

......它也成功运行 - 与之前的情况完全不同。

这是因为，当然，你还没有使用LoginPage完成任何事情 - 它没有出现在你的用户界面中 - 但它可以在代码中使用，我会让你从这里拿走它！

感谢我微软已经发布了优秀的WinRT / C ++功能 - 至少......令人沮丧...至少 - 截至此日期， 没有办法将新的XAML Page添加到WinRT / C ++项目使用Visual Studio标准工具（例如Add Item选项），据我所知。 更令人沮丧的是......也没有任何文件可以解释如何做到（我能找到）。

我确信希望我的问题和答案很快就会变得无关紧要，并且微软会同时添加工具和文档。 将新的XAML Page添加到Visual Studio中的现有WinRT / C ++项目中。

或许我错了？ 也许已经可以轻松地做到这一点，而我却找不到它？

我希望这可以帮助某人，以防万一！