DataGridViewで線を想定通りに描画したい

Question

実現したいこと

DataGridViewにおいてクリックした行を囲う枠線を描画する

前提

Visual Studio 2022のDataGridViewについての質問です。
上記の動作をRowPostPaintイベント内でDrawLineを使ってできるようにしたいのですが、選択（クリック）したセルの行に枠線が描画されずダブルクリックしたセルに枠線の一部が描画されているような状態になります。

他の動作も不安定で、クリックして描画されることもあればダブルクリックして描画されることがあったり、一回前に選択（クリック）したセルの枠線が消えたりまたは描画されたりします。

DataGridViewの仕様は、全体の大きさは縦３８５ピクセル、横４８０ピクセル、セルの構成は縦１～１００マス、横8マスで、セルの大きさは縦３６０～３ピクセル、横６０ピクセルです。行のヘッダーは消しています。
またSelectionBackColorはTransparentに変更しています。ほかにもパラメータは数個いじっているのでそれが原因になっている可能性も考えられますが自分にはわかりませんでした。

該当のソースコード

 private void RowPostPaint(object sender, DataGridViewRowPostPaintEventArgs e)
 {
     if (cellclicker)//cellclickerはどこかのセルがクリックしたときにtrueになります。
     {
         //上底
         e.Graphics.DrawLine(pen, 0, selectflame.Y, 480, selectflame.Y);
         //下底
         e.Graphics.DrawLine(pen, 0, selectflame.Y + timeTable.RowTemplate.Height - 1, 480, selectflame.Y + timeTable.RowTemplate.Height - 1);
         //左
         e.Graphics.DrawLine(pen, 0, selectflame.Y, 0, selectflame.Y + timeTable.RowTemplate.Height);
         //右
         e.Graphics.DrawLine(pen, 480, selectflame.Y, 480, selectflame.Y + timeTable.RowTemplate.Height);

         cellclicker = false;
     }
 }

試したこと

最初はCellPaintingイベント内で処理しようとしていましたが、うまくいきませんでした。でも枠線の描画する範囲を変えれば、選択（クリック）したセルに枠線を描画する、というような動作は作れました（エクセル的な）。

補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。

Answer 1

if (cellclicker)//cellclickerはどこかのセルがクリックしたときにtrueになります。

この cellclicker を描画処理内で false にしている，というのがまず変だと見えます．
これって，「コレをどこかで true にした直後の１回目の RowPostPaint 時にしか効かない」という話になると思いますが，果たしてそれで良いのでしょうか？

RowPostPaint は行毎に呼ばれる物であろうと思うので，
たまたま「直後の１回目」となったある行のための RowPostPaint でのみ DrawLine での描画を実施した後，以降の他の行の描画がその一部または全部を上書きしてしまい得るように思うのですが．

---

要は，
「DataGridView の各部位が いつ/どんな順序で 描画されるのかはわからない　→　ならば， いつ/どんな順序で 描画されようが大丈夫な形の実装をする必要がある」という話になるのではないかと．
（再描画なんて様々な要因で発生し得るハズ．そんなタイミングでフラグ操作みたいなことをするべきではない）

Comments

[matutake]

回答ありがとうございます。
ベストアンサーはほかの方にさせていただきましたが参考になる回答ありがとうございました。

Answer 2

描画は何度でも起きるので、「クリックした行」を保持してください。
具体的には以下のコードのようにします。
CellClick イベントだとなんだかずれた感じがしたので、CellMouseDown イベントを使っています。

private int clickedRow = -1;

private void dataGridView1_CellMouseDown(object sender, DataGridViewCellMouseEventArgs e) {
    DataGridView dgv = (DataGridView)sender;
    if (clickedRow != e.RowIndex) {
        if (clickedRow != -1) dgv.InvalidateRow(clickedRow); // 前の行を描画要求
        clickedRow = e.RowIndex;
        if (clickedRow != -1) dgv.InvalidateRow(clickedRow); // クリックした行を描画要求
    }
}

private void dataGridView1_RowPostPaint(object sender, DataGridViewRowPostPaintEventArgs e) {
    DataGridView dgv = (DataGridView)sender;
    if (e.RowIndex == clickedRow) {
        // RowHeader の右端に赤い丸を描画します。
        var row = dgv.Rows[e.RowIndex];
        Rectangle face = new Rectangle(e.RowBounds.Location, 
                                    new Size(dgv.RowHeadersWidth, row.Height));
        TextRenderer.DrawText(e.Graphics, "●", dgv.Font, face, Color.Red, 
                    TextFormatFlags.Right | TextFormatFlags.VerticalCenter);
    }
}

Comments

[matutake]

回答ありがとうございます。描画するものを変更して試してみましたが解決できませんでした。
・クリックした列にしか枠が描画されていない。
・上から下にクリックしていくと、クリックした行より上の行に枠が完全に描画されてそのまま消えない。
下から上にクリックしていくと、それより下の行の枠が消える。
以上の問題が発生する原因について心当たりありますでしょうか。たびたび質問すみません。

[KOZ6.0]

RowPostPaint イベントで描画できる範囲を超えて描画しているのでは？
引数(DataGridViewRowPostPaintEventArgs) の RowBounds が描画できる範囲です。(高さは -1 )
領域をはみ出して描画したいのであれば、Paint イベントを使ってください。
その場合、InvalidateRow メソッドでなく、Invalidate メソッドを使うことになります。

[matutake]

回答ありがとうございます。
試行錯誤の結果invalidataメソッドを使ってとりあえず想定通りに動作するようになったので、ひとまずは回答を締め切りたいと思います。ありがとうございました。

Answer 3

invalidataメソッドとペイントの描画を別イベントで2回行う。（ゴリ押しなので応急処置程度に）