c#多选项卡的浏览器控件的设计及兑现
2.2. TabControl控件
TabControl 控件是Windows 窗体多个选项卡控件，这些选项卡类似于笔记本中的分隔卡和档案柜文件夹中的标签。选项卡中可包含图片和其他控件。您可以使用该选项卡控件来生成多页对话框，这种对话框在 Windows 操作系统中的许多地方（例如控制面板的“显示”属性中）都可以找到。
* 如何：将控件添加到选项卡页
tabPage1.Controls.Add(new Button());
* 如何：使用 Windows 窗体 TabControl 添加和移除选项卡
添加选项卡
string title = "TabPage " + (tabControl1.TabCount + 1).ToString();
TabPage myTabPage = new TabPage(title);
tabControl1.TabPages.Add(myTabPage);
移除选项卡
tabControl1.TabPages.Remove(tabControl1.SelectedTab);
* TabControl.DrawItem 事件
如果将 DrawMode 属性设置为 OwnerDrawFixed，则每当 TabControl 需要绘制它的一个选项卡时，它就会引发 DrawItem 事件。若要自定义选项卡的外观，请在用于 DrawItem 事件的处理程序中提供自己的绘制代码。
下面的代码示例创建一个包含一个 TabPage 的 TabControl。本示例声明一个事件处理程序，并用来在 tabPage1 的选项卡上绘制字符串和 Rectangle。该事件处理程序绑定到 DrawItem 事件。
|
双击代码全选 |
|
|
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 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 |
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. 我们怎么设计多选项卡的浏览器控件
需要实现的功能特性：
* 实现打开BS应用程序的链接或窗口跳转到选项卡中而不是新窗口。
* 实现选项卡的关闭和新建，注意只有一个选项卡得时候不可以选项卡不可以出现关闭图片按钮。
我们主要采用TabControl和WebBrowser来实现多选项卡浏览器控件开发。
现介绍主要控件实现代码。
* 新建选项卡页面代码实现如下：
|
双击代码全选 |
|
|
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 |
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 把网页标题及图片关闭按钮的绘制选项卡中代码实现如下：
|
双击代码全选 |
|
|
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 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 |
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;
} |