第一週學習範圍包含2個部分,分別為 : 

壹、認識工作環境

  1. 開啟新專案 
  2. 認識個工作區域 
貳、建立遊戲介面
  1. 利用繪圖工具建立物件 
  2. 物件輪廓線設定 
  3. 幫物件填色 


首先,認識工作環境 : 第一步開啟新專案
選擇 Microsoft Expression Microsoft Expression Blend 4 開啟軟體。


歡迎頁面                                  開啟新專案

 

接著會看到新專案的浮動視窗
選擇專案類型為WPF (WPF為開發應用程式選用格式) 名稱 (一定要使用英文名稱)
位置(建資料夾也是要使用英文名稱)→語言:visual C# (預設) →版本4.0 (預設) →確定



之後進入軟體會看到介面畫面,中間是主要物件的舞台,左方是工具列,
右方則是物件屬性浮動視窗。




中間舞台的部分,在右上角的有三個選單,主要是切換舞台環境的按鈕。





















由上而下舞台環境為設計、HTML、分割。








抓素材圖片製作編輯
專案選單視窗 左方是工具列 →新增資料夾Images→新增資料夾項目→新增現有項目
(新增項目=表示尚無物件,需要重新創造新增現有項目=表示已有物件,
可以馬上使用→將左邊圖片直接拉入中間舞台就可以編輯。







資產選單視窗=內建效果,可以在這邊選擇套用效果,
選擇效果同時會有浮動視窗出現說明效果作用。




利用繪圖工具建立物件
左方工具列→選擇繪圖形狀→在中間舞台拉出形狀圖形(矩形、橢圓、線條)
在中間舞台選擇形狀物件,並可以在右方屬性浮動視窗變更顏色、尺寸、線條粗細等。



各形狀物件之間可做合併、分割、交集、差集、排除重疊


選擇兩個形狀物件→物件→合併→選擇需求選項,
或者按滑鼠右鍵→物件→合併→選擇需求選項。



物件輪廓線設定
右方外觀屬性浮動視窗

(基本設定)
Opacity / 透明度:以百分比為數值,0%~100%設定物件的透明度。
Visibility / 能見度:設定物件的顯示與否,只有兩個數值,Visible(可顯示) collapsed(不顯示)
Effect / 元件特效:在元件上加上各式特效的設定,例如:陰影、模糊等等。
StrokeThinckness / 線條寬度:控制元件邊線的寬度。

(進階設定)
SnapsToDashArray / 虛線間格設定
Stretch / 物件填色樣式
StrokeDashCap / 虛線端點樣式
StrokeDashOffset / 虛線端點偏移值
StrokeEndLineCap / 線段終點樣式
StrokeLineJoin/ 線段轉角樣式
StrokeMiterLimit / 線段轉角常度線制
StrokeStarLineCap/ 線段起點樣式




幫物件填色
右方筆刷屬性浮動視窗

(基本設定)
Fill/ 物件內容顏色
Stroke物件框線顏色
OpacityMask No brush/ 透明度著色

著色樣式選擇


編輯器/ 調色盤、RGB色調數值及透明度設定、16進位色碼。
色彩資源/ 系統 color 資源選擇。

(進階設定)
Opacity / 透明度:以百分比為數值,0%~100%設定物件的透明度。
















Leave a Reply