上一系列，我們講解了在WPF中如何給軟件換膚，並且做出了一個很好看的時區瀏覽小軟件出來。這也可以窺見WPF在界面製作上的生產力：簡便，易學，呈現效果逼真。

在這節，我們主要通過一個很小的拼圖遊戲來講解MVVM，使那些和我一樣曾經為了這個模式而迷惑的童鞋們提供一絲略微明亮一點的燈光，以期起到引玉的作用。

這個系列我們倒着來，先展示最終的效果圖，然後再具體一步一步的細細分析和構建。

在這個系列中，我沒有為這個拼圖遊戲進行任何皮膚或者控件上的美化操作，如果想製作出酷炫的效果來，還請參考我之前的系列文章。下面請看遊戲界面展示。

看看我們的效果圖

首先，軟件加載圖片的時候，會自動將圖片切割，然後亂序顯示：

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

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

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

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