使用 WebView2 封装一个生成 PDF 的 WPF 控件

Python微信订餐小程序课程视频

https://edu.csdn.net/course/detail/36074

Python实战量化交易理财系统

https://edu.csdn.net/course/detail/35475

使用 WebView2 封装一个生成 PDF 的 WPF 控件

最近在迁移项目到 .net6，发现项目中用的 PDF 库不支持 .net6，于是想着换一个库。结果找了一大圈，发现不是版本不支持，就是收费。
嗐！还能咋办，只能自己搞一个 PDF 生成控件咯。

环境准备 WPF + WebView2 + Vue

WebView2

• WebView2.CoreWebView2.PrintToPdfAsync 可以将 html 文件生成 pdf。
• CEF 也有类似的 API，Evergreen WebView2 会自动更新，而且不需要将库打包到程序中，所以就用它了。
• WebView2 需要先安装到本机，下载链接。

Vue

• 直接操作 Dom 不够方便，Vue 用法跟 WPF 的绑定方式又很相似，使用 vue 来定义 pdf 的 Html 的模板，可以让不会 h5 的同事也能轻松写模板文件，所以这里用 Vue 来操作 Dom 和数据绑定。

Prism

• WPF 项目常用的框架，我这里用来注册预览 PDF 的弹窗，以及给弹窗传参。

以打印一个表格为例

1. 定义要生成 PDF 的表格

复制代码

• 1
• 2
• 3
• 4
• 5
• 6
• 7
• 8
• 9
• 10
• 11
• 12
• 13
• 14
• 15
• 16
• 17
• 18
• 19
• 20
• 21
• 22
• 23
• 24
• 25
• 26
• 27
• 28
• 29
• 30
• 31
• 32
• 33
• 34
• 35
• 36
• 37
• 38
• 39
• 40
• 41
• 42
• 43
• 44
• 45
• 46
• 47
• 48
• 49
• 50
• 51
• 52
• 53
• 54
• 55

c#`// BuyBookView.xaml
“1”
Margin=“24,0”
AutoGenerateColumns=“False”
FontSize=“16”
IsReadOnly=“True”
ItemsSource="{Binding Books}"
TextBlock.TextAlignment=“Center”>

“*”
Binding="{Binding Title}"
Header=“书名”
HeaderStyle="{StaticResource CenterGridHeaderStyle}" />
“100”
Binding="{Binding Author}"
Header=“作者”
HeaderStyle="{StaticResource CenterGridHeaderStyle}" />
“100”
Binding="{Binding Price}"
Header=“价格”
HeaderStyle="{StaticResource CenterGridHeaderStyle}" />

// BuyBookViewModel
public BuyBookViewModel(IDialogService dial