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 };
	BITMAP bm;
	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
	DeleteObject(hbm);

	...
}

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
	UnrealizeObject(hPatternBrush);
	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
	DeleteObject(hPatternBrush);

	...
}



Comments

  • 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.

    Reply
  • 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.

    Reply
  • How to draw moving vertical lines?

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

    Originally posted by: Jeff stryker

    Hi

    any one know how to draw moving vertical lines?

    many thanks!

    Reply
  • Draw --->

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

    Originally posted by: Kapil

    How to draw a arrowed line ??

    regards,
    Kapil

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

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

    Originally posted by: Tonio

    Hi,
    
    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?
    Thanks.

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

Top White Papers and Webcasts

  • Live Event Date: August 20, 2014 @ 1:00 p.m. ET / 10:00 a.m. PT When you look at natural user interfaces as a developer, it isn't just fun and games. There are some very serious, real-world usage models of how things can help make the world a better place – things like Intel® RealSense™ technology. Check out this upcoming eSeminar and join the panel of experts, both from inside and outside of Intel, as they discuss how natural user interfaces will likely be getting adopted in a wide variety …

  • Managing your company's financials is the backbone of your business and is vital to the long-term health and viability of your company. To continue applying the necessary financial rigor to support rapid growth, the accounting department needs the right tools to most efficiently do their job. Read this white paper to understand the 10 essentials of a complete financial management system and how the right solution can help you keep up with the rapidly changing business world.

Most Popular Programming Stories

More for Developers

Latest Developer Headlines

RSS Feeds