我要评论本文详细为大家分享了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;
}
以上就是本文的全部内容，希望对大家的学习有所帮助。
您可能感兴趣的文章:
如您对本文有疑问或者有任何想说的，请点击进行留言回复，万千网友为您解惑！
网友评论