开源DataGridView扩展（2） 自定义的Button列

一、 DataGridView自带的Button列的缺点

1. 按钮大小不能控制。

2. 按钮文本要么是统一要么就跟单元格内容一致，不能根据具体内容划分几种类型。

3. 按钮的启用/禁用不容易按照内容来自动绑定。

4. 按钮的显示/隐藏也不容易按照内容自动绑定。

5. 按钮的点击事件不能直接抛出，只能靠捕获CellContentClick事件。

6. 一列不能有多个按钮。

二、 DataGridViewEx中是否解决这些问题

1. 如以上图中所示，使用重绘机制，在定义实现的Button列中的可以实现按钮的大小固定，不随单元格改变。并且在Column中可以设置统一的 

    的按钮大小，但是也可以分别设置每一个按钮的大小，既大小可以不相同。

2. 自定义表格中使用Column中的统一默认文本，同时也提供对每一个单元格中的按钮进行单独的设置，这样就可以结合后面的单元格内容格式化

    器来实现不同类型的内容显示不同的按钮了。

3. 在自定义的Button列中支持单个按钮的启用/禁用、显示/隐藏。这个也可以通过下一讲中的单元格内容格式化器来实现绑定。

4. 在自定义的Button列中单独对按钮的点击事件直接抛出给DataGridVieEx层，由DataGridViewEx的CellButtonClicked事件绑定即可，这样就  

    不用再CellClick中绑定，并且还可能出现点击单元格也响应了事件的问题了，这个事件如上面的第二个图。

5. 对于同一列多个按钮的情况，暂时实现，如果以后又可能再继续要讲。

 

    通过这些，其实我们要掌握一个Buttonlie重绘的一个思想：根据我们的需求，更多的东西应该转向按钮本身而不是这一单元格。

三、 DataGridViewEx中的Button列的实现

    就其实现来说，和上一个CheckBox列差不多，Button列主要扩展了两个类：DataGridViewButtonColumnEx和DataGridViewButtonCellEx,

1. 在DataGridViewButtonColumnEx中将CellTemplate设置为DataGridViewButtonCellEx实例:5

        public DataGridViewButtonColumnEx()

            : base()

        {

            this.CellTemplate = new DataGridViewButtonCellEx();

        }

2. 在DataGridViewButtonCellEx中定义一些需要有用的属性，主用用于按钮，把属性的用途从Cell转为Button：

        private bool m_enabled = true;

        [Category("Jonson Design"), Browsable(true), Localizable(true), Description("是否可用")]

        public bool Enabled

        {

            get { return m_enabled; }

            set { m_enabled = value; }

        }



        /// <summary>

        /// 这里按钮的可见进行重写，原有的是从column中统一设置，

        /// 通过此属性可以单独设置是否可见

        /// </summary>

        private bool m_visible = true;

        [Category("Jonson Design"), Browsable(true), Localizable(true), Description("是否可见")]

        public new bool Visible

        {

            get { return m_visible; }

            set { m_visible = value; }

        }



        /// <summary>

        /// 如果按钮文本没有单独设置的话，将使用column中设置的文本

        /// </summary>

        private string m_text = string.Empty;

        [Category("Jonson Design"), Browsable(true), Localizable(true), Description("按钮文本")]

        public string Text

        {

            get

            {

                if (string.IsNullOrEmpty(m_text))

                    m_text = this.OwningColumnEx.ButtonText;

                return m_text;

            }

            set

            {

                m_text = value;

            }

        }

3. 针对按钮在鼠标的不同作用下显示不同样式进行处理，要处理这些鼠标的事件：

     protected override void OnMouseMove(DataGridViewCellMouseEventArgs e)

        {

            base.OnMouseMove(e);

            if (IsInRegion(e.Location, e.ColumnIndex, e.RowIndex))

            {

                this.m_curBtnState = PushButtonState.Hot;

            }

            else

            {

                this.m_curBtnState = PushButtonState.Normal;

            }

            this.DataGridView.InvalidateCell(this);

        }



        protected override void OnMouseLeave(int rowIndex)

        {

            base.OnMouseLeave(rowIndex);

            this.m_curBtnState = PushButtonState.Normal;

            this.DataGridView.InvalidateCell(this);

        }



        protected override void OnMouseDown(DataGridViewCellMouseEventArgs e)

        {

            base.OnMouseDown(e);

            if (IsInRegion(e.Location, e.ColumnIndex, e.RowIndex))

            {

                this.m_curBtnState = PushButtonState.Pressed;

            }

            else

            {

                this.m_curBtnState = PushButtonState.Normal;

            }

            this.DataGridView.InvalidateCell(this);

        }

 

 

4. 绘制按钮，在Paint方法中将按钮按照设定的大小、各种属性以及当前的状态进行绘制：

 

        protected override void Paint(Graphics graphics, Rectangle clipBounds, Rectangle cellBounds, int rowIndex,    

           DataGridViewElementStates elementState, object value, object formattedValue, string errorText, DataGridViewCellStyle 

           cellStyle, DataGridViewAdvancedBorderStyle advancedBorderStyle, DataGridViewPaintParts paintParts)

        {

            //

            // 此段代码主要解决xp下，如果鼠标默认在按钮列上，按钮的默认绘制样式问题

            //

            if (this.m_firstDraw)

            {

                this.m_firstDraw = false;

                this.m_curBtnState = this.Enabled ? PushButtonState.Normal : PushButtonState.Disabled;

            }

            // 是否需要重绘单元格的背景颜色

            m_brushCellBack = this.DataGridView.SelectedCells.Contains(this) ?

                new SolidBrush(cellStyle.SelectionBackColor) : new SolidBrush(cellStyle.BackColor);

            graphics.FillRectangle(m_brushCellBack, cellBounds.X, cellBounds.Y, cellBounds.Width, cellBounds.Height);



            //计算button的区域

            m_buttonRegion = RectangleCommon.GetSmallRectOfRectangle(cellBounds, this.Size, out this.m_absBtnRegion);



            //绘制按钮

            if (m_enabled)

                this.InternalDrawButton(graphics, m_buttonRegion, m_curBtnState, Text);

            else

                this.InternalDrawButton(graphics, m_buttonRegion, PushButtonState.Disabled, Text);



            // 填充单元格的边框

            base.PaintBorder(graphics, clipBounds, cellBounds, cellStyle, advancedBorderStyle);

        }



        protected void InternalDrawButton(Graphics graphics, Rectangle bounds, PushButtonState buttonState, string buttonText)

        {

            //如果是隐藏的，不绘制

            if (!m_visible) return;



            Color buttonTextColor = SystemColors.ControlText;

            if (buttonState == PushButtonState.Disabled)

                buttonTextColor = SystemColors.GrayText;



            ButtonRenderer.DrawButton(graphics, bounds, buttonState);

            if (buttonText != null)

                TextRenderer.DrawText(graphics, buttonText, this.DataGridView.Font, bounds, buttonTextColor);

        }

四、 Demo程序和开源源码

         上一篇　　　　：开源DataGridView扩展（1） 扩展支持全选的CheckBox列。

         Demo下载　　：点击这里

         源码下载　　　：http://sourceforge.net/p/datagridviewex/code-0/3/tree/trunk/DataGridViewEx/

 

下一讲  将介绍如何设计一个单元格内容格式化器，轻松实现按内容显示颜色、禁用按钮等。