Gradient fill

Carrying out a gradient fill is something very simple to do. The following code carries this out (whether you require a palette or not).

Aside from this function, you need to either have a CRect attribute in the class (m_rcClient), or set the width and height of the fill in the function itself. Also, a bool which indicates whether we need to use a palette or not.

This example carries out a blue gradient fill. If you want to use other colours, then you can do so easily for Red and Green (place the calculation in the Red or Green component of the RGB call!).

It really depends how sophisticated you want to get, you typically need to balance flexibility with speed when it comes to drawing.
void CImageWnd::DoGradientFill(CDC *pDC) const
{
	int nWidth = m_rcClient.Width(); 
	int nHeight = m_rcClient.Height();
	CRect rectangle;

	if(m_bUsePalette)
	{
		for(int i = 0; i < nHeight; ++i) // Fill in strip
		{
			rectangle.SetRect(0, i, nWidth, i + 1);
			
			CBrush brush;
			brush.CreateSolidBrush(RGB(0, 0, 255 - MulDiv(i,>252, nHeight)));
			pDC->FillRect(&rectangle, &brush);
		}
	}
	else
	{
		for(int i = 0; i < nHeight; ++i) // Fill in strip
		{
			rectangle.SetRect(0, i, nWidth, i + 1);
			pDC->FillSolidRect(&rectangle, RGB(0, 0, 255 ->MulDiv(i, 252, nHeight)));
		}
	}
}




Comments

  • There are no comments yet. Be the first to comment!

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

Top White Papers and Webcasts

  • This report outlines the future look of Forrester's solution for security and risk (S&R) executives working on building an identity and access management strategy for the extended enterprise. We designed this report to help you understand and navigate the major business and IT trends affecting identity and access management (IAM) during the next five years. IAM in 2012 has become a tool not just for security but also for business agility. Competitive challenges push businesses into the cloud and encourage …

  • The mobile market is white hot. Building a well-crafted product development plan that addresses market research, strategy, design, and development will provide the greatest chance for success. Each phase of an app's lifecycle is critical to the its overall success and feeds into the next step of the process of product development for the app. This white paper examines the five key phases of mobile app creation, one by one, to understand how they work together to help create a successful mobile app.

Most Popular Programming Stories

More for Developers

RSS Feeds

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