株式会社コムラッド／コントロール実行時の動作を制御する


		6：コントロール実行時の動作を制御する　・はじめに　・カスタムペイント　・全体を再描画する　・描画時のちらつきを抑える　・コントロールをスクロール可能にする　・スクロールのまとめ　・連載終了にあたって　・V/HScrollBarをWindows XPスタイルで表示するために　 ◆付録（本稿で取り上げたソースコードおよびサンプルプログラム）　　　\Draw 　　　　描画関連のサンプル　　　\Scroll 　　　　スクロール関連のサンプル　　　\Controls 　　　　記事末コラムのサンプル

		本連載では、これまでデザイン時の挙動に関して重点的に説明をしてきましたが、今回は、実行時の挙動に関連するテクニックについてご紹介します。

■サンプル：NormalDraw■

　これまでカスタムペイント（独自のUI）のコントロールの作り方に関して
触れていなかったので、ここで簡単に説明しておきましょう。

　描画はPaintイベントが発生したタイミングで行ないます。
方法はたいていのイベントと同様に、イベントハンドラを登録する方法と、
protectedなイベントハンドラ用のメソッドをオーバーライドする方法があります。

　イベントハンドラを登録する方法をリスト1に示します。
フォームに対する描画もコントロールに対する描画も基本は同じなので、
サンプルではフォームを使って記述しています。

リスト1：イベントハンドラを使用したカスタムペイント

private void InitializeComponent() {
　（略）
　Paint += new System.Windows.Forms.PaintEventHandler(
　　　　this.NormalDraw_Paint);
}

const float LINEFREQ = 50F;
private void DrawAster(Graphics g) {
　float width = ClientRectangle.Width;
　float height = ClientRectangle.Height;
　float x_delta = width / LINEFREQ;
　float y_delta = height / LINEFREQ;
　for (int i = 0; i < LINEFREQ; i++) {
　　g.DrawLine(blue, 0, y_delta * i,
　　　　width, height - (y_delta * i));
　　g.DrawLine(red, x_delta * (i + 1), 0,
　　　　width - (x_delta * (i + 1)), height);
　}
}
private void NormalDraw_Paint(object sender, PaintEventArgs e) {
　DrawAster(e.Graphics);
}

　また、ここではDrawAsterメソッドにPaintEventArgsのGraphicsプロパティ
（Graphicsオブジェクト）を渡すことで実際の描画を行なっています。
描画結果は、図1のように、星のような線がフォームのクライアント領域に描かれます。

図1：リスト1の描画結果

ページトップへ

■サンプル：ClipArea/ResizeRedraw■

　Graphicsクラスは「GDI＋」を使用した描画の要となるクラスです。
ここで、Graphicsクラスの一部の機能に関して簡単に解説しておきます
（誌面の都合上詳細な解説は行ないませんので、リファレンスなどを参照してください）。

　Graphicsクラスには、描画に関するさまざまな系統のメソッドやプロパティが存在します。

・Draw系：Penクラスを使用して、線を描画する

・Fill系：Brushクラスを使用して、面を塗る

　また、Clipを変更することで、描画の領域を制限したり、SmoothigModeプロパティで、
アンチエイリアスの設定を行なったりすることもできます（リスト2）。

リスト2：アンチエイリアスの設定

private void Smooth_Paint(object sender, PaintEventArgs e) {
　e.Graphics.SmoothingMode = SmoothingMode.AntiAlias;
　// 以下に実際の描画ルーチン
}

　先ほどのサンプルNormalDrawを実際に実行して、フォームのサイズを変更してみてください。
拡大した場合が図2、縮小した場合が図3のようになります。
このように、標準の描画は更新する必要があるところに対してのみ行なわれます。

図2：サンプルNormalDrawを描画結果を拡大した場合

図3：サンプルNormalDrawを描画結果を縮小した場合

　描画される領域に関しては、PaintEventArgsのClipRectangleで取得可能です。

　リスト3のClipArea_Paintメソッドのようなイベントハンドラをフォームに登録することで、
この挙動を正確にモニターすることができます（サンプルClipArea）。
ここでは、念のためにOnPaintメソッドをオーバーライドしてみましたが、特に違いはないようです。
これにより、拡大時は新たに露出した部分だけ描画され、
縮小時はPaintイベントがまったく発生しないことがわかります。

リスト3：Paintイベントハンドラでのクリップ領域の出力

private void ClipArea_Paint(object sender, PaintEventArgs e) {
　Console.WriteLine("PaintEvent : {0}", e.ClipRectangle);
}
protected override void OnPaint(PaintEventArgs e) {
　Console.WriteLine("OnPaint : {0}", e.ClipRectangle);
　base.OnPaint(e);
}

　この仕組みは、再描画する部分を必要最低限に抑えて、描画スピードを上げるのが目的ですが、
今回の描画のように、表示されている画面の比率により、「描画が異なる」「伸縮表示の画像を貼る」などの場合、
全体に対して再描画したいというニーズもあるでしょう。

　この動作を変更するためには、Controlクラスのprotectedメソッドである、
SetStyleメソッドを使用して、以下のように設定を変更します。

　　　SetStyle(ControlStyles.ResizeRedraw, true);

　この変更は、InitializeComponentの中で行なってもよいのですが、Visual Studio .NET 2003では、
「メソッドSystem.Windows.Forms.Form.SetStyleが見つかりません」というエラーが
表示されてしまいますので（SetStyleがprotectedなメソッドだからだと考えられます）、
コンストラクタに記述することをお勧めします。

　この変更を加えたプログラムがサンプルResizeRedrawになります。
サンプルResizeRedrawを実際に実行し、先ほどのようにサイズを変更してみてください。
今度はきちんと再描画されるのがわかると思います。

.NET Roomトップへ　|　ページトップへ　|　次へ