解决vs2019中暂时无法为.net core WinForms使用 Designer 的临时方法

r囧r小猫 2021-12-16 05:37 290阅读 0赞

*  解决vs2019中暂时无法为.net core WinForms使用 Designer 的临时方法
 *  安装 vs 2019 professional/enterprise版本
 *  在vs的设置里，勾选.NET core下的"Use preview SDK"
 *  使用vs自带的模板，选择其中的 .net core forms 创建Project, 取名为"CoreHelloForm"
 *  在刚创建的Solution中使用vs自带的模板，选择其中的.net framework forms添加新的project，取名为"CoreHelloForm.Designer"
 *  将.net core form下的Form1 重命名为 MainForm
 *  测试从命令行是否能正常 build `.net core`项目
 *  删除项目`CoreHelloForm.Designer`中所有Form1相关的文件
 *  在项目\`CoreHelloForm.Designer中以"As Link"的方式引用.net core form项目下的MainForm相关文件
 *  从Extension market下载并安装扩展 File Nesting
 *  使用 File Nesting来修改 Link 的 MainForm相关文件的层次关系.
 *  再进行一次重命名
 *  重设启动项项目
 *  关闭 Solution中 项目CoreHelloForm.Designer中`MainForm`的干扰文件
 *  试用 Designer

## 解决vs2019中暂时无法为.net core WinForms使用 Designer 的临时方法 ##

以下方法来自于微软github开源项目WinForms:

[dotnet/winforms - Using the Classic WinForms Designer in WinForms Core][dotnet_winforms - Using the Classic WinForms Designer in WinForms Core], 请放心使用 .

目前.net core下的 Windows Forms的可视化设计器(Designer)尚不可用，后续的Visual Studio 2019 Update才会支持该部分的功能。不过目前我们想在vs2019中使用 Designer，有一种临时解决方法。

可以使用Visual Studio来处理链接文件(Link files)的功能，并将其WinForms Designer用于Classic Framework (即.net Framework的Win Forms项目)。

具体的解决方法是在同一个 `Solution`下创建两个项目：

*  用于设计WinForms应用程序的.NET Framework应用程序(.net Framework 项目)
 *  用于运行WinForms应用程序的.NET Core应用程序(.net core项目)

而两个应用程序(.net core项目和相应.net Framework 项目)都将引用相同的文件。  
此篇文章有关于WPF的姊妹篇[解决VS2019中.net core WPF 暂时无法使用 Designer 的临时方法][VS2019_.net core WPF _ Designer] ，但对WPF而言实现起来比WinForms简单很多。核心思想同样是借壳~

在该方法中，只要添加新的`Win Form`或新的`UserControl`，就需要在`Classic Framework WinForms`项目(.net Framework的Win Forms项目)中重新设置`Form`文件的嵌套层级关系，推荐使用Mad Kristensen的[文件嵌套扩展][Link 1]来完成这件事，而不是使用文本编辑器来修补项目文件(`.csproj`文件)，建议事先安装好该`vs`插件。

**完整步骤:**

## 安装 vs 2019 professional/enterprise版本 ##

先安装 vs 2019 professional/enterprise版本，安装好.net core 3.0 SDK，此时试着创建一个.net core下的 win forms 应用，

![img][]

设置好相关项目名和存放路径后，会弹出:

![img2-BravoYeung][]  
下一步骤，`勾选.NET core下的"Use preview SDK"`会解决这个问题。

当然也可使用命令行/Powershell来创建。

*  打开命令行/Powershell
 *  使用cd命令，切换到自己平时存vs项目的路径(比如我切换到`D:\Coding`)
 *  输入命令`dotnet new winform --name "CoreFormDemo"`

![creating-winForms-using-CMD][]

## 在vs的设置里，勾选.NET core下的"Use preview SDK" ##

![img3][]

设置完，重启vs才能生效。  
此时用vs打开刚才的`Solution`即可。

## 使用vs自带的模板，选择其中的 .net core forms 创建Project, 取名为"CoreHelloForm" ##

![1555742184205-BravoYeung][]

![1555742223738][]

此时的文件目录为:

![1555742304164][]

## 在刚创建的Solution中使用vs自带的模板，选择其中的.net framework forms添加新的project，取名为"CoreHelloForm.Designer" ##

![1555742345380][]

![436938-20190420171907747-1333492614.png][]

![1555742418769][]

此时`Solution`中的文件目录为:

![1555742466296][]

## 将.net core form下的Form1 重命名为 MainForm ##

![Rename1][]

![rename2-BravoYeung][]

此时，选中 .net core form项目，右键选择 “Set as start up project”，按F5运行项目，可看到窗体:

![1555743593850][]

然后点窗体右上角的`x`关闭按钮，停止运行.

## 测试从命令行是否能正常 build `.net core`项目 ##

右键 .net core form项目，点击"Open Folder in File Explorer",

![1555743805105][]

![1555743877296][]

删除此处的`bin` 文件夹

在上方地址栏输入`cmd` 进入命令行:

![cmd-enter][]

输入`dotnet --version`，看是否能看到具体.net core版本，如果没问题，继续下面的步骤。

输入`dotnet build`

![1555744288015][]

此时，回到文件目录`D:\Coding\csProj\CoreHelloForm\CoreHelloForm\bin\Debug\netcoreapp3.0`，双击其中的exe文件，窗体能正常打开。

![1555744416951][]

## 删除项目`CoreHelloForm.Designer`中所有Form1相关的文件 ##

接着选中`.net framework`项目`CoreHelloForm.Designer`下的`Form1`，右键点击"Delete"，

![1555744591913][]

会出现下面这个警告框，点`OK`。

## 在项目\`CoreHelloForm.Designer中以"As Link"的方式引用.net core form项目下的MainForm相关文件 ##

选中项目`CoreHelloForm.Designer`，右键Add，选"Existing Item"

![1555744760875][]

打开文件选择框之后，选择.net core项目`CoreHelloForm`下的下图中高亮的3个文件.

![Add As Link][]

点击`Add As Link`。

## 从Extension market下载并安装扩展 File Nesting ##

下载地址: [File Nesting for VS][Link 1]  
下载到的文件是`File_Nesting_v2.6.85.vsix`, 关闭vs，双击，勾选上相应版本的vs安装即可~  
![file-nesting][]

## 使用 File Nesting来修改 Link 的 MainForm相关文件的层次关系. ##

先选中文件`MainForm.Designer.cs`和`MainForm.resx`，然后右键点击 "File Nesting" -> "Auto-nest selected items"

![1555745085481][]

再右键点击 "File Nesting" -> "Nest item"，选择 `MainForm`

![1555745243570][]

点 `OK`继续.

## 再进行一次重命名 ##

将`.Designer`项目下的`Program.cs`中的`Form1`改为`MainForm`.

![Rename3][]

## 重设启动项项目 ##

选中项目CoreHelloForm.Designer，右键 Rebuild, 选中.net framework项目CoreHelloForm.Designer，右键选择 “Set as start up project”.

## 关闭 Solution中 项目CoreHelloForm.Designer中`MainForm`的干扰文件 ##

此时，如果试着双击项目CoreHelloForm.Designer中的`MainForm.cs`，会弹出如下警告。

![1555746088721][]

那是因为项目CoreHelloForm.Designer中的`MainForm.cs` 所Link 的与MainForm相关的文件已经在 项目CoreHelloForm 中 打开。

我们将已打开的文件中与项目`CoreHelloForm.Designer`中Form相关的文件都关闭掉，比如：

![1555745903085][]

## 试用 Designer ##

现在，再双击项目CoreHelloForm.Designer中的`MainForm.cs`，就能看到 Designer 了。

![1555745954211][]

此时，可以进行可视化编辑了。

比如，我做了如下几处修改:

*  改掉 Form的 Title

![1555746855153][]

*  改掉文本框的内容.

![1555746929894][]

*  改掉窗体的图标(icon)

![1555746969076][]

按`F5`，运行的效果图为:

![1555746682182][]

项目代码已推到`github`，欢迎`Fork`和`star`.  
传送门: [.netCore-WinForms\_Designer][.netCore-WinForms_Designer] , 如果觉得自己配置起来麻烦，也可以 clone 下来自己体验一把喔~

在本文发表之后，[zonciu][]发表了另一种方法: [https://www.cnblogs.com/zonciu/p/10745152.html][https_www.cnblogs.com_zonciu_p_10745152.html] (首发于[https://github.com/dotnet/winforms/issues/147\#issuecomment-468992959][https_github.com_dotnet_winforms_issues_147_issuecomment-468992959])，但那样操作之后项目类型不再是.net core的，不建议那样操作.

查看本人**最近其他原创作品**请移步 (想第一时刻阅读本人最新文章请在**博客园**上关注我):

*  [ASP.NET Core开发者成长路线图][ASP.NET Core]
 *  [中国.NET：各地微软技术俱乐部汇总(持续更新中...)][.NET_...]
 *  [微软XAML Studio - WPF, Sliverlight, Xamarin, UWP等技术开发者的福音][XAML Studio - WPF_ Sliverlight_ Xamarin_ UWP]
 *  [微软正式发布Chromium Edge开发预览版][Chromium Edge]
 *  [一大波开发者福利来了，一份微软官方Github上发布的开源项目清单等你签收][Github]
 *  [从0到1：使用Caliburn.Micro(WPF和MVVM)开发简单的计算器][0_1_Caliburn.Micro_WPF_MVVM]
 *  [JS实现页面复制文字时自动加版权][JS]
 *  [开发小白也毫无压力的hexo静态博客建站全攻略 - 躺坑后亲诉心路历程][hexo_ -]
 *  [改进博客园Markdown显示功能(加代码行号、显示代码所用编程语言)][Markdown]
 *  [当今最全面可用的微博分享组件嵌入方法(亲测2019年2月仍有效)][2019_2]
 *  [前端小白也能快速学会的博客园博客美化全攻略 - 附源码][-]
 *  [史上最最靠谱，又双叒叒简单的基于MSXML的XML解析指南-C++][MSXML_XML_-C]

**参考资料**

[WinForms Core App - A workaround invoking the Classic Framework Designer][dotnet_winforms - Using the Classic WinForms Designer in WinForms Core].

转载于:https://www.cnblogs.com/enjoy233/p/workaround\_to\_use\_the\_designer\_in\_winForms\_Core\_App.html

[dotnet_winforms - Using the Classic WinForms Designer in WinForms Core]: https://github.com/dotnet/winforms/blob/1225f79dce17253a629d1a65c3c13f7a77cbaba1/Documentation/winforms-designer.md
[VS2019_.net core WPF _ Designer]: https://www.cnblogs.com/enjoy233/p/workaround_to_use_the_designer_in_wpf_Core_App.html
[Link 1]: https://marketplace.visualstudio.com/items?itemName=MadsKristensen.FileNesting
[img]: /images/20211214/1ea965ca984e4f4da5e698fd545c8cdb.png
[img2-BravoYeung]: /images/20211214/8f255039826741d5b11781074fa26e9d.png
[creating-winForms-using-CMD]: /images/20211214/825dcab56c904a62b1a92ec13084a8b1.png
[img3]: /images/20211214/47bed12b518740349b083352d26768fa.png
[1555742184205-BravoYeung]: /images/20211214/e825cfabe10b49adbd037e6a4d67fbb3.png
[1555742223738]: /images/20211214/3d47884caa664cc48ab19004316e38c1.png
[1555742304164]: /images/20211214/d0f5d20f7c204aefa90e621214d57e39.png
[1555742345380]: /images/20211214/43e3877ecce54f4fb6e7d35799452b57.png
[436938-20190420171907747-1333492614.png]: /images/20211214/a742044850a744eba5185616ca4506f5.png
[1555742418769]: /images/20211214/912c510241164d2ca74a41463bb26232.png
[1555742466296]: /images/20211214/7d2dccdbac554d3c853cce63c38a01a3.png
[Rename1]: /images/20211214/911df8567d6b4f4f9a7ed08f39546d5c.png
[rename2-BravoYeung]: /images/20211214/cc74ff768e114dda93c4892e0fb580d8.png
[1555743593850]: /images/20211214/d38d5bb5231b424992f52837a6481fa1.png
[1555743805105]: /images/20211214/561b00653e304565904375f07a77749d.png
[1555743877296]: /images/20211214/727548fca58d4deaa25994e448a41c5e.png
[cmd-enter]: /images/20211214/48ed1fd42b0b4a6996faebda92b34628.png
[1555744288015]: /images/20211214/70a2c68a1a8143e7b80fb845b4f44a40.png
[1555744416951]: /images/20211214/9f5c29e824ad4d2f9ddd7fa59f8c9006.png
[1555744591913]: /images/20211214/9c6983f7e9d74fd8a1335be4618ee23d.png
[1555744760875]: /images/20211214/1be2380816d14fc0bda44a03a151d77e.png
[Add As Link]: /images/20211214/6e277ac5c07147b58af9111dec4dff1b.png
[file-nesting]: /images/20211214/50b564dfdecd477b9a3a91633c03cca8.png
[1555745085481]: /images/20211214/a5e5574dc8d44e72b5513fdf918f2d12.png
[1555745243570]: /images/20211214/1676e879029d4e7b9ab5bfb05dff3983.png
[Rename3]: /images/20211214/ae90298d34124159969206490963a068.png
[1555746088721]: /images/20211214/95e9868130724b3ba8a569f221223ac6.png
[1555745903085]: /images/20211214/6d503b0590714a49a12b8e16a7a8b489.png
[1555745954211]: /images/20211214/b8a6c77714f147868121da4f3c18d88a.png
[1555746855153]: /images/20211214/d3b953249c1b4f10989b6837f0ce1d55.png
[1555746929894]: /images/20211214/55e05e97f5a54960980a476aa9d40add.png
[1555746969076]: /images/20211214/aec1e6dbd2944ee0a987258fcbc35183.png
[1555746682182]: /images/20211214/0e2e4ad0ab32487b95d6a4c2d672904f.png
[.netCore-WinForms_Designer]: https://github.com/yanglr/.netCore-WinForms_Designer
[zonciu]: https://www.cnblogs.com/zonciu
[https_www.cnblogs.com_zonciu_p_10745152.html]: https://www.cnblogs.com/zonciu/p/10745152.html
[https_github.com_dotnet_winforms_issues_147_issuecomment-468992959]: https://github.com/dotnet/winforms/issues/147#issuecomment-468992959
[ASP.NET Core]: https://www.cnblogs.com/enjoy233/p/AspNetCore_developer_roadmap.html
[.NET_...]: https://www.cnblogs.com/enjoy233/p/China_dotNetClub_list.html
[XAML Studio - WPF_ Sliverlight_ Xamarin_ UWP]: https://www.cnblogs.com/enjoy233/p/10569205.html
[Chromium Edge]: https://www.cnblogs.com/enjoy233/p/microsoft_release_chromium_edge_dev.html
[Github]: https://www.cnblogs.com/enjoy233/p/developer-benefits_github-open-source-projects-of-microsoft.html
[0_1_Caliburn.Micro_WPF_MVVM]: https://www.cnblogs.com/enjoy233/p/10586651.html
[JS]: https://www.cnblogs.com/enjoy233/p/10480918.html
[hexo_ -]: https://www.cnblogs.com/enjoy233/p/10468996.html
[Markdown]: https://www.cnblogs.com/enjoy233/p/10410089.html
[2019_2]: https://www.cnblogs.com/enjoy233/p/10349500.html
[-]: https://www.cnblogs.com/enjoy233/p/10328361.html
[MSXML_XML_-C]: https://www.cnblogs.com/enjoy233/p/10298236.html