在開始使用blend前,首先需要進行silverlight的開發環境搭建,在銀光中國網(silverlightchina.net)有篇「輕鬆建立silverlight開發環境」,其中列出了建立silverlight開發環境的幾個步驟,另外,我在過去發布過一篇「silverlight開發工具集合」文章,也列出了silverlight專案開發必裝工具軟體,這裡對於開發環境的搭建,我就不再贅述。
silverlight開發環境搭建成功後,我們將通過例項介紹blend入門操作,我使用的blend是英文版本,我將對照翻譯成中文。
首先使用blend按照以下步驟建立乙個新的silverlight專案,
1. 點選左上角的「file - new project」,這時會彈出乙個新建專案視窗,如下圖
在上圖可以看到blend支援建立兩個型別的專案,乙個是silverlight,另乙個是wpf,本系列主要討論silverlight,所以, 我們選擇「project type -silverlight」,在選中silverlight型別後,在彈出視窗右邊會出現四個專案模板,
該選項是「建立silverlight 3客戶端應用其中包含website專案」,選擇該選項後,blend會自動建立web專案在同乙個解決方案下,編譯後執行,會在web專案中產生測試頁面,在客戶端顯示silverlight客戶端。
該選項是「建立silverlight 3客戶端應用」,選擇該選項後,blend僅建立silverlight客戶端,編譯後,自動生成乙個測試頁面。
(3) silverlight 3 control library
該選項是「建立silverlight控制項類庫」,選擇該選項後,blend會建立silverlight空白類庫,主要用於建立silverlight自定義控制項。
該選項是「建立silverlight 3 sketchflow應用」,選擇該選項後,blend會建立silverlight 3 sketchflow應用。
在專案模板視窗下,是建立專案的名稱,專案路徑和專案後台語言支援。
建立新專案後,可以在blend看到當前工作去,我將重要的幾個部分新增了標識,下面詳細描述各個部分的作用:
a部分:是選單選項;
b部分:是dockpanel選單,滑鼠點選後,會彈出對應的視窗,例如「物件和時間線」或者「專案管理」等;
c部分:是工具面板選單
d部分:專案面板
上圖可以看出在silverlightblenddemo解決方案下,有兩個專案:
1. silverlightblenddemo: 該專案是silverlight客戶端專案,主要承載silverlight客戶端頁面和控制項;
2. silverlightblenddemosite: 該專案是silverlight伺服器端專案,主要承載伺服器端**,例如wcf service或者dal資料層**;
e部分:文件切換欄, 該欄目顯示所有開啟的專案檔案,可以自由切換;
f部分:主要工作區,叫做美工板,所有頁面和控制項設計都在該區域;
g部分:檢視和**切換欄,該欄目提供三個選項,第乙個是檢視選項,第二個是**選項,第三個是檢視和**同時顯示選項;
h部分:屬性和資源選項欄,從這裡可以設定控制項屬性和對應專案資源;
i部分:使用該部分縮放f部分美工板,啟動動畫效果,設定控制項對齊選項以及檢視檔案注釋內容;
以上視窗部件是建立專案後,預設顯示的幾個視窗,另外還有幾個常見的視窗部件,也介紹一下:
1. 首先介紹一下選單擴充套件部分,當你把滑鼠選中c部分選單按鈕,會彈出擴充套件選單按鈕,功能如下:
2. 在擴充套件選單中,最後一項是silverlight資源工具按鈕
,點選選中後,會彈出以下視窗,其中包含所有控制項,樣式集合,行為**集合以及動畫效果和**檔案集合。在設計的時候,如果新增新控制項,可以從這個選項進行選擇。
3. object and timeline - 物件和時間線面板,可以使用該面板對頁面控制項物件進行分層管理,另外也可以對當前物件進行動畫設計,詳細動畫設計,將在下文描述。
4. 屬性設定面板,在上文h部分,我們介紹了屬性和資源選項框,這裡我把屬性框單獨列出來,在美工面板建立乙個按鈕控制項後,選中該按鈕,在屬性面板中顯示各種屬性,例如背景,筆刷等等,從這個面板可以不用輸入**,直接設計控制項屬性。
5. 控制項模板樣式資源面板。從該面板,選擇設計控制項樣式。
6. 除錯結果面板,在該面板顯示除錯錯誤資訊和輸出資訊;
今天寫到這裡了,下次繼續寫,下面是網友經常問的幾個blend問題,我做了統一回答,希望能幫到更多朋友。
常見的幾個問題:
為什麼blend中沒有相對應的silverlight控制項?
答:在blend中沒有silverlight控制項,需要確認是否安裝silverlight tools for visual studio 2008 sp1 和 silverlight toolkit控制項擴充套件包,在silverlight tools中包含了基礎控制項包,而silverlight toolkit是擴充套件控制項。
為什麼blend中沒有智慧型提示功能?
答:確認blend的版本,在blend2.5之前的版本,blend不支援intellisense。
為什麼visual studio 2008 sp1沒有silverlight專案檢視設計介面?
答:從silverlight 3開始,微軟遮蔽了visual studio 2008 sp1的silverlight專案檢視設計功能,推薦使用blend 3進行silverlight專案檢視設計。 在visual studio 2010中,重新恢復了silverlight專案檢視設計功能。
快速學習Expression Blend開發三要素
多數是剛入門的silverlight開發人員,不少人在問,目前軟體開發角色分工細化,是不是做後台的,就可以不用學習前台設計?這個問題讓我想起曾經在園子裡看到過相關的討論,同時也讓我想起工作中軟體開發角色的分工。為了不偏離本篇的主題,我不再擴充套件職業分工化的討論,直接說說我對上面問題的回答,在我個人...
Expression Blend 知識錦分享
上回發布 asp.net知識錦分享 受到許多讀者的喜歡,而我最近在研究expression blend,也整理了一些文章,其中有mvp范曉超 jv9 的經典教程 expression blend例項中文教程系列文章彙總 還有園子內expression blend大牛烤地瓜的一系列,雖然還沒完全寫完,...
Expression Blend 知識錦分享
上回發布 asp.net知識錦分享 受到許多讀者的喜歡,而我最近在研究expression blend,也整理了一些文章,其中有mvp范曉超 jv9 的經典教程 expression blend例項中文教程系列文章彙總 還有園子內expression blend大牛烤地瓜的一系列,雖然還沒完全寫完,...