＠IT：.NET TIPS 背景の描画を禁止して再描画時のちらつきをなくすには？

.NET TIPS

背景の描画を禁止して再描画時のちらつきをなくすには？

デジタルアドバンテージ
2004/08/06

　グラフィックを表示するアプリケーションでは、ウィンドウをリサイズしたときなどにその表示がちらつくことがある。例えば、「TIPS：ウィンドウのリサイズ時に再描画を行うには？」で示したサンプル・プログラムがその一例である。本稿では再描画時のちらつきをなくすための方法について解説する。

OnPaintBackgroundメソッドの無効化

　描画がちらつく原因は、OnPaintメソッド（あるいはPaintイベントのイベント・ハンドラ）で実際の描画を行う前に、背景が自動的に消去されるためだ。背景の消去とは、具体的には、Formクラス（System.Windows.Forms名前空間）のBackgroundImageプロパティで指定されている画像の描画や、BackColorプロパティで指定されている色による塗りつぶしのことである。

　特にクライアント領域全体にグラフィックを描画するようなアプリケーションでは、プログラムですべての描画を行うため、このような背景の消去はまったく不要である。

　背景の消去（描画）は、Formクラスのスーパー・クラスであるControlクラス（System.Windows.Forms名前空間）のOnPaintBackgroundメソッドで行われている。よって、再描画時のちらつきをなくすためにはOnPaintBackgroundメソッドを空のメソッドでオーバーライドすればよい。

　次のサンプル・コード*は、「TIPS：ウィンドウのリサイズ時に再描画を行うには？」で示したサンプル・プログラムに、空のOnPaintBackgroundメソッドを追加したものだ。

* このサンプル・コードを試すには、まずVisual Studio .NETで新しいプロジェクトとして「Windows アプリケーション」を選択してプロジェクトを作成する。そしてフォームをダブルクリックしてコードを開き、自動作成されているForm1_Loadメソッドを削除してから、このサンプル・コードをコピー＆ペーストすればよい。

Image bitmap;



private void Form1_Load(object sender, System.EventArgs e)

{

  System.Net.WebClient wc = new System.Net.WebClient();

  System.IO.Stream stream = wc.OpenRead("http://www.atmarkit.co.jp/fdotnet/images/fdotnet_m.gif");

  bitmap = new Bitmap(stream);

  stream.Close();



  this.ClientSize = bitmap.Size;



  this.SetStyle(ControlStyles.ResizeRedraw, true);

}



protected override void OnPaint(PaintEventArgs e)

{

  base.OnPaint(e);

  e.Graphics.DrawImage(bitmap, this.ClientRectangle);

}



protected override void OnPaintBackground(PaintEventArgs pevent)

{

  // 何もしない

  // base.OnPaintBackground(pevent);

}

OnPaintBackgroundメソッドを無効化したC#のサンプル・コード

Dim bitmap As Image



Private Sub Form1_Load(ByVal sender As Object, ByVal e As EventArgs) Handles MyBase.Load

  Dim wc As System.Net.WebClient = New System.Net.WebClient

  Dim stream As System.IO.Stream = wc.OpenRead("http://www.atmarkit.co.jp/fdotnet/images/fdotnet_m.gif")

  bitmap = New Bitmap(stream)

  stream.Close()



  Me.ClientSize = bitmap.Size



  Me.SetStyle(ControlStyles.ResizeRedraw, True)

End Sub



Protected Overrides Sub OnPaint(ByVal e As PaintEventArgs)

  MyBase.OnPaint(e)

  e.Graphics.DrawImage(bitmap, Me.ClientRectangle)

End Sub



Protected Overrides Sub OnPaintBackground(ByVal pevent As System.Windows.Forms.PaintEventArgs)

  ' 何もしない

End Sub

OnPaintBackgroundメソッドを無効化したVB.NETのサンプル・コード

ControlStyles.Opaqueの設定

　あるいは、次のようにしてフォームのコントロール・スタイルに「ControlStyles.Opaque」を設定しておいても同様の効果が得られる（デフォルトではこの設定はfalseとなっている）。

this.SetStyle(ControlStyles.Opaque, true);

　コントロール・スタイルのControlStyles.Opaqueは、描画時に無効領域の背景を消去する（falseに設定時）か、そのままにするか（trueに設定時）を決定するフラグである。これをtrueにした場合には背景は消去されず（描画されず）、OnPaintBackgroundメソッドの呼び出しもスキップされる。

　次のサンプル・コードは、先のサンプル・コードをControlStyles.Opaqueの設定を使用して書き換えたものだ。

Image bitmap;



private void Form1_Load(object sender, System.EventArgs e)

{

  System.Net.WebClient wc = new System.Net.WebClient();

  System.IO.Stream stream = wc.OpenRead("http://www.atmarkit.co.jp/fdotnet/images/fdotnet_m.gif");

  bitmap = new Bitmap(stream);

  stream.Close();



  this.ClientSize = bitmap.Size;



  this.SetStyle(ControlStyles.ResizeRedraw, true);

  this.SetStyle(ControlStyles.Opaque, true);

}



protected override void OnPaint(PaintEventArgs e)

