上一系列,我们讲解了在WPF中如何给软件换肤,并且做出了一个很好看的时区浏览小软件出来。这也可以窥见WPF在界面制作上的生产力:简便,易学,呈现效果逼真。
在这节,我们主要通过一个很小的拼图游戏来讲解MVVM,使那些和我一样曾经为了这个模式而迷惑的童鞋们提供一丝略微明亮一点的灯光,以期起到引玉的作用。
这个系列我们倒着来,先展示最终的效果图,然后再具体一步一步的细细分析和构建。
在这个系列中,我没有为这个拼图游戏进行任何皮肤或者控件上的美化操作,如果想制作出酷炫的效果来,还请参考我之前的系列文章。下面请看游戏界面展示。
看看我们的效果图
首先,软件加载图片的时候,会自动将图片切割,然后乱序显示:
当我们点击随机初始按钮的时候,游戏图片随机自动排序。
上面的687#52341就是图片的排列顺序,我们的最终目的就是将它变成12345678#,那样,整个图片就拼凑起来啦。
当然,并不是所有的序列都可以拼成功,比如下面:
由于本游戏仍在设计阶段,暂不提供源码下载,所以,如果您有兴趣,不妨跟着节奏慢慢来,让我们在交流中获得提升。