以下就是C#重繪TabControl控制項的源碼:效果如同所示:
using System;using System.Collections.Generic;using System.ComponentModel;using System.Data;using System.Drawing;using System.Linq;using System.Text;using System.Windows.Forms;namespace WindowsFormsApplication1.june{ public partial class TabTest : Form { public TabTest() { InitializeComponent(); } private void TabTest_Load(object sender, EventArgs e) { //清空控制項 //this.MainTabControl.TabPages.Clear(); //繪製的方式OwnerDrawFixed表示由表單繪製大小也一樣 this.MainTabControl.DrawMode = TabDrawMode.OwnerDrawFixed; this.MainTabControl.Padding = new System.Drawing.Point(CLOSE_SIZE, CLOSE_SIZE); this.MainTabControl.DrawItem += new DrawItemEventHandler(this.MainTabControl_DrawItem); this.MainTabControl.MouseDown += new System.Windows.Forms.MouseEventHandler(this.MainTabControl_MouseDown); } const int CLOSE_SIZE = 15; //tabPage標籤圖片 Bitmap image = new Bitmap("E:\\ico_close.gif"); //繪製“X”號即關閉按鈕 private void MainTabControl_DrawItem(object sender, DrawItemEventArgs e) { try { Rectangle myTabRect = this.MainTabControl.GetTabRect(e.Index); //先添加TabPage屬性 e.Graphics.DrawString(this.MainTabControl.TabPages[e.Index].Text, this.Font, SystemBrushes.ControlText, myTabRect.X + 2, myTabRect.Y + 2); //再畫一個矩形框 using (Pen p = new Pen(Color.White)) { myTabRect.Offset(myTabRect.Width - (CLOSE_SIZE + 3), 2); myTabRect.Width = CLOSE_SIZE; myTabRect.Height = CLOSE_SIZE; e.Graphics.DrawRectangle(p, myTabRect); } //填充矩形框 Color recColor = e.State == DrawItemState.Selected ? Color.White : Color.White; using (Brush b = new SolidBrush(recColor)) { e.Graphics.FillRectangle(b, myTabRect); } //畫關閉符號 using (Pen objpen = new Pen(Color.Black)) { ////============================================= //自己畫X ////"\"線 //Point p1 = new Point(myTabRect.X + 3, myTabRect.Y + 3); //Point p2 = new Point(myTabRect.X + myTabRect.Width - 3, myTabRect.Y + myTabRect.Height - 3); //e.Graphics.DrawLine(objpen, p1, p2); ////"/"線 //Point p3 = new Point(myTabRect.X + 3, myTabRect.Y + myTabRect.Height - 3); //Point p4 = new Point(myTabRect.X + myTabRect.Width - 3, myTabRect.Y + 3); //e.Graphics.DrawLine(objpen, p3, p4); ////============================================= //使用圖片 Bitmap bt = new Bitmap(image); Point p5 = new Point(myTabRect.X, 4); e.Graphics.DrawImage(bt, p5); //e.Graphics.DrawString(this.MainTabControl.TabPages[e.Index].Text, this.Font, objpen.Brush, p5); } e.Graphics.Dispose(); } catch (Exception) { } } //關閉按鈕功能 private void MainTabControl_MouseDown(object sender, MouseEventArgs e) { if (e.Button == MouseButtons.Left) { int x = e.X, y = e.Y; //計算關閉地區 Rectangle myTabRect = this.MainTabControl.GetTabRect(this.MainTabControl.SelectedIndex); myTabRect.Offset(myTabRect.Width - (CLOSE_SIZE + 3), 2); myTabRect.Width = CLOSE_SIZE; myTabRect.Height = CLOSE_SIZE; //如果滑鼠在地區內就關閉選項卡 bool isClose = x > myTabRect.X && x < myTabRect.Right && y > myTabRect.Y && y < myTabRect.Bottom; if (isClose == true) { this.MainTabControl.TabPages.Remove(this.MainTabControl.SelectedTab); } } } }}
可以加一個imageList,然後設定tabControl的imageList屬性,再設定各個tab的ImageIndex或ImageKey屬性,即可,只不過這樣表徵圖會在文本的左側。如同所示:
還有辦法是重寫了個tabControl,繼承一個tabControl,然後建一個資源檔夾,在裡面添加你需要的圖片,在OnDrawItem時你重繪一下就好了,然後判斷OnMouseEnter事件時修改矩形框的圖片(從資源檔夾裡擷取)!可以參考樣本http://www.codeproject.com/KB/dotnet/CustomTabControl.aspx