main.c #include <stdio.h> #include <windows.h> #include "library.h" #define CLASS_NAME "Owner Draw Sample" enum BUTTON_STATE { BG = 0, NORMAL, MOVER, GRAY, HIT, IMAGE_COUNT }; HWND _main = NULL; HWND _button = NULL; SHORT _button_left = 0; SHORT _button_top = 0; WORD _button_width = 200; WORD _button_height = 30; BOOL _enable = TRUE; BOOL _mouse_over = FALSE; BOOL _hit = FALSE; HDC _imageDC[IMAGE_COUNT]; HDC _maskDC[IMAGE_COUNT]; HBITMAP _image[IMAGE_COUNT]; HBITMAP _mask[IMAGE_COUNT]; void _DeleteImage( void ) { int i; for( i = 0; i < IMAGE_COUNT; i++ ) { MyDeleteBitmap( _imageDC[i], _image[i] ); MyDeleteBitmap( _maskDC[i], _mask[i] ); } } BOOL _LoadImage( void ) { char * namelist[] = { "normal.bmp", "over.bmp", "gray.bmp", "hit.bmp" }; BOOL failed = FALSE; int i; for( i = 1; i < IMAGE_COUNT; i++ ) { if( !MyLoadBitmap( _main, &_imageDC[i], &_image[i], namelist[i-1] ) ) failed = TRUE; if( !MyMakeMask( RGB(255,0,255), _imageDC[i], _image[i], &_maskDC[i], &_mask[i] ) ) failed = TRUE; } if( failed ) { _DeleteImage(); return FALSE; } return TRUE; } LRESULT _OnButtonPaint( void ) { PAINTSTRUCT ps; enum BUTTON_STATE state = GRAY; BeginPaint( _button, &ps ); if( _enable ) { if( _hit ) state = HIT; else if( _mouse_over ) state = MOVER; else state = NORMAL; } BitBlt( ps.hdc, 0, 0, _button_width, _button_height, _imageDC[(int)BG], 0, 0, SRCCOPY );/*背景*/ BitBlt( ps.hdc, 0, 0, _button_width, _button_height, _maskDC[(int)state], 0, 0, SRCAND );/*ボタンのマスク*/ BitBlt( ps.hdc, 0, 0, _button_width, _button_height, _imageDC[(int)state], 0, 0, SRCPAINT );/*ボタンの絵*/ EndPaint( _button, &ps ); return 1; } LRESULT _OnRightMouseButtonDown( void ) { if( _enable ) { _enable = _mouse_over = _hit = FALSE; SetWindowLong( _button, GWL_STYLE, WS_CHILD|WS_DISABLED|WS_VISIBLE|BS_OWNERDRAW ); InvalidateRect( _button, NULL, TRUE ); } else { _enable = TRUE; SetWindowLong( _button, GWL_STYLE, WS_CHILD|WS_VISIBLE|BS_OWNERDRAW ); InvalidateRect( _button, NULL, TRUE ); } return 0; } LRESULT _OnPaint( void ) { PAINTSTRUCT ps; char text[256]; BeginPaint( _main, &ps ); sprintf( text, "ボタン外を右クリックで" ); TextOut( ps.hdc, 0, 0, text, (int)strlen(text) ); sprintf( text, "ボタンの有効・無効を切り替えます。" ); TextOut( ps.hdc, 0, 20, text, (int)strlen(text) ); EndPaint( _main, &ps ); return 0; } LRESULT CALLBACK ButtonProc( HWND h, UINT m, WPARAM w, LPARAM l ) { switch( m ) { case WM_PAINT: return _OnButtonPaint(); case WM_MOUSEMOVE: /*フォールスルー*/ case WM_SETFOCUS: if( !_mouse_over ) { _mouse_over = TRUE; InvalidateRect( _button, NULL, TRUE ); } return 0; case WM_KILLFOCUS: if( _mouse_over ) { _mouse_over = _hit = FALSE; InvalidateRect( _button, NULL, TRUE ); } return 0; case WM_LBUTTONDOWN: if( !_hit ) { _hit = TRUE; InvalidateRect( _button, NULL, TRUE ); } return 0; case WM_LBUTTONUP: if( _hit ) { _hit = FALSE; InvalidateRect( _button, NULL, TRUE ); } return 0; } return DefWindowProc( h, m, w, l ); } BOOL _CreateButton( void ) { RECT r; HDC hdc; if( !GetClientRect( _main, &r ) ) return FALSE; _button_left = ( r.right - r.left - _button_width ) / 2; _button_top = ( r.bottom - r.top - _button_height ) / 2; if( !MyMakeBitmap( _main, &_imageDC[0], &_image[0], _button_width, _button_height ) ) return FALSE; hdc = GetDC( _main ); BitBlt( _imageDC[0], 0, 0, _button_width, _button_height, hdc, 0, 0, SRCCOPY ); ReleaseDC( _main, hdc ); _button = CreateWindow( "BUTTON", "", WS_CHILD|WS_VISIBLE|BS_OWNERDRAW, _button_left, _button_top, _button_width, _button_height, _main, NULL, (HINSTANCE)GetWindowLong( _main, GWL_HINSTANCE ), NULL ); if( !_button || !_LoadImage() ) { _DeleteImage(); return FALSE; } SetWindowLong( _button, GWL_WNDPROC, (long)ButtonProc ); return TRUE; } LRESULT CALLBACK WinProc( HWND h, UINT m, WPARAM w, LPARAM l ) { switch( m ) { case WM_RBUTTONDOWN: return _OnRightMouseButtonDown(); case WM_PAINT: return _OnPaint(); case WM_DESTROY: _DeleteImage(); PostQuitMessage(0); return 0; case WM_MOUSEMOVE: if( _mouse_over ) { _mouse_over = _hit = FALSE; InvalidateRect( _button, NULL, TRUE ); } return 0; } return DefWindowProc( h, m, w, l ); } int WINAPI WinMain( HINSTANCE hinstance, HINSTANCE h, LPSTR c, int s ) { WNDCLASS wc; MSG msg; (void)h; (void)c; (void)s; memset( &wc, 0, sizeof(wc) ); wc.hbrBackground = (HBRUSH)GetStockObject( BLACK_BRUSH ); wc.hCursor = LoadCursor( NULL, IDC_ARROW ); wc.hIcon = LoadIcon( NULL, IDI_WINLOGO ); wc.hInstance = hinstance; wc.lpfnWndProc = WinProc; wc.lpszClassName = CLASS_NAME; if( !RegisterClass( &wc ) ) return 1; _main = CreateWindow( CLASS_NAME, "", WS_BORDER|WS_CAPTION|WS_CLIPCHILDREN|WS_SYSMENU|WS_VISIBLE, 0, 0, 400, 200, NULL, NULL, hinstance, NULL ); if( !_main ) return 1; if( !_CreateButton() ) return 1; while( GetMessage( &msg, 0, 0, 0 ) > 0 ) { TranslateMessage( &msg ); DispatchMessage( &msg ); } return 0; } library.h #ifndef _my_library_h_ #define _my_library_h_ #include <windows.h> extern void MyDeleteBitmap( HDC, HBITMAP ); extern BOOL MyLoadBitmap( HWND, HDC *, HBITMAP *, LPCSTR ); extern BOOL MyMakeBitmap( HWND, HDC *, HBITMAP *, DWORD, DWORD ); extern BOOL MyMakeMask( COLORREF, HDC, HBITMAP, HDC *, HBITMAP * ); #endif library.c #include "library.h" void MyDeleteBitmap( HDC memdc, HBITMAP bmp ) { if( !memdc || !bmp ) return; DeleteDC( memdc ); DeleteObject( bmp ); } BOOL MyLoadBitmap( HWND hwnd, HDC *memdc, HBITMAP *bmp, LPCSTR filename ) { HDC hdc; if( !hwnd || !memdc || !bmp || !filename ) return FALSE; hdc = GetDC( hwnd ); *memdc = CreateCompatibleDC( hdc ); *bmp = (HBITMAP)LoadImage( NULL, filename, IMAGE_BITMAP, 0, 0, LR_CREATEDIBSECTION | LR_LOADFROMFILE ); if( !*bmp ) return FALSE; SelectObject( *memdc, *bmp ); ReleaseDC( hwnd, hdc ); return TRUE; } BOOL MyMakeBitmap( HWND hwnd, HDC *memdc, HBITMAP *bmp, DWORD width, DWORD height ) { BITMAPINFOHEADER bi; RGBTRIPLE *rgb; HDC hdc if( !hwnd || !memdc || !bmp || !width || !height ) return FALSE; hdc = GetDC( hwnd ); *memdc = CreateCompatibleDC( hdc ); ZeroMemory( &bi, sizeof(bi) ); bi.biSize = sizeof(bi); bi.biWidth = width; bi.biHeight = height; bi.biPlanes = 1; bi.biBitCount = 24; bi.biCompression = BI_RGB; *bmp = CreateDIBSection( hdc, (BITMAPINFO*)&bi, DIB_RGB_COLORS, (void**)(&rgb), NULL, 0 ); if( !*bmp ) return FALSE; SelectObject( *memdc, *bmp ); ReleaseDC( hwnd, hdc ); return TRUE; } BOOL MyMakeMask( COLORREF transparent_color, HDC hdc, HBITMAP bmp, HDC * maskdc, HBITMAP * mask ) { BITMAP bitmap; COLORREF bg_color_old = CLR_INVALID; HDC white_maskdc = NULL; HBITMAP white_mask = NULL; HDC black_maskdc = NULL; HBITMAP black_mask = NULL; BOOL result = FALSE; if( !hdc || !bmp || !maskdc || !mask ) return FALSE; do { if( !GetObject( bmp, sizeof(bitmap), &bitmap ) ) break; bg_color_old = SetBkColor( hdc, transparent_color ); if( bg_color_old == CLR_INVALID ) break; white_maskdc = CreateCompatibleDC( hdc ); white_mask = CreateBitmap( bitmap.bmWidth, bitmap.bmHeight, 1, 1, NULL ); if( !white_maskdc || !white_mask ) break; if( !SelectObject( white_maskdc, white_mask ) ) break; BitBlt( white_maskdc, 0, 0, bitmap.bmWidth, bitmap.bmHeight, hdc, 0, 0, SRCCOPY ); black_maskdc = CreateCompatibleDC( hdc ); black_mask = CreateCompatibleBitmap( hdc, bitmap.bmWidth, bitmap.bmHeight ); if( !black_maskdc || !black_mask ) break; if( !SelectObject( black_maskdc, black_mask ) ) break; BitBlt( black_maskdc, 0, 0, bitmap.bmWidth, bitmap.bmHeight, white_maskdc, 0, 0, NOTSRCCOPY ); if( SetBkColor( hdc, bg_color_old ) == CLR_INVALID ) break; BitBlt( hdc, 0, 0, bitmap.bmWidth, bitmap.bmHeight, black_maskdc, 0, 0, SRCAND ); *maskdc = white_maskdc; *mask = white_mask; result = TRUE; } while(0); MyDeleteBitmap( black_maskdc, black_mask ); if( !result ) { MyDeleteBitmap( white_maskdc, white_mask ); *maskdc = NULL; *mask = NULL; } return result; } ※08/07/08修正 記事をアップロードした直後、 オーナードローボタンのとても参考になる実装方法を説明されているサイトを発見しました。 その10 目指せ究極のカスタムボタン！ http://marupeke296.com/TIPS_No10_CustomButton.html 上記を参考にサンプルソースも変更し、 動作確認が取れた上で記事の内容も修正しました。 サンプルソースについて ソースコードがとても長くなってしまったので、 ファイルを分割しました。 library.c に書かれている関数は、他の項で紹介している私が作成した関数です。 関数名、引数名、内部で使用している変数名と、 多少コードを修正していますが、 戻り値と関数の処理内容は変えていません。 再利用した関数を扱っている項。 ビットマップを表示させる ビットマップを表示させる 5 元の絵からマスクを作る library.c の関数については他の項で説明してますので、 ここで重要なのは main.c の内容となります。 サンプルの実行に必要な画像データ 以下のファイルを実行ファイルと同じフォルダにコピーします。 normal.bmp gray.bmp over.bmp hit.bmp コンパイルした環境 Windows XP Home Edition Visual C++ 2003 ウィンドウズアプリケーションとしてプロジェクトを作成。 プロジェクトの設定はデフォルト。 cygwin の cc(version 3.4.4) -mwindows オプション付きでコンパイル。 bcc32(version 5.5) BCC Developer でプロジェクトを作成。 ANSI C 準拠オプション付きでコンパイル。 オーナードローボタン 最近のアプリケーションで使われているボタンはグラフィカルになり、 ウィンドウズのデフォルトのデザインではなく、 専用の絵が使われているものが増えました。 マウスカーソルがボタンに触るとちょっと明るくなったり、 ボタンをクリックするとまた専用の絵に変わったりします。 そういったボタンを作る場合、 Win32 API の入門書や入門サイトには、 「オーナードローボタンを使う」と書かれているのを良く目にします。 ウィンドウズのボタンコントロールには（ボタンだけではありませんが）、 オーナードローという機能があります。 オーナードローを使わない場合、 ボタンなどのコントロールの描画はウィンドウズが行います。 ウィンドウズにまかせてしまえば、 プログラムする側が描画処理を書く必要はありません。 オーナードローは、プログラムする側が自分で描画処理を書かなければいけません。 従って、自分でデザインした絵を自分で描画して、 よりグラフィカルなボタンを表示することができます。 作りたいボタン 最近よくあるグラフィカルなボタンの動作を以下に列挙します。 ビットマップを読み込んで表示。 マウスカーソルがボタンに触れたら絵を変える。 マウスカーソルがボタンから離れたら変える前の絵に戻す。 ボタンの上で左マウスボタンが押されたら絵を変える。 ↑の後、左ボタンが解放されたら変える前の絵に戻す。 ボタンが無効化されたら絵を変える。 サブクラス化 前述したサイトに書かれていることですが、 ボタンをサブクラス化することで、 ボタンのメッセージを自分で処理できるようになります。 サブクラス化しないと、ボタンの上でマウスカーソルが動いた、 ボタンの上でマウスの左ボタンが押された・離されたなどのメッセージが取得できません。 ボタンの上にマウスカーソルがあるときは、 ボタンのメッセージ処理関数(ButtonProc)が呼ばれ、 ボタンからマウスカーソルが離れているときは、 ウィンドウのメッセージ処理関数(WndProc)が呼ばれます。 これを利用することで、 ボタンの上にマウスカーソルが乗った・降りたが分かります。 ボタンを透明にするには 前述したサイトでは ButtonProc の中で WM_ERASEBKGND を捕捉して return 1 を返せば、 ボタンが透けるようになると書かれていますが、 私の環境ではそのような結果にはなりませんでした。 おそらく、リージョンを設定しない限りボタンは透けません。 ボタンの状態によって、透ける部分が変わるような場合、 その分リージョンを作って保持しておかないとなりません。 サンプルの場合は、 通常、マウスオーバー、ヒット、無効の４つのリージョンが必要です。 それは少し面倒ですので、 別の方法で背景が透けるようにしています。 サンプルで行っている方法は、 予めボタンを表示する範囲のクライアント領域を、 ビットマップに保存しておきます。 そしてボタンを表示する際(WM_PAINTが呼ばれたとき)に、 保存しておいた背景を描画し、 その上にボタンの絵を重ねて描画します。 こうすれば、リージョンを作らなくて済む上、 ボタンの背景も透けて見えるようになります。 参考にしたサイト ウィンドウメッセージ一覧 http://www.winapi-database.com/Message/WM/ MSDN Button http://msdn.microsoft.com/ja-jp/library/bb775943(en-us).aspx MSDN Button Styles http://msdn.microsoft.com/ja-jp/bb775951(en-us).aspx その10 目指せ究極のカスタムボタン！ http://marupeke296.com/TIPS_No10_CustomButton.html