Windows Phone實用教程：利用Blend爲程序添加設計時數據

【前言】

 

Blend自誕生那一天起就伴隨這開發者如此的評價：

有VS還用Blend幹啥，直接碼代碼就行了。

Blend會生成一堆垃圾無用代碼，很不爽。

對於這類我只會在內心評價，當你並不真正瞭解同樣事物的狀況下，就給這個東西扣帽子，實在很不公平。

做爲程序員首先要明白時間的寶貴和效率的重要性，更應瞭解各類效能工具，Blend即是其中一個，若是你仍然以爲學怎麼用Blend純粹是浪費時間，

那麼恭喜你，後面的文章能夠忽略了:-)

   

【本文講述的內容】

使用blend爲程序添加設計時的數據。

   

【本文適用的場景】

不少應用因爲自己的性質決定了，其數據來源是遠端網絡，所以調整UI時很是不方便，多數狀況調UI的過程是：

一、調整UI佈局

二、運行程序

三、等待數據加載

四、數據加載完畢後看是否還有UI問題，若是有則goto 1

   

如此效率很是的低，本文介紹的方法能夠將流程調整爲：

一、添加設計時數據源

二、調整UI佈局

三、調整UI佈局

四、調整UI佈局

   

省去聯機調試，提升效率。

   

【正文】

1、實現思路

Blend自己提供了SampleData功能，此功能能夠根據Model的定義自動生成一個SampleData文件，又提供了d:DataContext 和d:DesignData來指定設計時的DataContext。兩者結合即可以實現前面說到的效果。

2、具體步驟

一、咱們首先建立程序的Model和主頁面的MainpageViewModel

   

Model：

   

ViewModel：

   

   

接下來打開blend找到Data選項卡，點擊右方第一個按鈕

這裏看到三個選項，咱們選擇第三個，根據類來建立Sample Data：

   

   

接下來選擇MainpageViewModel：

   

   

以後咱們觀察工程目錄，會看到以下新添加的信息：多出了一個Xaml文件。

   

   

打開看一看，能夠看到自動生成了以下數據，包括VM中定義的Title以及ModelList列表，而且自動爲列表加入了隨機的數據

   

   

看到這裏可能讀者會有一個疑問，SampleData會不會增大程序的包呢？

若是存在這個疑問說明你是個細心的讀者，考慮很周全，那麼咱們看下這個SampleData文件的屬性：

能夠清楚的看到Build Action是DesignData Do not copy。也就是鎖這個文件不會被打包的程序的安裝包中。

   

最後一步：

在page中指定d:DataContext按下面的格式寫：

   

在頁面內容中加個簡單的列表，定義簡單的模版：

   

最後咱們Build一下。再看VS的編輯器裏面Sample數據就顯示出來了

   

【更多功能】

咱們甚至能夠在Blend的Data選項卡下，每一個屬性最右面的按鈕中選擇數據的格式，以下圖：

SampleData文件中的數據便會根據選擇的格式從新生成對應的數據了。:-)

   

 

   

【總結】

以上辦法很是簡單，而且十分遍歷，極大的提升了開發效率，所以推薦給你們，若有任何疑問歡迎加入

WP交流羣：182659848