零元學Expression Blend 4 - Chapter 2 入門界面簡介



在這篇教學我將會介紹Expression Blend 4的基本界面,雖然有些網站已經有做了介紹,為了整個教學的完整性,就在此做補充。

 

在這篇教學我將會介紹Expression Blend 4的基本界面,雖然有些網站已經有做了介紹,為了整個教學的完整性,就在此做補充。

 

 

就是要讓不會的新手都看的懂!

 

01建立一個新專案->左上角(Top Menu)的File->選取New Project->之後會出現下面的視窗:

(建立新專案快捷鍵Shift +Ctrl +N)

可以看到開啟新專案的四種類型:

(1) Silverlight Application+ Website:

簡單來說,要製作網站請選擇此選項。

(2) WPF Application:

若是配合工程師製作應用程式,請選擇此選項。

(3) Silverlight SketchFlow Application

簡單的說,此為網站草圖,多了SketchFlow有多增加的不同功能,我將會在其他篇再提。

(4) WPF SketchFlow Application

此為製作應用程式草圖模式。

Name:請為你的專案命名

Location:專案的存放處

預設為: C:\Users\user\Documents\Expression\Blend 4\Projects\

會生成像下列的專案資料夾:

Language:(看你裡面要使用哪種語法來撰寫,選項有兩個,只能選一種,不能混用)

(1) Visual C# (預設)

(2) Visual Basic

Version:(若你是安裝Expression Blend 4 )

(1) 4.0 (預設)

(2) 3.0

基本上Language以及Version若沒有特殊需求,是不需要做調整,使用預設的即可。

02基本控制版面介紹

(A) Top Menu:由左到右依序是File - Edit - Object - Project - Tools - Window - Help (此排的快捷鍵,都為Alt+名稱的第一個字母,已標上底線)

(B) Tools:在很多英文教學裡都會稱Tools為Left Menu,是許多基本工具的快捷鈕,可以在Top Menu的Window裡面做調整是否要顯示。

(C) 我都稱它做頁籤,專案的頁面切換。

(D) 專案的項目面板,項目包括Projects、Assets、States。(Assets內容包括了圖形鈕、行為項目等等)

(E) 類似Photoshop的圖層面板,可列出你的圖形甚至是控制項列表,讓你一目了然。

(F) 專案主要工作區,基本視覺呈現都在此達成,控制項也是往這裡拖拉後做設定。

(G) 此為主要工作區顯示方法的調整區,總共三種模式:一是視覺模式,為設計人員最常使用的模式、二是程式碼模式、三為視覺加上程式碼共存模式。

(H) 屬性以及資源控制區,可以對圖層的屬性做調整,亦可對控制項目做設定。

(I) 針對(E)區做排序。

(J) 針對專案的主要工作區做大小的調整,或是格線的顯示或關閉。

基本面版10項介紹完畢,接下來是引申介紹:

上圖為Tools 最下面的>>按鈕開出的Assets面版,能列出所有Assets的項目,與上方Projects旁的Assets相同。

(貼心提醒:框起來的Search區,可以針對你想找的Assets項目做搜尋,請善用,你會發現Blend 4 在很多地方都做了項目搜尋的功能。)

本篇的教學就到此。

(若有任何錯誤的地方,請各位前輩或同好能不吝指教,小女子都會虛心接受;若是你喜歡我的教學,請給我點鼓勵,謝謝。)

一步一步邁向HIE之路

 

喜歡我文章請推我一下或給我個回應,你的鼓勵會給我無限的動力喔!

若是您有其他問題或是特別需要,請在文章回應處留言,我會盡快回覆您