Windows界面编程第九篇 位图显示特效 交错效果

转载请标明出处，原文地址：/article/1392148.html
欢迎关注微博：http://weibo.com/MoreWindows

位图显示特效是大一时刚接触Windows VC++编程时作为练习作业写的，当时觉得一个简单至极的BitBlt函数居然也能和动画扯上关系，确实很有创意^_^（大一太菜了）。呵呵，转眼之间都要毕业，现在整理出来，供大家娱乐娱乐。
Windows界面编程之位图显示特效系列目录：
1. 《Windows界面编程第九篇位图显示特效交错效果》
/article/1392148.html
2. 《Windows界面编程第十篇位图显示特效百叶窗效果》
/article/1392147.html
3. 《Windows界面编程第十一篇位图显示特效随机积木效果》
/article/1392146.html
4. 《Windows界面编程第十二篇位图显示特效飞入效果与伸展效果》
/article/1392145.html
5. 《Windows界面编程第十三篇位图显示特效合集》
/article/1392144.html


本篇《Windows界面编程第九篇位图显示特效交错效果》将讲解位图的交错显示效果。如下图所示：
水平交错（图片不能打开，请访问/article/1392148.html）



垂直交错（图片不能打开，请访问/article/1392148.html）



在程序设计上，水平交错只要将图像分为奇数行和偶数行，然后一个从上到下，一个从下到上逐渐显示出来即可。垂直交错只要将图像分为奇数列和偶数列，然后一个从左到右，一个从右到左逐渐显示出来即可。
下面给出代码：

// 交错 - 水平
//《Windows界面编程第九篇 位图显示特效 交错效果》
///article/1392148.html
void AnimateDraw_StaggeredHorizontal(HDC hdc, HDC hdcMem, int nWidth, int nHeight, UINT nIntervalTime = 10)
{
	int i, j;
	for (i = 0;i <= nHeight; i += 2) 
	{
		for (j = i; j > 0; j -= 2)
		{
			// 奇数行 从上往下
			BitBlt(hdc, 0, j - 1, nWidth, 1, hdcMem, 0, nHeight - (i - j - 1), SRCCOPY);
			// 偶数行 从下往上
			BitBlt(hdc, 0, nHeight - j, nWidth, 1, hdcMem,	0, i - j, SRCCOPY); 
		} 
		Sleep(nIntervalTime); 
	}
	BitBlt(hdc, 0, 0, nWidth, nHeight, hdcMem, 0, 0, SRCCOPY);
}

// 交错 - 垂直
//《Windows界面编程第九篇 位图显示特效 交错效果》
///article/1392148.html
void AnimateDraw_StaggeredVertical(HDC hdc, HDC hdcMem, int nWidth, int nHeight, UINT nIntervalTime = 10)
{
	int i, j;
	for (i = 0; i <= nWidth; i += 2) 
	{
		for (j = i; j > 0; j -= 2)
		{
			// 奇数列 从左往右
			BitBlt(hdc, j - 1, 0, 1, nHeight, hdcMem, nWidth - (i - j - 1), 0, SRCCOPY);
			// 偶数行 从右往左
			BitBlt(hdc, nWidth - j, 0, 1, nHeight, hdcMem, i - j, 0, SRCCOPY); 
		} 
		Sleep(nIntervalTime); 
	}
	BitBlt(hdc, 0, 0, nWidth, nHeight, hdcMem, 0, 0, SRCCOPY);
}

完整的程序在《Windows界面编程第十三篇位图显示特效合集》
/article/1392144.html
下一篇《Windows界面编程第十篇位图显示特效百叶窗效果》将讲解百叶窗效果，地址在：/article/1392147.html

转载请标明出处，原文地址：/article/1392148.html
欢迎关注微博：http://weibo.com/MoreWindows