給TabControl中的每個tabpage標題上加X，並且設置tabControl上部除標題外的背景顏色

最近做項目遇到了一個不小的麻煩，上網找了半天沒有找到相關有用資料，索性自己去實現，以解決自己現在遇到的麻煩。同時，

也能夠幫助一下與我有相同問題的人。

 

麻煩：
1、給tabpage加上 關閉按鈕X

2、當設置tabControl的DrawMode 爲OwnerDrawFixed時如

myTabControl.DrawMode = TabDrawMode.OwnerDrawFixed;

會發現tabControl不會繼承它parent的backcolor，而是VS提供的默認顏色，而我現在的項目考慮到VS默認的顏色影響美觀，

所以，希望能夠自己設置它的顏色。

 

解決方案：

使用GDI進行自己繪製。在tabpage的標題上繪製關閉按鈕X，繪製tabControl中除了標題部分的backcolor。

 

1、繪製關閉按鈕：

在tabControl的DrawItem事件中添加如下代碼：

try
            {

                 Rectangle myTabRect = this.myTabControl.GetTabRect(e.Index);
               

                //先添加TabPage屬性  
                e.Graphics.DrawString(this.myTabControl.TabPages[e.Index].Text
                , this.Font, SystemBrushes.ControlText, myTabRect.X + 2, myTabRect.Y + 2);

                //再畫一個矩形框
                using (Pen p = new Pen(Color.Black))//自動釋放資源
                {
                    myTabRect.Offset(myTabRect.Width - (CLOSE_SIZE + 3), 2);
                    myTabRect.Width = CLOSE_SIZE;
                    myTabRect.Height = CLOSE_SIZE;
                    e.Graphics.DrawRectangle(p, myTabRect);
                }

                //畫關閉符號
                using (Pen objpen = new Pen(Color.Black))
                {
                    //"/"線
                    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);
                }

                e.Graphics.Dispose();
            }
            catch (Exception)
            {

            }

然後在myTabControl的MouseDown事件中進行填充關閉功能。

代碼如下：

 if (e.Button == MouseButtons.Left)
            {
                int x = e.X, y = e.Y;

                int CLOSE_SIZE=10；

                //計算關閉區域  
                Rectangle myTabRect = this.myTabControl.GetTabRect(this.myTabControl.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.myTabControl.TabPages.Remove(this.myTabControl.SelectedTab);
                }
            }

 

2、填充tabControl的上部除了TabPage標題的backcolor

還是在tabControl的DrawItem事件中添加如下代碼：

 Graphics g = e.Graphics;
                Rectangle endPageRect = myTabControl.GetTabRect(myTabControl.TabPages.Count - 1); //最後一個標題欄的範圍  
                Rectangle TitleRect = myTabControl.GetTabRect(e.Index);              //當前標題欄的範圍  
                Rectangle HeaderBackRect = Rectangle.Empty;

 

                HeaderBackRect = new Rectangle(new Point(endPageRect.X + endPageRect.Width, endPageRect.Y),
                      new Size(myTabControl.Width - endPageRect.X - endPageRect.Width, endPageRect.Height));
                Brush b = new SolidBrush(Color.Azure);
                g.FillRectangle(b, HeaderBackRect);