GDIで図形を描くには、次の関数をそれぞれ使います。
- Rectangle(長方形)
- RoundRect(丸角長方形)
- Ellipse(楕円)
- Arc(円弧)
- Pie(扇形)
- Chord(弓形)
この関数群は左上隅(始点)と右下隅(終点)の2つの点で図形を表現します。
また、放射直線の始点と終点の2つの点で円弧・扇形・弓形の最初と終了を表現します。
なお、現在のペンで外枠、現在のブラシで図形内部を塗りつぶします。
現在のブラシを NULL_BRUSH 定数にすると図形の枠のみを描画します。
現在のペンを NULL_PEN 定数にすると図形の内部のみを描画します。
基本
//------------------------------------------------ // 外枠と内部を描画 //------------------------------------------------ static VOID funcDrawFrame( HDC hDC ) { HPEN hNewPen = (HPEN)CreatePen(PS_INSIDEFRAME,4,RGB(0x99,0x66,0x00)); HPEN hOldPen = (HPEN)SelectObject(hDC,hNewPen); HBRUSH hNewBrush = (HBRUSH)CreateSolidBrush(RGB(0xFF,0x99,0x00)); HBRUSH hOldBrush = (HBRUSH)SelectObject(hDC,hNewBrush); /* ここで長方形・丸角長方形・楕円・円弧・扇形・弓形などを描画 */ DeleteObject( SelectObject(hDC,hOldBrush) ); DeleteObject( SelectObject(hDC,hOldPen) ); }
上記のように新しいペンやブラシを作成したら SelectObject 関数で切り替える事で図形の外枠と内部を自由に描画できます。なお、ペン色とブラシ色のカラーだけを切り替えたい場合には SetDCPenColor 関数でペン色(外枠色)、SetDCBrushColor 関数でブラシ色(内部色)を設定できます。この2つの関数を利用するには SelectObject 関数で事前に DC_PEN 定数、DC_BRUSH 定数を選択させておく必要があります。この処理を省略すると登録済みのペン(黒色)と登録済みのブラシ(白色)が初期値ですから外枠色は常に黒色のままで内部色は常に白色のままで描画されます。そこでデバイスコンテキストに DC_PEN 定数、DC_BRUSH 定数を SelectObject 関数で切り替えておきます。これで外枠色と内部色のカラーだけを変更するのが簡単になります。詳しくは、それぞれの[詳細を見る]をどうぞ。
長方形
BOOL Rectangle( HDC hDC, // デバイス・コンテキストのハンドル int nLeft, // 長方形の左上隅の x 座標 int nTop, // 長方形の左上隅の y 座標 int nRight, // 長方形の右下隅の x 座標 int nBottom // 長方形の右下隅の y 座標 );
![](https://blogimg.goo.ne.jp/thumbnail/75/17/492d98e0728cbb2b92f79d794e8fd322_s.jpg)
![](https://blogimg.goo.ne.jp/thumbnail/5f/1e/f6cd5b9b666177392ccaa3cd56016eb4_s.jpg)
![](https://blogimg.goo.ne.jp/thumbnail/54/26/f43cc9bc777dd695be0299b43a8d0390_s.jpg)
[詳細を見る]
丸角長方形
BOOL RoundRect( HDC hDC, // デバイス・コンテキストのハンドル int nLeft, // 丸角長方形の左上隅の x 座標 int nTop, // 丸角長方形の左上隅の y 座標 int nRight, // 丸角長方形の右下隅の x 座標 int nBottom // 丸角長方形の右下隅の y 座標 int nWidth, // 丸角楕円の幅 int nHeight // 丸角楕円の高さ );
![](https://blogimg.goo.ne.jp/thumbnail/4a/6f/22650e6c63a8e42cf80fa657772624cf_s.jpg)
![](https://blogimg.goo.ne.jp/thumbnail/31/3b/efc5546406813b28e3fe48e62163eb02_s.jpg)
![](https://blogimg.goo.ne.jp/thumbnail/0c/e9/4186c85a9157f3f9f3bf452aaf29fff4_s.jpg)
[詳細を見る]
楕円
BOOL Ellipse( HDC hDC, // デバイス・コンテキストのハンドル int nLeft, // 楕円の左上隅の x 座標 int nTop, // 楕円の左上隅の y 座標 int nRight, // 楕円の右下隅の x 座標 int nBottom // 楕円の右下隅の y 座標 );
![](https://blogimg.goo.ne.jp/thumbnail/5a/e4/d7ba8134dd9694172e21f9fa3820d455_s.jpg)
![](https://blogimg.goo.ne.jp/thumbnail/1e/b5/6967c49467d84fa120d30888caf0a5e4_s.jpg)
![](https://blogimg.goo.ne.jp/thumbnail/33/6d/b5b2c484efef5a3555466fb02e9b99a4_s.jpg)
[詳細を見る]
円弧
BOOL Arc( HDC hDC, // デバイス・コンテキストのハンドル int nLeft, // 円弧の左上隅の x 座標 int nTop, // 円弧の左上隅の y 座標 int nRight, // 円弧の右下隅の x 座標 int nBottom // 円弧の右下隅の y 座標 int nStartX, // 放射直線の始点の x 座標 int nStartY, // 放射直線の始点の y 座標 int nEndX, // 放射直線の終点の x 座標 int nEndY // 放射直線の終点の y 座標 );
![](https://blogimg.goo.ne.jp/thumbnail/1e/ce/c66e794d4757191bc7d3df1f362fa810_s.jpg)
![](https://blogimg.goo.ne.jp/thumbnail/55/bf/88b7a3678cec76335ef8de589e399e46_s.jpg)
![](https://blogimg.goo.ne.jp/thumbnail/06/a2/4cbf801c8f9596113f071fdf40fb7a00_s.jpg)
[詳細を見る]
扇形
BOOL Pie( HDC hDC, // デバイス・コンテキストのハンドル int nLeft, // 扇形の左上隅の x 座標 int nTop, // 扇形の左上隅の y 座標 int nRight, // 扇形の右下隅の x 座標 int nBottom // 扇形の右下隅の y 座標 int nStartX, // 放射直線の始点の x 座標 int nStartY, // 放射直線の始点の y 座標 int nEndX, // 放射直線の終点の x 座標 int nEndY // 放射直線の終点の y 座標 );
![](https://blogimg.goo.ne.jp/thumbnail/00/97/f4f8436a18f14bedf65e359fc0f5ac89_s.jpg)
![](https://blogimg.goo.ne.jp/thumbnail/61/76/99f4f678d65e58756a607ed09f9438e5_s.jpg)
![](https://blogimg.goo.ne.jp/thumbnail/21/29/102c00e64d6d2493e39404901798e8f2_s.jpg)
[詳細を見る]
弓形
BOOL Chord( HDC hDC, // デバイス・コンテキストのハンドル int nLeft, // 弓形の左上隅の x 座標 int nTop, // 弓形の左上隅の y 座標 int nRight, // 弓形の右下隅の x 座標 int nBottom // 弓形の右下隅の y 座標 int nStartX, // 放射直線の始点の x 座標 int nStartY, // 放射直線の始点の y 座標 int nEndX, // 放射直線の終点の x 座標 int nEndY // 放射直線の終点の y 座標 );
![](https://blogimg.goo.ne.jp/thumbnail/42/1b/0bad8d0843f53039ca58ac44d816bf7e_s.jpg)
![](https://blogimg.goo.ne.jp/thumbnail/65/4a/2296d7ae02a2a5f5d76118785f4c135c_s.jpg)
![](https://blogimg.goo.ne.jp/thumbnail/4c/8d/203b61d4b9819b4fb5aad3cb0cab09d5_s.jpg)
[詳細を見る]
※コメント投稿者のブログIDはブログ作成者のみに通知されます