原文:

版权声明：博客已迁移到 http://lindexi.gitee.io 欢迎访问。如果当前博客图片看不到，请到 http://lindexi.gitee.io 访问博客。本文地址 https://blog.csdn.net/lindexi_gd/article/details/81630890

本文告诉大家如何使用 Windows Community Toolkit 的新控件，在 WPF 使用 Edge 浏览器

首先需要通过 VisualStudio 创建 WPF 项目。因为 Microsoft.Toolkit.Win32.UI.Controls 库只支持 4.6.2 以上，所以需要选择框架大于 4.6.2

打开 Nuget 安装 Microsoft.Toolkit.Win32.UI.Controls ，需要同意许可

打开主页面，在 xaml 添加下面代码

xmlns:wpf="clr-namespace:Microsoft.Toolkit.Win32.UI.Controls.WPF;assembly=Microsoft.Toolkit.Win32.UI.Controls"

在代码跳转到我的博客

public MainWindow()        {            InitializeComponent();            WebView.Navigate("https://lindexi.gitee.io");        }

运行一下软件

如果不想在 xaml 写任何的代码，也可以通过下面代码添加

public MainWindow()        {            InitializeComponent();            var webView = new WebView();            webView.Navigate("https://lindexi.gitee.io");            Content = webView;        }

优点

• 触摸非常流畅

• 加载页面非常快

• 缩放页面几乎不使用CPU

• 对于很多图片的时候使用内存很小

• 可以使用 RenderTransform 修改显示，但不是所有的变换都可以使用

• 可以进行布局，如下图，使用Grid分开按钮

存在的问题

• 吃掉了 Touch 事件、MouseDown事件，也就是吃掉了所有用户输入

• 第一次加载无法覆盖控件大小，在修改窗口大小之后才可以

• 设置 IsEnable 无作用

• 设置 IsHitTestVisible 无作用，依然可以响应输入

• 默认没有设置 IsManipulationEnable ，但是可以响应手势

• 能够使用 snoop 在视觉树找到 WebView 但是没有看到 WebView 里面的元素

无法在 WebView 上面放控件

我尝试了下面的代码，虽然设计的界面可以看到按钮，但是运行界面没有按钮

但是运行的时候就看不到按钮了，所以存在层级问题，这个问题是在08年就有大神说到的问题。

大概就是如果同时有多个渲染，WPF 、 WinForms 如果两个绘制的矩形有重叠，那么重叠部分就不能正常使用。

无论在什么层级放 WebView ，他的层级都是窗口最高

这个问题参见：

一个解决方法是：

旋转

我尝试使用下面的代码让 WebView 旋转，但是设置值只能让他偏移

按钮点击的时候就添加旋转

private void Button_OnClick(object sender, RoutedEventArgs e)        {            BupeLesedaicee.Angle += 5;        }

添加多个浏览器

如果在相同矩形区域添加多个浏览器，在逻辑树第一个浏览器显示在最前

我在代码打开了我的博客和博客，结果发现我的博客显示在前面

我尝试使用 Panel.ZIndex 但是无法修改顺序

最简单的方法是对比一下原来的浏览器和新的浏览器

可以看到新的浏览器还是比以前的好很多

参见：

我搭建了自己的博客 欢迎大家访问，里面有很多新的博客。只有在我看到博客写成熟之后才会放在csdn或博客园，但是一旦发布了就不再更新

如果在博客看到有任何不懂的，欢迎交流，我搭建了 欢迎大家加入

本作品采用进行许可。欢迎转载、使用、重新发布，但务必保留文章署名(包含链接: )，不得用于商业目的，基于本文修改后的作品务必以相同的许可发布。如有任何疑问，请与我。