背景
自己闲来无事的时候,常会使用VS开发一些小游戏,游戏功能做得比较单一,不是很复杂。游戏虽小,但也算是五脏俱全,有游戏初始画面、游戏画面、游戏结束画面等。对于,游戏的初始界面,我就通常使用百叶窗效果来显示一张游戏图片。以此来,增加一些动感,这比静态显示一张图片效果要好很多。
那么,现在我就把实现绘制图片实现百叶窗效果的思路和实现过程写成文档分享给大家。
原理
百叶窗就是像下面这幅图片展示的一样,我们图片显示的百叶窗效果就是,不是一下子全部显示完,而是像关闭百叶窗那样,每片扇叶慢慢地关闭显示。
所以,我们百叶窗效果的显示原理就是。首先,我们对一整张图片先等分分成一小片一小片,如下图所示,我们可以先把图片等分分成 4 片。
然后,进行循环绘制,每次循环绘制,每片扇叶都绘制相同的宽度,而且宽度会随着循环而递增,直到这一小片扇叶全部绘制完毕。可以向下面展示的效果一样,我们可以循环 3 次来绘制完毕。
循环第 1 次的效果图&#x