C#实现多选项卡的浏览器控件

本文详细为大家分享了C#多选项卡的浏览器控件的设计与实现,供大家参考,具体内容如下

1.  为什么我们需要多选项卡的浏览器控件
项目中需要使用WinForm应用程序来包装BS应用程序的浏览器外壳,在.NET的WebBrowser中没有多选项卡浏览的自带配置属性,我们需要实现多选项卡的浏览器控件来实现包装BS应用程序的目的,而不会弹出IE浏览器窗口。

2. 我们需要了解哪些知识点
2.1.     WebBrowser控件
WebBrowser 控件为 WebBrowser ActiveX 控件提供了托管包装。托管包装使您可以在 Windows 窗体客户端应用程序中显示网页。使用 WebBrowser 控件,可以复制应用程序中的 Internet Explorer Web 浏览功能,还可以禁用默认的 Internet Explorer 功能,并将该控件用作简单的 HTML 文档查看器。

l  如何:使用 WebBrowser 控件定位到 URL

this.webBrowser1.Navigate("http://www.microsoft.com");

l  WebBrowser的 CreateSink 方法和DetachSink 方法

CreateSink方法使基础 ActiveX 控件与可以处理控件事件的客户端相关联。

DetachSink方法使从基础 ActiveX 控件中释放附加在 CreateSink 方法中的事件处理客户端。

下面的代码示例演示如何在派生自 WebBrowser 的类中使用此方法,该方法使用 OLE DWebBrowserEvents2 接口中的 NavigateError 事件对常规 WebBrowser 事件进行补充。

using System;

using System.Windows.Forms;

using System.Runtime.InteropServices;

using System.Security.Permissions;

namespace WebBrowserExtensibility

{

  [PermissionSetAttribute(SecurityAction.Demand, Name="FullTrust")]

  public class Form1 : Form

  {

    [STAThread]

    public static void Main()

    {

      Application.Run(new Form1());

    }

    private WebBrowser2 wb = new WebBrowser2();

    public Form1()

    {

      wb.Dock = DockStyle.Fill;

      wb.NavigateError += new

        WebBrowserNavigateErrorEventHandler(wb_NavigateError);

      Controls.Add(wb);

      wb.Navigate("www.widgets.microsoft.com");

    }

    private void wb_NavigateError(

      object sender, WebBrowserNavigateErrorEventArgs e)

    {

      // Display an error message to the user.

      MessageBox.Show("Cannot navigate to " + e.Url);

    }

  }

  public class WebBrowser2 : WebBrowser

  {

    AxHost.ConnectionPointCookie cookie;

    WebBrowser2EventHelper helper;

    [PermissionSetAttribute(SecurityAction.LinkDemand, Name="FullTrust")]

    protected override void CreateSink()

    {

      base.CreateSink();

      helper = new WebBrowser2EventHelper(this);

      cookie = new AxHost.ConnectionPointCookie(

        this.ActiveXInstance, helper, typeof(DWebBrowserEvents2));

    }

    [PermissionSetAttribute(SecurityAction.LinkDemand, Name="FullTrust")]

    protected override void DetachSink()

    {

      if (cookie != null)

      {

        cookie.Disconnect();

        cookie = null;

      }

      base.DetachSink();

    }

    public event WebBrowserNavigateErrorEventHandler NavigateError;

    protected virtual void OnNavigateError(

      WebBrowserNavigateErrorEventArgs e)

    {

      if (this.NavigateError != null)

      {

        this.NavigateError(this, e);

      }

    }

    private class WebBrowser2EventHelper :

      StandardOleMarshalObject, DWebBrowserEvents2

    {

      private WebBrowser2 parent;

      public WebBrowser2EventHelper(WebBrowser2 parent)

      {

        this.parent = parent;

      }

      public void NavigateError(object pDisp, ref object url,

        ref object frame, ref object statusCode, ref bool cancel)

      {

        // Raise the NavigateError event.

        this.parent.OnNavigateError(

          new WebBrowserNavigateErrorEventArgs(

          (String)url, (String)frame, (Int32)statusCode, cancel));

      }

    }

  }

  public delegate void WebBrowserNavigateErrorEventHandler(object sender,

    WebBrowserNavigateErrorEventArgs e);

  public class WebBrowserNavigateErrorEventArgs : EventArgs

  {

    private String urlValue;

    private String frameValue;

    private Int32 statusCodeValue;

    private Boolean cancelValue;

    public WebBrowserNavigateErrorEventArgs(

      String url, String frame, Int32 statusCode, Boolean cancel)

    {

      urlValue = url;

      frameValue = frame;

      statusCodeValue = statusCode;

      cancelValue = cancel;

    }

    public String Url

    {

      get { return urlValue; }

      set { urlValue = value; }

    }

    public String Frame

