使用AvalonDock制作WPF多标签浏览器（二）

最新推荐文章于 2026-05-23 14:13:23 发布
原创 最新推荐文章于 2026-05-23 14:13:23 发布 · 4.1k 阅读 · 1
标签
#浏览器 #wpf #webbrowser #browser #null
#textbox
本文介绍如何使用AvalonDock库创建一个具备多标签功能的WPF Web浏览器。通过自定义事件和参数，实现在新标签页中添加WebBrowser控件。同时，详细阐述了处理焦点变化和地址栏输入的逻辑，以及遇到的一个与DocumentFloatingWindow相关的问题。

 

闲话少叙，书接上文。

 

现在我们已经通过ReStyle给DocumentPane加上了一个加号的按钮，并且可以通过点击该按钮给DocumentPane的Items添加一个DocumentContent了。

不过每个新添加进来的DocumentContent内部都是空的，而我们需要的是每个新标签中都有一个WebBrowser，要实现这一点很简单，只要给DocumentContent的Content（DocumentContent是ContentControl的子类）属性赋值为一个WebBrowser的实例就OK了。

 

但是这不应该是AvalonDock的默认行为，所以我们要把这部分写到客户端--也就是引用AvalonDock.dll文件或者直接引用AvalonDock工程的Solution中去。

如何可以在客户端得知有一个新的DocumentContent被添加进

最低0.47元/天 解锁文章
崔鹏飞
关注
wpf+cefsharp实现多页签浏览器
01-15
wpf+cefsharp实现多页签浏览器 能用，代码简单。 不过方法有点low。 在网上找了一个页签加关闭按钮的办法
Wpf中用TabControl做的分页选项卡界面
02-09
Wpf中用TabControl做的分页选项卡界面,如果准备打开的子窗口在主界面中没有则打开，有则激活到当前页。
WPF实现选项卡效果（3）——自定义动态添加的AvalonDock选项卡内容
热门推荐
诗人江湖老的专栏
05-25 2万+
简介　　在前面一篇文章里面，我们实现了AvalonDock选项卡的动态添加，但是对于选项卡里面的内容，我们并没有实现任何有用的功能。 　　这篇文章里面，我们将实现对选项卡里面的内容和功能实现自定义。将自定义Page作为选项卡内容Page定义　　Page页面的Xaml代码如下：<Page x:Class="AvalonProject.TestPage" xmlns="http://sch
5分钟掌握AvalonDock：打造专业级WPF窗口管理界面
最新发布
gitblog_01087的博客
05-23 369
想要为你的WPF应用程序添加类似Visual Studio的现代化界面吗？AvalonDock正是你需要的终极窗口管理解决方案！这个强大的开源库让WPF开发者能够轻松创建灵活、可定制的多文档界面，支持窗口停靠、浮动、自动隐藏等高级功能。 ## 🎯 为什么选择AvalonDock？ AvalonDock不仅仅是一个简单的布局控件，它是一个完整的窗口管理系统。想象一下，你的应用可以拥有像专业ID
WPF中使用TabControl为每个页签添加不同窗体的方法。
xieehu的博客
02-21 4396
对于一些上位机控制程序来说，一个窗体根本放不下所有的功能，所以我们通常会使用TabControl控件来进行分类布局。通过选择分类选项卡，来展示不同的功能界面。注：每一个页签添加不同窗体，其实不能叫是窗体，只能叫做控件。我们可以右键项目名称，添加一个文件夹，取名为子窗口。然后右键子窗口，添加-用户控件(WPF).首先给TabControl创建一个SelectionChanged的事件，再加入事件代码。一、先建立一个主窗口MainWindow.xaml。三、打开主窗口代码，对控件进行绑定。
wpf 标签页 样式_vue2组件系列第四十四节：Tab 标签页
weixin_39793638的博客
12-10 871
准备工作：创建一个页面:Tab.vue在router.js里配置Tab页面的路由{ path: '/tab', name: 'tab', component: () => import('./views/Tab.vue') }在index.vue里添加一项 Tab 标签页 至今为止呢，我们的首页显示的样式子是这样滴〜不知道不觉间我们已经学完了40个组件了！哇噢，为自己欢呼一下吧！如果想看...
使用AvalonDock制作WPF多标签浏览器（一）
My diary
03-15 7472
 AvalonDock是CodePlex上的一个开源项目，利用它可以很容易的做出类似于VS的UI效果。下图是AvalonDock源码中自带的一个Demo：我们可以用这款第三方控件为基础来制作多标签浏览器。 下面是最终效果图： 甚至可以把其中一个标签拖出主窗体成为一个独立的窗口：是不是很像VS2010中新的TextEditor啊，呵呵。但是观察一下常用的浏览器
