質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.46%
C#

C#はマルチパラダイムプログラミング言語の1つで、命令形・宣言型・関数型・ジェネリック型・コンポーネント指向・オブジェクティブ指向のプログラミング開発すべてに対応しています。

Visual Studio

Microsoft Visual StudioはMicrosoftによる統合開発環境(IDE)です。多種多様なプログラミング言語に対応しています。

Q&A

解決済

3回答

463閲覧

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

matutake

総合スコア2

C#

C#はマルチパラダイムプログラミング言語の1つで、命令形・宣言型・関数型・ジェネリック型・コンポーネント指向・オブジェクティブ指向のプログラミング開発すべてに対応しています。

Visual Studio

Microsoft Visual StudioはMicrosoftによる統合開発環境(IDE)です。多種多様なプログラミング言語に対応しています。

0グッド

0クリップ

投稿2024/03/04 22:44

実現したいこと

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

前提

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

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

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

該当のソースコード

C#

1 private void RowPostPaint(object sender, DataGridViewRowPostPaintEventArgs e) 2 { 3 if (cellclicker)//cellclickerはどこかのセルがクリックしたときにtrueになります。 4 { 5 //上底 6 e.Graphics.DrawLine(pen, 0, selectflame.Y, 480, selectflame.Y); 7 //下底 8 e.Graphics.DrawLine(pen, 0, selectflame.Y + timeTable.RowTemplate.Height - 1, 480, selectflame.Y + timeTable.RowTemplate.Height - 1); 9 //左 10 e.Graphics.DrawLine(pen, 0, selectflame.Y, 0, selectflame.Y + timeTable.RowTemplate.Height); 11 //右 12 e.Graphics.DrawLine(pen, 480, selectflame.Y, 480, selectflame.Y + timeTable.RowTemplate.Height); 13 14 cellclicker = false; 15 } 16 }

試したこと

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

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

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

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答3

0

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

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

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


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

投稿2024/03/05 01:28

編集2024/03/05 01:34
fana

総合スコア11708

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

matutake

2024/03/06 22:46

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

0

ベストアンサー

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

csharp

1private int clickedRow = -1; 2 3private void dataGridView1_CellMouseDown(object sender, DataGridViewCellMouseEventArgs e) { 4 DataGridView dgv = (DataGridView)sender; 5 if (clickedRow != e.RowIndex) { 6 if (clickedRow != -1) dgv.InvalidateRow(clickedRow); // 前の行を描画要求 7 clickedRow = e.RowIndex; 8 if (clickedRow != -1) dgv.InvalidateRow(clickedRow); // クリックした行を描画要求 9 } 10} 11 12private void dataGridView1_RowPostPaint(object sender, DataGridViewRowPostPaintEventArgs e) { 13 DataGridView dgv = (DataGridView)sender; 14 if (e.RowIndex == clickedRow) { 15 // RowHeader の右端に赤い丸を描画します。 16 var row = dgv.Rows[e.RowIndex]; 17 Rectangle face = new Rectangle(e.RowBounds.Location, 18 new Size(dgv.RowHeadersWidth, row.Height)); 19 TextRenderer.DrawText(e.Graphics, "●", dgv.Font, face, Color.Red, 20 TextFormatFlags.Right | TextFormatFlags.VerticalCenter); 21 } 22}

投稿2024/03/05 01:41

KOZ6.0

総合スコア2646

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

matutake

2024/03/05 22:24

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

2024/03/05 23:42

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

2024/03/06 22:43

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

0

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

投稿2024/03/06 22:50

matutake

総合スコア2

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.46%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問