无法打开源文件 qstring.h_极客学院 | 解决 VS2019 中.net core WPF 暂时无法使用设计器的临时方法

cf2f7ad5489f64c8896db5c99ec01c24.png

解决 VS2019 中.net core WPF 暂时无法使用 Designer 的临时方法


以下方法来自于微软github开源项目 dotnet/samples:

dotnet/samples - WPF Hello World sample with linked files,请放心使用。

此篇文章是上篇文章解决vs2019中暂时无法为.net core WinForms使用 Designer 的临时方法的姊妹篇,但对WPF而言实现起来比WinForms简单很多。核心思想还是借壳~

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

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

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

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

而两个应用程序(.net core项目和相应.net Framework 项目)都将引用相同的文件,共享一个Assembly Name

安装 vs 2019 professional/enterprise版本

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

5e7d70e8912b743782f5734581598721.png

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

f7f17a9afe1f5fd20f7fc21ae9f6d6ec.png

下一步骤,勾选.NET core下的"Use preview SDK"会解决这个问题。

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

  • 打开命令行/Powershell
  • 使用cd命令,切换到自己平时存vs项目的路径(比如我切换到D:Coding)
  • 输入命令dotnet new wpf -n "CoreHiWPF"

64275df52041a778cf1b1240444bae85.png

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

7848f4a084e0349114469bc8cab9882a.png

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

使用vs自带的模板,选择其中的 .net core WPF 创建Project, 取名为"CoreHiWPF"

5e7d70e8912b743782f5734581598721.png

57fb78f207a7aef62019fd73238e26b7.png

在刚创建的Solution中使用vs自带的模板,选择其中的.net framework WPF添加新的project,取名为"HiWPF"

89daee0db5063fc45227d6d32e75c06d.png

fef5d43d14394da47c553fec0a113331.png

此时Solution中的文件目录为:

afbd566cf28e12bb34b0c555349b51eb.png

更改 .net core WPF项目 CoreHiWPF 的Assembly Name,使得两个项目一致

右键点击 .net core WPF项目 CoreHiWPF,选择最后的Properties, 然后将其Assembly Name 改为HiWPF.

73ce62e247b88b86002a3114db5bd77e.png

接着右键该项目,选"Edit CoreHiWPF.csproj"。

575ca7bc3079480bc2ef295d6df2badb.png

按下图加入如下相应代码:

30a452cd042c0a3e18f1e1d99696e81c.png
  <ItemGroup>
    <ApplicationDefinition Include="..HiWPFApp.xaml" Link="App.xaml">
      <Generator>MSBuild:Compile</Generator>
    </ApplicationDefinition>
    <Compile Include="..HiWPFApp.xaml.cs" Link="App.xaml.cs" />
  </ItemGroup>

  <ItemGroup>
    <Page Include="..HiWPFMainWindow.xaml" Link="MainWindow.xaml">
      <Generator>MSBuild:Compile</Generator>
    </Page>
    <Compile Include="..HiWPFMainWindow.xaml.cs" Link="MainWindow.xaml.cs" />
  </ItemGroup>

确保 .net core WPF项目 CoreHiWPF 是启动项目

如果.net core WPF项目 CoreHiWPF 已经高亮,就不用管了。否则,需要选中项目 CoreHiWPF ,右击后选“Set As Start up project”.

试用 XAML Designer

此时关闭所有打开的文件,双击项目HiWPF中的MainWindow.xaml,就可以在XAML Designer中看到空白的WPF window了。

8900c0ef4d33b2134644b2d9fbeba0f4.png

按需修改MainWindow.xaml和相应的.cs

接下来,我在MainWindow.xamlGrid中加入了两行,一行放的是一个含有文本可换行的Label,另一行是Exit按钮。然后在Exit按钮上加入了Click事件,在Window上加入了Loaded事件。

c70c8066a4a99d1e6cc0121c67277800.gif

代码改完之后,F5运行,最后的界面如下:

c7209975cb9be77eaee294bf865f29ad.png

项目代码已推到github,欢迎Forkstar.
传送门: .netCore-WPF_Designer, 如果觉得自己配置起来麻烦,也可以 clone 下来自己体验一把喔~

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

  • ASP.NET Core开发者成长路线图
  • 微软XAML Studio - WPF, Sliverlight, Xamarin, UWP等技术开发者的福音
  • 一大波开发者福利来了,一份微软官方Github上发布的开源项目清单等你签收

参考资料:

dotnet/samples - WPF Hello World sample with linked files

原创不易,你的支持和认可将让我写出更好的内容,更多.干.货 可关|注|公|号「大白技术控」,持续输出优质文章~

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值