    {

      get { return frameValue; }

      set { frameValue = value; }

    }

    public Int32 StatusCode

    {

      get { return statusCodeValue; }

      set { statusCodeValue = value; }

    }

    public Boolean Cancel

    {

      get { return cancelValue; }

      set { cancelValue = value; }

    }

  }

  [ComImport, Guid("34A715A0-6587-11D0-924A-0020AFC7AC4D"),

  InterfaceType(ComInterfaceType.InterfaceIsIDispatch),

  TypeLibType(TypeLibTypeFlags.FHidden)]

  public interface DWebBrowserEvents2

  {

    [DispId(271)]

    void NavigateError(

      [In, MarshalAs(UnmanagedType.IDispatch)] object pDisp,

      [In] ref object URL, [In] ref object frame,

      [In] ref object statusCode, [In, Out] ref bool cancel);

  }

}

l  WebBrowser. DocumentCompleted 事件

在 WebBrowser 控件完成加载文档时发生。

处理 DocumentCompleted 事件,在新文档完成加载时接收通知。如果 DocumentCompleted 事件发生,则新文档已完全加载,这意味着可以通过 Document、DocumentText 或 DocumentStream 属性访问该文档的内容。

2.2.   TabControl控件
TabControl 控件是Windows 窗体多个选项卡控件,这些选项卡类似于笔记本中的分隔卡和档案柜文件夹中的标签。选项卡中可包含图片和其他控件。您可以使用该选项卡控件来生成多页对话框,这种对话框在 Windows 操作系统中的许多地方(例如控制面板的“显示”属性中)都可以找到。

l  如何:将控件添加到选项卡页

tabPage1.Controls.Add(new Button());

l  如何:使用 Windows 窗体 TabControl 添加和移除选项卡

添加选项卡

string title = "TabPage " + (tabControl1.TabCount + 1).ToString();

TabPage myTabPage = new TabPage(title);

tabControl1.TabPages.Add(myTabPage);

移除选项卡

tabControl1.TabPages.Remove(tabControl1.SelectedTab);

l  TabControl.DrawItem 事件

如果将 DrawMode 属性设置为 OwnerDrawFixed,则每当 TabControl 需要绘制它的一个选项卡时,它就会引发 DrawItem 事件。若要自定义选项卡的外观,请在用于 DrawItem 事件的处理程序中提供自己的绘制代码。

下面的代码示例创建一个包含一个 TabPage 的 TabControl。本示例声明一个事件处理程序,并用来在 tabPage1 的选项卡上绘制字符串和 Rectangle。该事件处理程序绑定到 DrawItem 事件。

using System.Drawing;

using System.Windows.Forms;

public class Form1 : Form

{

  private Rectangle tabArea;

  private RectangleF tabTextArea;

  public Form1()

  {

    TabControl tabControl1 = new TabControl();

    TabPage tabPage1 = new TabPage();

    tabControl1.DrawMode = TabDrawMode.OwnerDrawFixed;

    tabControl1.SizeMode = TabSizeMode.Fixed;

    tabControl1.Controls.Add(tabPage1);

    tabControl1.ItemSize = new Size(80, 30);

    tabControl1.Location = new Point(25, 25);

    tabControl1.Size = new Size(250, 250);

    tabPage1.TabIndex = 0;

    ClientSize = new Size(300, 300);

    Controls.Add(tabControl1);

    tabArea = tabControl1.GetTabRect(0);

    tabTextArea = (RectangleF)tabControl1.GetTabRect(0);

    tabControl1.DrawItem += new DrawItemEventHandler(DrawOnTab);

  }

  private void DrawOnTab(object sender, DrawItemEventArgs e)

  {

    Graphics g = e.Graphics;

    Pen p = new Pen(Color.Blue);

    Font font = new Font("Arial", 10.0f);

    SolidBrush brush = new SolidBrush(Color.Red);

    g.DrawRectangle(p, tabArea);

    g.DrawString("tabPage1", font, brush, tabTextArea);

  }

  static void Main()

  {

    Application.Run(new Form1());

  }

}

3.  我们怎么设计多选项卡的浏览器控件
需要实现的功能特性:

l  实现打开BS应用程序的链接或窗口跳转到选项卡中而不是新窗口。

l  实现选项卡的关闭和新建,注意只有一个选项卡得时候不可以选项卡不可以出现关闭图片按钮。

我们主要采用TabControl和WebBrowser来实现多选项卡浏览器控件开发。

现介绍主要控件实现代码。

u  新建选项卡页面代码实现如下:

public void CreateNewTabPage(string url)

