C#重繪TabControl的Tabpage標籤,添加圖片及關閉按鈕

來源:互聯網
上載者:User

以下就是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

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.