用AvalonDock制作WPF多标签浏览器（三）
My diary
03-17 3186
昨天遇到了一个Bug，如果在浏览器中打开多个标签，并把其中一个标签拖拽到主窗口的一侧来划分出独立的一个区域，然后在新区域中通过点击加号键添加的新标签内不会被添加上WebBrowser。  说得好绕嘴啊，截张图吧：  而且没有加上WebBrowser的标签的标题是new content（我们在AvalonDock中给新标签的默认标题）而
wpf - AvalonDock study
06-25 292
AvalonDock is a opensouced Dock Manager libraries under CodePlex project. The current version of AvalonDock is on the version 2.0; and the ...
Xceed.Wpf.AvalonDock dll下载
10-22
AvalonDock
WPF的签单控制页面
weixin_44560027的博客
08-14 352
开发工具与关键技术：MVC/C#、WPF 作者：张文静 撰写时间：2019/08/14 基于XAML语音的“签单控制”页面，见截图： 首先，通过网格（Griid）布局,自定义行数，定义行数为四行。在第一行的不同列中，分别放置“”、“姓名”、“来期”、“团名”、“序号”、“离期”、“备注”等信息。在第二行，通过StackPanel将子元素排列沿水平放置，分别为“没有签单控制”、“部分签单控制”、“...
WPF如何实现一个漂亮的页签导航UI
weixin_34301307的博客
11-04 957
     最近看到一个比较漂亮的UI主界面，该UI是用左边的页签进行导航，比较有特色，就想着尝试用WPF来实现一下。经过一番尝试，基本上将UI设计图的效果用WPF程序进行了实现。下面介绍一下主要的思路： 1 UI设计 　该UI的PSD设计图效果如下： 　　UI结构分析：先可以把UI分成上下两个区域，上面是一个区域放置一些appName，用户信息和配置按钮等，下面的再分成竖向的页签导航区域...
WPF在MVVM模式中实现为TabControl动态添加标签页
Kyle_Jehring的博客
04-28 3690
WPF在MVVM模式中实现为TabControl动态添加标签页的解决方案
WPFCEFSharp实现多页签浏览器：打造高效浏览体验
gitblog_06772的博客
05-21 913
WPFCEFSharp实现多页签浏览器：打造高效浏览体验 去发现同类优质开源项目:https://gitcode.com/ 随着网络技术的不断发展，浏览器已经成为我们日常生活中不可或缺的工具。而拥有高效、个性化的浏览器体验，则是每个用户追求的目标。今天，我将为大家推荐一个开源项目——WPFCEFSharp，它实现了一个多页签浏览器，让您的浏览体验焕然一新。 项目介绍 WPFCEFSharp项目是一...
[WPF] 多页面程序基本跳转
诺尔的博客
04-01 6602
使用 WPF 实现较为便捷的多页面跳转.
AvalonDock使用（2）-简单布局设置
BitoLink的博客
04-08 1454
在上一篇《AvalonDock的基本用法》中，我们使用AvalonDock控件，简单实现了，停靠左右两边的面板；这是面板的默认停靠位置；当然你也可以拖动它，让浮动，也可以让它停靠在其它地方； 通过简单几行代码实现了如下效果： 隐藏所有面板：两个都隐藏时，会分别折叠到两边； 展开其中一个面板：根据我们设定的宽度展开； 展开所有面板：同时展开时，会各占据50%的空间 同Visual Studio 对比，似乎还少了中间一部分，即占据中间部分的区域；在上一篇中，我们讲到LayoutDoucument会随着La
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值