開源DataGridView擴展(4) 自定義帶序號的行首

 其實,在很多時候我們對Excel的使用習慣會影響着我們的一些用戶體驗。那今天要介紹的就是像Excel那樣表格行頭會有序號,如下:

r0

一、實現原理及步驟

       其實很簡單,要首先去了解DataGridView中表格的構造;通過前面我們的摸索,我們知道在Column中有HeaderCell,那麼反過來,行首,是不是應該也有行表頭單元格HeaderCell呢?

       從調研中,我發現在DataGridView中有RowTemplate一個屬性,找到這個屬性我就立馬見到了曙光;再進一步嘗試之後發現了RowTemplate中有HeaderCell屬性,這就是我要尋找的行表頭的單元格樣式,那麼原理就是將這個行表頭單元格重寫。

 

public class DataGridViewRowHeaderCellEx:DataGridViewRowHeaderCell
    {
        protected override void Paint(
            System.Drawing.Graphics graphics, 
            System.Drawing.Rectangle clipBounds, 
            System.Drawing.Rectangle cellBounds, 
            int rowIndex, 
            DataGridViewElementStates cellState, 
            object value, 
            object formattedValue, 
            string errorText, 
            DataGridViewCellStyle cellStyle,
            DataGridViewAdvancedBorderStyle advancedBorderStyle,
            DataGridViewPaintParts paintParts)
        {
            base.Paint(graphics, clipBounds, cellBounds, rowIndex, cellState, value, formattedValue, errorText, 
                   cellStyle, advancedBorderStyle, paintParts);
            //graphics.DrawString(rowIndex.ToString(), this.DataGridView.Font, new SolidBrush(Color.Blue),cellBounds);
            TextRenderer.DrawText(graphics, (rowIndex+1).ToString(), DataGridView.Font, cellBounds, Color.Black);
        }
    }
 
從上面的代碼來看,真的很簡單的實現了RowHeaderCell的重寫了,然後在註冊:
  public DataGridViewEx()
            : base()
        {
            this.SetStyle(ControlStyles.AllPaintingInWmPaint | 
                ControlStyles.UserPaint | 
                ControlStyles.OptimizedDoubleBuffer |
                ControlStyles.ResizeRedraw, true);
            this.CellFormatterRegister = new DataGridCellFormatter();
            this.RowTemplate.HeaderCell = new DataGridViewRowHeaderCellEx();
        }
可以了,這樣就實現了我們需要的簡單的效果了,不過這只是簡單的實現,以後要增加圖例或者其他要求的話,直接在擴展裏面繪製就行了。

二、需要注意的地方

       我們先來看兩種效果:

r1

r2

        從兩幅圖看來,主要的區別在於在索引文字的顯示位置和對齊方式。圖一時使用graphics.DrawString的,後者是使用TextRenderer來做的,兩種效果有明顯的不同,這就是本次例子要注意的地方;TextRenderer繪製出來的文字通常情況下是按照中間位置並且不會影響到區域的本來的背景等,所以建議在更多的情況下用TextRenderer來繪製文本。

三、演示程序及源碼

演示程序:04[20120505][email protected]

開源項目:http://sourceforge.net/p/datagridviewex/code-0/3/tree/trunk/DataGridViewEx/

 

作者:江心逐浪(個人開發歷程知識庫 - 博客園) 
出處:http://gxjiang.cnblogs.com/ 
文章版權歸本人所有,歡迎轉載,但未經作者同意必須保留此段聲明,且在文章頁面明顯位置給出原文連接,否則保留追究法律責任的權利。
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章