如何更改鼠标 hover 上的 TabControl 关闭按钮图像？

Question

I'm using the code from this answer , and it's working perfectly!

But, now I need to add a hover image, because it feels dull without one.

I already drew the images, I just need to change the image on hover, and change it back when it stops hovering.

There are suggestions for Invalidate() , but I don't quite understand exactly how to use it .

I tried putting the following code into the MouseMove event of the TabControl ,

for (var i = 0; i < this.tabControl1.TabPages.Count; i++)
{
    var tabRect = this.tabControl1.GetTabRect(i);
    tabRect.Inflate(-2, -2);
    var imageRect = new Rectangle(tabRect.Right - CloseImage.Width,
                             tabRect.Top + (tabRect.Height - CloseImage.Height) / 2,
                             CloseImage.Width,
                             CloseImage.Height);
    if (imageRect.Contains(e.Location))
    {
        isHover = true;
        isNormal = false;

        Invalidate(tabRect);
    }
    else
    {
        isNormal = true;
        isHover = false;

        Invalidate(tabRect);
    }
}

but that doesn't seem to be working either.

The variables isNormal and isHover have already been created in earlier code, and inside of the DrawItem event, I have:

try
{
    if (isHover == false && isNormal == true)
    {
        CloseImage = Properties.Resources.normalImage;

        var tabRect = this.tabControl1.GetTabRect(e.Index);
        tabRect.Inflate(-2, -2);
        var imageRect = new Rectangle(tabRect.Right - CloseImage.Width,
                                 tabRect.Top + (tabRect.Height - CloseImage.Height) / 2,
                                 CloseImage.Width,
                                 CloseImage.Height);

        var sf = new StringFormat(StringFormat.GenericDefault);
        if (this.tabControl1.RightToLeft == System.Windows.Forms.RightToLeft.Yes &&
            this.tabControl1.RightToLeftLayout == true)
        {
            tabRect = GetRTLCoordinates(this.tabControl1.ClientRectangle, tabRect);
            imageRect = GetRTLCoordinates(this.tabControl1.ClientRectangle, imageRect);
            sf.FormatFlags |= StringFormatFlags.DirectionRightToLeft;
        }

        e.Graphics.DrawString(this.tabControl1.TabPages[e.Index].Text,
                              this.Font, Brushes.Black, tabRect, sf);

        e.Graphics.DrawImage(CloseImage, imageRect.Location);
    }
    else if (isHover == true && isNormal == false)
    {
        CloseImage = Properties.Resources.hoverImage;

        var tabRect = this.tabControl1.GetTabRect(tabControl1.SelectedIndex);
        tabRect.Inflate(-2, -2);
        var imageRect = new Rectangle(tabRect.Right - CloseImage.Width,
                                 tabRect.Top + (tabRect.Height - CloseImage.Height) / 2,
                                 CloseImage.Width,
                                 CloseImage.Height);

        var sf = new StringFormat(StringFormat.GenericDefault);
        if (this.tabControl1.RightToLeft == System.Windows.Forms.RightToLeft.Yes &&
            this.tabControl1.RightToLeftLayout == true)
        {
            tabRect = GetRTLCoordinates(this.tabControl1.ClientRectangle, tabRect);
            imageRect = GetRTLCoordinates(this.tabControl1.ClientRectangle, imageRect);
            sf.FormatFlags |= StringFormatFlags.DirectionRightToLeft;
        }

        e.Graphics.DrawString(this.tabControl1.TabPages[tabControl1.SelectedIndex].Text,
                              this.Font, Brushes.Black, tabRect, sf);

        e.Graphics.DrawImage(CloseImage, imageRect.Location);

        isHover = false;
        isNormal = true;
    }
}
catch (Exception) { }

But it still isn't working.

My apologies if my question isn't clear:)

Answer 1

I'm using the code from this answer , and it's working perfectly!

But, now I need to add a hover image, because it feels dull without one.

I already drew the images, I just need to change the image on hover, and change it back when it stops hovering.

There are suggestions for Invalidate() , but I don't quite understand exactly how to use it .

I tried putting the following code into the MouseMove event of the TabControl ,

for (var i = 0; i < this.tabControl1.TabPages.Count; i++)
{
    var tabRect = this.tabControl1.GetTabRect(i);
    tabRect.Inflate(-2, -2);
    var imageRect = new Rectangle(tabRect.Right - CloseImage.Width,
                             tabRect.Top + (tabRect.Height - CloseImage.Height) / 2,
                             CloseImage.Width,
                             CloseImage.Height);
    if (imageRect.Contains(e.Location))
    {
        isHover = true;
        isNormal = false;

        Invalidate(tabRect);
    }
    else
    {
        isNormal = true;
        isHover = false;

        Invalidate(tabRect);
    }
}

but that doesn't seem to be working either.

The variables isNormal and isHover have already been created in earlier code, and inside of the DrawItem event, I have:

try
{
    if (isHover == false && isNormal == true)
    {
        CloseImage = Properties.Resources.normalImage;

        var tabRect = this.tabControl1.GetTabRect(e.Index);
        tabRect.Inflate(-2, -2);
        var imageRect = new Rectangle(tabRect.Right - CloseImage.Width,
                                 tabRect.Top + (tabRect.Height - CloseImage.Height) / 2,
                                 CloseImage.Width,
                                 CloseImage.Height);

        var sf = new StringFormat(StringFormat.GenericDefault);
        if (this.tabControl1.RightToLeft == System.Windows.Forms.RightToLeft.Yes &&
            this.tabControl1.RightToLeftLayout == true)
        {
            tabRect = GetRTLCoordinates(this.tabControl1.ClientRectangle, tabRect);
            imageRect = GetRTLCoordinates(this.tabControl1.ClientRectangle, imageRect);
            sf.FormatFlags |= StringFormatFlags.DirectionRightToLeft;
        }

        e.Graphics.DrawString(this.tabControl1.TabPages[e.Index].Text,
                              this.Font, Brushes.Black, tabRect, sf);

        e.Graphics.DrawImage(CloseImage, imageRect.Location);
    }
    else if (isHover == true && isNormal == false)
    {
        CloseImage = Properties.Resources.hoverImage;

        var tabRect = this.tabControl1.GetTabRect(tabControl1.SelectedIndex);
        tabRect.Inflate(-2, -2);
        var imageRect = new Rectangle(tabRect.Right - CloseImage.Width,
                                 tabRect.Top + (tabRect.Height - CloseImage.Height) / 2,
                                 CloseImage.Width,
                                 CloseImage.Height);

        var sf = new StringFormat(StringFormat.GenericDefault);
        if (this.tabControl1.RightToLeft == System.Windows.Forms.RightToLeft.Yes &&
            this.tabControl1.RightToLeftLayout == true)
        {
            tabRect = GetRTLCoordinates(this.tabControl1.ClientRectangle, tabRect);
            imageRect = GetRTLCoordinates(this.tabControl1.ClientRectangle, imageRect);
            sf.FormatFlags |= StringFormatFlags.DirectionRightToLeft;
        }

        e.Graphics.DrawString(this.tabControl1.TabPages[tabControl1.SelectedIndex].Text,
                              this.Font, Brushes.Black, tabRect, sf);

        e.Graphics.DrawImage(CloseImage, imageRect.Location);

        isHover = false;
        isNormal = true;
    }
}
catch (Exception) { }

But it still isn't working.

My apologies if my question isn't clear:)