{

  base.OnPaint(e);

  e.Graphics.DrawImage(bitmap, this.ClientRectangle);

}



// protected override void OnPaintBackground(PaintEventArgs pevent)

// {

//   // 何もしない

//   // base.OnPaintBackground(pevent);

// }

コントロール・スタイルの設定により背景の消去を行わないC#のサンプル・コード

このコードを含むフォーム（Form1.cs）のダウンロード

Dim bitmap As Image



Private Sub Form1_Load(ByVal sender As Object, ByVal e As EventArgs) Handles MyBase.Load

  Dim wc As System.Net.WebClient = New System.Net.WebClient

  Dim stream As System.IO.Stream = wc.OpenRead("http://www.atmarkit.co.jp/fdotnet/images/fdotnet_m.gif")

  bitmap = New Bitmap(stream)

  stream.Close()



  Me.ClientSize = bitmap.Size



  Me.SetStyle(ControlStyles.ResizeRedraw, True)

  Me.SetStyle(ControlStyles.Opaque, True)

End Sub



Protected Overrides Sub OnPaint(ByVal e As PaintEventArgs)

  MyBase.OnPaint(e)

  e.Graphics.DrawImage(bitmap, Me.ClientRectangle)

End Sub



' Protected Overrides Sub OnPaintBackground(ByVal pevent As System.Windows.Forms.PaintEventArgs)

'   ' 何もしない

' End Sub

コントロール・スタイルの設定により背景の消去を行わないVB.NETのサンプル・コード

このコードを含むフォーム（Form1.vb）のダウンロード

　基本的に、ここで示した方法はクライアント領域全体に描画するようなアプリケーションに適用できるものだ。クライアント領域の一部にのみ描画するようなアプリケーションでは、当然ながら、その領域以外の部分が描画されずにゴミが残ることになる。

　なお、背景の消去によるちらつきを防止しても、描画するグラフィックが複雑である場合には、描画によるちらつきが発生することがある。これを抑えるために「ダブル・バッファリング」という機能がフォームには用意されているが、これについては「TIPS：ダブル・バッファリングにより描画を行うには？」で解説している。

カテゴリ：Windowsフォーム　処理対象：ウィンドウ
使用ライブラリ：Controlクラス（System.Windows.Forms名前空間）
使用ライブラリ：Formクラス（System.Windows.Forms名前空間）
使用ライブラリ：ControlStyles列挙体（System.Windows.Forms名前空間）
関連TIPS：ウィンドウのリサイズ時に再描画を行うには？
関連TIPS：ダブル・バッファリングにより描画を行うには？

この記事と関連性の高い別の.NET TIPS

		ダブル・バッファリングにより描画を行うには？
		ダブル・バッファリングにより描画を行うには？（DoubleBuffered編）
		ウィンドウのリサイズ時に再描画を行うには？
		文字列や画像を無効状態で描画するには？
		PictureBoxコントロールにグラフィックを描画するには？

このリストは、（株）デジタルアドバンテージが開発した
自動関連記事探索システム Jigsaw（ジグソー）により自動抽出したものです。

generated by

更新履歴

【2004/08/19】 関連TIPSとして「TIPS：ダブル・バッファリングにより描画を行うには？」についての記述を追加しました。

「.NET TIPS」

TechTargetジャパン

Insider.NET フォーラム新着記事

新人プログラマーのためのInsider.NETの歩き方 2012 （2012/5/22）
　晴れて.NETプログラマーとなる新人が効率的に開発技術を習得するには？大量にある記事群の中から新人が読むべきお勧めを厳選して紹介
jQuery MobileでJavaScriptプログラミング （2012/5/17）
　jQuery Mobileは手軽なだけでなく、JavaScriptのAPIも充実しており、独自機能の実装もできる。今回は「グローバル設定」と「イベント」を解説
Windows上で開発するための開発環境構築入門 （2012/5/16）
　Windowsを使ってチームで開発している？なのにサーバOSを設定・運用した経験がない？そうなら、今すぐ学ぼう
「コントラクト」でアプリのサンドボックスを乗り越える！ （2012/5/11）
　Metroスタイル・アプリはサンドボックスの中で動作する。それを乗り越えてほかのアプリと連携する仕組み「コントラクト」を解説

＠ITメールマガジン　新着情報やスタッフのコラムがメールで届きます（無料）

RSSフィード

＠IT 新着記事

キャリアアップ

- PR -

＠IT Sepcial

＠IT Special ヘ

イベントカレンダー

PickUpイベント

- PR -

アクセスランキング

ニュース一覧へ

- PR -

お勧め求人情報

転職／派遣情報を探す

エンジニアの求人情報、ただいま増加中
【転職サーチ】SIer／Web企業／新規事業
スマホ開発で、あなたのキャリアを生かす

派遣エンジニアにお役立ちの仕事情報
「派遣・フリーで働くメリット」とは？
活躍する派遣エンジニアの本音

エンジニアのキャリア実現を応援します

ITトレメ「ビジネス基礎」シリーズ開始
「マナー＆コミュニケーション編」「法律・知財・債権管理編」

＊先週の人気講座ランキング＊
～ Android編～

ホワイトペーパー（TechTargetジャパン）