上一系列,我們講解了在WPF中如何給軟件換膚,並且做出了一個很好看的時區瀏覽小軟件出來。這也可以窺見WPF在界面制作上的生產力:簡便,易學,呈現效果逼真。
在這節,我們主要通過一個很小的拼圖游戲來講解MVVM,使那些和我一樣曾經為了這個模式而迷惑的童鞋們提供一絲略微明亮一點的燈光,以期起到引玉的作用。
這個系列我們倒着來,先展示最終的效果圖,然后再具體一步一步的細細分析和構建。
在這個系列中,我沒有為這個拼圖游戲進行任何皮膚或者控件上的美化操作,如果想制作出酷炫的效果來,還請參考我之前的系列文章。下面請看游戲界面展示。
看看我們的效果圖
首先,軟件加載圖片的時候,會自動將圖片切割,然后亂序顯示:

當我們點擊隨機初始按鈕的時候,游戲圖片隨機自動排序。

上面的687#52341就是圖片的排列順序,我們的最終目的就是將它變成12345678#,那樣,整個圖片就拼湊起來啦。

當然,並不是所有的序列都可以拼成功,比如下面:

由於本游戲仍在設計階段,暫不提供源碼下載,所以,如果您有興趣,不妨跟着節奏慢慢來,讓我們在交流中獲得提升。
