如何替换掉.net toolStrip控件溢出按钮背景图

　　在使用.net toolStrip控件的时候，  toolStrip里面的item宽度超过本身宽度时，会出现一个溢出按钮：OverflowButton，这个按钮是控件的一个属性，其实也是继承自ToolStripDropDownItem，默认样式如下图：

如何才能替换成像chrome书签栏一样的向右小箭头呢？

本以为直接使用toolStrip.OverflowButton.BackgroundImage=Image.FromFile("OverflowArrowVertical.png")就能解决，可是这样好像没有任何效果。

　　toolStrip的Renderer属性，能够让用户使用自定义的外观，只需要继承ToolStripRenderer类，重写其中的方法就能定义自己的样式，toolStrip的RenderMode是一个枚举值：

public enum ToolStripRenderMode
    {
        // 摘要:
        //     Indicates that the System.Windows.Forms.ToolStrip.RenderMode is not determined
        //     by the System.Windows.Forms.ToolStripManager or the use of a System.Windows.Forms.ToolStripRenderer
        //     other than System.Windows.Forms.ToolStripProfessionalRenderer, System.Windows.Forms.ToolStripSystemRenderer
        [Browsable(false)]
        Custom = 0,
        //
        // 摘要:
        //     Indicates the use of a System.Windows.Forms.ToolStripSystemRenderer to paint.
        System = 1,
        //
        // 摘要:
        //     Indicates the use of a System.Windows.Forms.ToolStripProfessionalRenderer
        //     to paint.
        Professional = 2,
        //
        // 摘要:
        //     Indicates that the System.Windows.Forms.ToolStripManager.RenderMode or System.Windows.Forms.ToolStripManager.Renderer
        //     determines the painting style.
        ManagerRenderMode = 3,
    }

　　可以看到，.net本身提供了4种样式，要实现图标替换，只需要继承任意一个样式并重写OnRenderOverflowButtonBackground方法即可。代码如下：

public class DrawOverflowButtonRenderer : System.Windows.Forms.ToolStripProfessionalRenderer
    {
        Image ofArrowVertical;
        public DrawOverflowButtonRenderer(Image pic)
        {
            ofArrowVertical = pic;
        }

        protected override void OnRenderOverflowButtonBackground(ToolStripItemRenderEventArgs e)
        {
            if (e.ToolStrip.OverflowButton.Enabled)
            {
                if (e.ToolStrip.OverflowButton.Pressed)
                {
                    LinearGradientBrush lgb = new LinearGradientBrush(e.ToolStrip.OverflowButton.Bounds, ofPressedColor1, ofPressedColor2, ofPressedAngle);
                    e.Graphics.FillRectangle(lgb, e.Graphics.ClipBounds);
                    lgb.Dispose();

                }
                else if (e.ToolStrip.OverflowButton.Selected)
                {
                    LinearGradientBrush lgb = new LinearGradientBrush(e.ToolStrip.OverflowButton.Bounds, ofHighlightColor1, ofHighlightColor2, ofHighlightAngle);
                    e.Graphics.FillRectangle(lgb, e.Graphics.ClipBounds);
                    lgb.Dispose();
                }    
            }
            e.Graphics.DrawImage(ofArrowVertical, new Rectangle(0, e.ToolStrip.OverflowButton.Height - ofArrowVertical.Height, e.ToolStrip.OverflowButton.Bounds.Width, e.ToolStrip.OverflowButton.Bounds.Height));
        }
    }

　　调用：this.toolStrip1.Renderer = new DrawOverflowButtonRenderer(Image.FromFile("OverflowArrowVertical.png"))便能替换图标了，最终效果：

　　这个问题纠结了好久，各种谷歌百度，论坛提问都没人解决，平时伸手党惯了，这个控件不行就用其他控件替代，最终还是用英文在google搜了一把，在codeproject上看了老外的一个讨论后得到启示才解决这个问题。感谢万能的谷歌！