{

  ExtendedWebBrowser web = new ExtendedWebBrowser();

  web.Name = "WebBroswer" + _webBrowserLists.Count.ToString();

  web.Dock = DockStyle.Fill;

  web.Margin = new Padding(0, 0, 0, 0);

  web.DocumentCompleted += new WebBrowserDocumentCompletedEventHandler(webBrowser1_DocumentCompleted);

  web.BeforeNewWindow += new EventHandler(webBrowser1_BeforeNewWindow);

  web.Navigate(url);

  _webBrowserLists.Add(web);

  TabPage tbp = new TabPage();

  tbp.Name = "TabPage" + tabControl1.TabCount.ToString();

  tbp.Text = "空白页";

  tbp.Padding = new Padding(0, 3, 0, 0);

  tbp.Margin = new Padding(0, 3, 0, 0);

  tbp.ImageIndex = 0;

  tbp.Controls.Add(web);

  this.tabControl1.Controls.Add(tbp);

  this.tabControl1.SelectedTab = tbp;

}

u 把网页标题及图片关闭按钮的绘制选项卡中代码实现如下:

private void tabControl1_DrawItem(object sender, DrawItemEventArgs e)

{

  try

  {

    Graphics g = e.Graphics;

    Rectangle tabRectangle = this.tabControl1.GetTabRect(e.Index);

    //先添加TabPage属性 

    g.DrawString(this.tabControl1.TabPages[e.Index].Text

    , this.Font, SystemBrushes.ControlText, tabRectangle.X + 3, tabRectangle.Y + 3);

    if (tabControl1.TabCount > 1)

    {

      //再画一个矩形框

      using (Pen p = new Pen(SystemColors.Control))

      {

        tabRectangle.Offset(tabRectangle.Width - (CLOSE_SIZE + 3), 2);

        tabRectangle.Width = CLOSE_SIZE;

        tabRectangle.Height = CLOSE_SIZE;

        g.DrawRectangle(p, tabRectangle);

      }

      g.DrawImage(e.State == DrawItemState.Selected ? imageList1.Images["closeSelected"] : imageList1.Images["close"], new Point(tabRectangle.X, tabRectangle.Y));

    }

    g.Dispose();

  }

  catch (Exception ex)

  {

    throw (ex);

  }

}

u  Webbrowser控件完成时及Webbrowser控件新建窗口时代码实现如下:

private void webBrowser1_DocumentCompleted(object sender, WebBrowserDocumentCompletedEventArgs e)

{

  ExtendedWebBrowser web = (ExtendedWebBrowser)(sender);

  string title = web.Document.Title.Trim();

  TabPage tb = (TabPage)web.Parent;

  tb.Text = title.Length > 6 ? title.Substring(0, 6) + "..." : title;

  if (tabControl1.SelectedTab == tb)

  {

    this.Text = title;

  }

}

private void webBrowser1_BeforeNewWindow(object sender, System.EventArgs e)

{

  WebBrowserExtendedNavigatingEventArgs eventArgs = e as WebBrowserExtendedNavigatingEventArgs;

  CreateNewTabPage(eventArgs.Url);

  eventArgs.Cancel = true;

}

以上就是本文的全部内容,希望对大家的学习有所帮助。

(0)

