如何添加和刪除C＃中的「自定義」選項卡

Question

我正在製作一個需要添加或刪除選項卡（選項卡控制）的應用程序。我已經完成添加和刪除標籤，但我有自定義按鈕，而不是使用標籤。 （點擊時，此按鈕會去的第一個標籤頁）：

//This will make it go to TAB 1 
    private void button1_Click(object sender, EventArgs e) 
    { 
     tabControl1.SelectedIndex = 0; 
    } 

    //This will change the MOUSEENTER to the correct image 
    private void button1_MouseEnter(object sender, EventArgs e) 
    { 
     button1.MouseEnter += new EventHandler(button1_MouseEnter); 
     this.button1.BackgroundImage = ((System.Drawing.Image)(Properties.Resources.Tab_Down)); 
    } 
    //This will change the MOUSELEAVE to the correct image 
    private void button1_MouseLeave(object sender, EventArgs e) 
    { 
     button1.MouseLeave += new EventHandler(button1_MouseLeave); 
     this.button1.BackgroundImage = ((System.Drawing.Image)(Properties.Resources.Tab_Norm)); 
    } 

不過，我將如何創建它，所以當你點擊「添加標籤」按鈕，它會創建一個新的標籤，但它也創造了一個新的按鈕其中例如有tabControl1.SelectedIndex = 1;。

編輯

我已經這樣做了添加一個新的標籤（tabControl1）：

private void button2_Click(object sender, EventArgs e) 
    { 
     string title = "TabPage " + (tabControl1.TabCount + 1).ToString(); 
     TabPage myTabPage = new TabPage(title); 
     tabControl1.TabPages.Add(myTabPage); 
    } 

這增加了精細的現有頂部的新標籤。但我該怎麼做，這樣它也創建了一個新的按鈕，上面的按鈕的屬性，但它使得它，而不是tabControl1.SelectedIndex = 1;它確實tabControl1.SelectedIndex = 3;，每次我添加一個新標籤時上升？ - 謝謝

Answer 1

這幾個更新後，這是我的答案的新版本。它表明你如何

• 添加Button增加了一個新的TabPages而選擇其
• 充分利用Tab控制繪製關閉「X」字符每個標籤的右側，如Firefox或Visual Studio這樣做。

添加Button就像你想要的，也許文本=「+」和高度像標籤的高度。它自動定位在選項卡上。如果您的Tab被移動或調整大小，您可能需要重新定位它。

在事件Tab設置爲OwnerDrawFixed和每個網頁上的文本是由幾個空格追加以騰出空間給關閉X。該代碼創建一個類變量closeX來保存當前的x-rectangle並在MouseClick事件中對其進行測試。

確保連接tabControl1_DrawItem和tabControl1_MouseClick事件！

private void cb_addPage_Click(object sender, EventArgs e) 
    { 
     string title = "TabPage " + (tabControl1.TabCount + 1).ToString() + " "; 
     TabPage myTabPage = new TabPage(title); 
     tabControl1.TabPages.Add(myTabPage); 
     tabControl1.SelectedTab = myTabPage; 
    } 


    private void Form1_Load(object sender, EventArgs e) 
    { 
     tabControl1.DrawMode = TabDrawMode.OwnerDrawFixed; 
     cb_addPage.Top = tabControl1.Top; 
     cb_addPage.Left = tabControl1.Right - cb_addPage.Width; 
     foreach (TabPage tp in tabControl1.TabPages) tp.Text += " "; 
    } 


    Rectangle closeX = Rectangle.Empty; 

    private void tabControl1_DrawItem(object sender, DrawItemEventArgs e) 
    { 
     Size xSize = new Size(13,13); 
     TabPage tp = tabControl3.TabPages[e.Index]; 
     e.DrawBackground(); 
     using (SolidBrush brush = new SolidBrush(e.ForeColor) ) 
       e.Graphics.DrawString(tp.Text+ " ", e.Font, brush, 
            e.Bounds.X + 3, e.Bounds.Y + 4); 

     if (e.State == DrawItemState.Selected) 
     { 
      closeX = new Rectangle(
       e.Bounds.Right - xSize.Width, e.Bounds.Top, xSize.Width, xSize.Height); 
      using (SolidBrush brush = new SolidBrush(Color.LightGray)) 
       e.Graphics.DrawString("x", e.Font, brush, 
             e.Bounds.Right - xSize.Width, e.Bounds.Y + 4); 
     } 

    } 

    private void tabControl1_MouseClick(object sender, MouseEventArgs e) 
    { 
     if (closeX.Contains(e.Location)) 
      tabControl1.TabPages.Remove(tabControl1.SelectedTab); 
    } 

如果你想使用圖片來裝飾標籤，包括與您的形式一個ImageList，與圖像（S）加載它，如果關閉按鈕是第一形象，改變這樣的代碼：

if (e.State == DrawItemState.Selected) 
    { 
     closeX = new Rectangle(e.Bounds.Right - xSize.Width - 3, 
           e.Bounds.Top + 5, xSize.Width, xSize.Height); 
     e.Graphics.DrawImage(imageList1.Images[0], closeX, 
          new Rectangle(0,0,16,16), GraphicsUnit.Pixel); 
    } 

我追加標籤的截圖有幾頁

而一個使用此關閉按鈕圖像：

更新：請注意，如果您TabPage包含IDisposable對象，你應該確保他們都讓你刪除的頁面之前處置！示例代碼見here！