Drawing dotted lines

3 steps to show how to draw vertical and horizontal dotted lines(1 pixel on 2) using GDI calls. This code works under all Win32 platforms.

Step 1 (initialization)

A patterned brush is created during program (or view) initialization. This brush will be used to draw the dotted lines :

	// Create a dotted monochrome bitmap
	WORD b[8] = { 0xAAAA, 0x5555, 0xAAAA, 0x5555, 0xAAAA, 0x5555, 0xAAAA,
	0x5555 };
	bm.bmType = 0;
	bm.bmWidth = 16;
	bm.bmHeight = 8;
	bm.bmWidthBytes = 2;
	bm.bmPlanes = 1;
	bm.bmBitsPixel = 1;
	bm.bmBits = b;
	HBITMAP hbm = CreateBitmapIndirect(&bm);

	// Create the brush from the bitmap bits
	HBRUSH hPatternBrush = CreatePatternBrush(hbm);

	// Delete the useless bitmap


Step 2 (drawing)

Dotted lines are drawn using PatBlt() :

	// Select the patterned brush into the DC
	HBRUSH oldBrush = (HBRUSH)SelectObject(hDC, hPatternBrush);

	// Draw an horizontal line
	PatBlt(hDC, 10, 10, 300, 1, PATCOPY);

	// Invert a vertical line 2 pixels wide
	PatBlt(hDC, 10, 10, 2, 300, PATINVERT);

	// Clean up
	SelectObject(hDC, oldBrush);


If drawing occurs in a "scrollable view", don't forget to align the brush origin into the DC BEFORE to select the brush :


	// We are in a CScrollView, the patterned brush must be aligned
	CPoint sp = GetDeviceScrollPosition();
	SetBrushOrgEx(hDC, -sp.x & 7, -sp.y & 7, NULL);

	// Select the patterned brush into the DC
	HBRUSH oldBrush = (HBRUSH)SelectObject(hDC, hPatternBrush);


Step 3 (destruction)

When the patterned brush is useless, it must be destroyed :

	// Delete the patterned brush



  • drawing a grid dand placing bitmaps in any cell

    Posted by Legacy on 11/12/2003 12:00am

    Originally posted by: luyaz

    how to draw a grid and place a bitmap in any cell of the grid.

  • Why not use CPen

    Posted by Legacy on 12/10/2002 12:00am

    Originally posted by: graber

    There is already a CPen Class that can create dashed lines. Why not use that.

  • How to draw moving vertical lines?

    Posted by Legacy on 03/01/2000 12:00am

    Originally posted by: Jeff stryker


    any one know how to draw moving vertical lines?

    many thanks!

  • Draw --->

    Posted by Legacy on 05/05/1999 12:00am

    Originally posted by: Kapil

    How to draw a arrowed line ??


  • --o--o--o--o--o--o line type

    Posted by Legacy on 02/26/1999 12:00am

    Originally posted by: Tonio

    Is it possible to create my own line type or pattern
    like --o--o--o--o--o--o-- ?
    How and where should I start doing this?

Leave a Comment
  • Your email address will not be published. All fields are required.

Top White Papers and Webcasts

  • Enterprises are increasingly looking to platform as a service (PaaS) to lower their costs and speed their time to market for new applications. Developing, deploying, and managing applications in the cloud eliminates the time and expense of managing a physical infrastructure to support them. PaaS offerings must deliver additional long-term benefits, such as a lower total cost of ownership (TCO), rapid scalability, and ease of integration, all while providing robust security and availability. This report …

  • Moving from an on-premises environment to Office 365 does not remove the need to plan for disruptions or reduce the business risk requirements for protecting email services. If anything, some risks increase with a move to the cloud. Read how to ease the transition every business faces if considering or already migrating to cloud email. This white paper discusses: Setting expectations when migrating to Office 365 Understanding the implications of relying solely on Exchange Online security Necessary archiving …

Most Popular Programming Stories

More for Developers

RSS Feeds

Thanks for your registration, follow us on our social networks to keep up-to-date