相关推荐

  • C# Winform选项卡集成窗体详解

    本文实例为大家分享了C# Winform选项卡集成窗体的具体代码,供大家参考,具体内容如下 知识要点:利用反射动态的加载窗体到对应的TabPage的. using System; using System.Collections.Generic; using System.ComponentModel; using System.Data; using System.Drawing; using System.Linq; using System.Reflection; using System

  • C#更改tabControl选项卡颜色的方法

    本文实例讲述了C#更改tabControl选项卡颜色的方法.分享给大家供大家参考,具体如下: private void Form1_Load(object sender, EventArgs e) { this.tabControl1.DrawMode = System.Windows.Forms.TabDrawMode.OwnerDrawFixed; this.tabControl1.DrawItem += new DrawItemEventHandler(this.tabControl1_D

  • C#实现多选项卡的浏览器控件

    本文详细为大家分享了C#多选项卡的浏览器控件的设计与实现,供大家参考,具体内容如下 1.  为什么我们需要多选项卡的浏览器控件 项目中需要使用WinForm应用程序来包装BS应用程序的浏览器外壳,在.NET的WebBrowser中没有多选项卡浏览的自带配置属性,我们需要实现多选项卡的浏览器控件来实现包装BS应用程序的目的,而不会弹出IE浏览器窗口. 2. 我们需要了解哪些知识点 2.1.     WebBrowser控件 WebBrowser 控件为 WebBrowser ActiveX 控件提

  • python GUI库图形界面开发之PyQt5浏览器控件QWebEngineView详细使用方法

    PyQt5浏览器控件QWebEngineView PyQt5使用QWebEngineView控件来展示HTML页面,对老版本的QWebView类不在进行维护,因为QWebEngineView使用CHromium内核可以给用户带来更好的体验 QWebEngineView类中常用方法 方法 描述 load(QUrl url) 加载指定的URL并显示 setHtml(QString&html) 将网页视图的内容设置为指定的HTML内容 QWebEngineView控件使用load()函数加载一个Web

  • 激活 ActiveX 控件

    激活 ActiveX 控件 发布日期: 2006-3-29 | 更新日期: 2006-3-29 Internet 开发索引 用户不能与 APPLET.EMBED 或 OBJECT 元素加载的 Microsoft ActiveX 控件直接交互.用户激活这些控件的用户界面后才可以与这些控件交互.本文介绍 Microsoft Internet Explorer 如何处理 ActiveX 控件,显示如何加载 ActiveX 控件才能激活它们的界面,还描述这种行为对辅助工具和宿主 WebBrowser 控

  • 学习Winform分组类控件(Panel、groupBox、TabControl)

    分组类控件主要包括容器控件(Panel),分组框控件(groupBox)和选项卡控件(TabControl)等控件. 一.Panel控件 Panel控件是由System.Windows.Forms.Panel类提供的,主要作用就是将其他控件组合一起放在一个面板上,使这些控件更容易管理.当Panel控件面板上要显示过多的控件时,可设置AutoScroll属性为true.  Panel控件在默认情况下不显示边框,如把BorderStyle属性设置为不是none的其他值,就可以使用面板可视化地组合相关

  • ActiveX控件的使用-js实现打印超市小票功能代码详解

    ·应客户的需求= = ,要在网页端实现打印小票的功能 ·先来一张打印出的小票效果图(合计明显不对,因为有修改订单功能,请各位忽略) 用什么方法实现呢: 我想应该是有三种吧 1.用第三方的浏览器控件(这个好似比较方便,我的老师也是这样建议我)向大家推荐一个 Lodop打印控件 2.用CSS写好模板,然后直接用页面打印的方法(应该是这样吧) 以上两种还没有尝试,这两天陆续尝试) 3.用微软自己的ActiveX控件(ActiveX控件可以实现调用本地的文件等操作(之前试过调用cmd,实现shutdow

  • C#使用CefSharp控件实现爬虫

    一.CefSharp介绍 CEF 全称是Chromium Embedded Framework(Chromium嵌入式框架),是个基于Google Chromium项目的开源Web browser控件,支持Windows, Linux, Mac平台.CEFSharp就是CEF的C#移植版本. 就是一款.Net编写的浏览器包,方便你在Winform和WPF中内嵌的Chrome浏览器组件 GitHub地址:https://github.com/cefsharp/CefSharp 安装 使用Nuget

  • js兼容pc端浏览器并有多种弹出小提示的手机端浮层控件实例

    本文实例讲述了js兼容pc端浏览器并有多种弹出小提示的手机端浮层控件.分享给大家供大家参考.具体如下: 完整实例代码点击此处本站下载. 用法 <input type="button" id="btn_dialog" value="打开浮层"/> <div id="dialog-content" style="display:none;">这是内容</div> <sc

  • ASP.NET中MultiView和View选项卡控件的使用方法

    MultiView 控件可用作一个或多个 View 控件的外部容器.而 View 控件可以包含标记和控件的任意组合.您可以使用 MultiView 和 View 控件来执行各种任务,例如基于用户选择提供替换控件集或者创建多页表单. MultiView 控件一次显示一个 View 控件,并公开该 View 控件内的标记和控件.通过设置 MultiView 控件的 ActiveViewIndex 属性,可以指定当前可见的 View 控件. 如果要切换视图,可以使用控件的ID或者View控件的索引值.

  • 基于jquery跨浏览器显示的file上传控件

    前面我写过一篇短小的文章,简要的介绍了下怎样定义input type="file" 的样式.对于一般的表单,上传控件较少,这样的做法确实不错,既减少了代码,又美化了样式,原文:<定义input type="file" 的样式> 其实要实现给file控件定义样式,大致思想都是一样的. 今天看到博客园的繁花连写两篇文章来研究file控件 <jquery.fileEveryWhere.js--一个跨浏览器的file显示插件> <firefox

  • Android自定义Gallery控件实现3D图片浏览器

    本篇文章主要介绍如何使用自定义的Gallery控件,实现3D效果的图片浏览器的效果. 话不多说,先看效果. 上面是一个自定义的Gallery控件,实现倒影和仿3D的效果,下面是一个图片查看器,点击上面的小图片,可以在下面查看大图片. 下面重点说一下,实现图片查看器的思路. 1.手机中图片路径的获取 首先,先不管图片如何展示,如果我们想实现图片查看器的功能,我们首先需要做的是获取到所有的图片的路径信息,只有这样,我们才能实现对图片的查看. 我们可以使用下面的代码实现 private List<St

随机推荐