2010年4月23日 星期五

WPF 教學網站心得摘要 lesson 9 - 12

看完 微軟所提供的教學影片 所紀錄下來的心得摘要

網址
http://msdn.microsoft.com/zh-tw/netframework/cc963622.aspx


#9 WPF 樣式與資源 #2 – 使用樣式製作不一樣的 ListBox 外觀

1. 樣式設定,這裡Demo 三種自訂的 list box 樣式(包括 圖片和文字)
a. 下拉式
b. 水平捲軸
c. 並排,像 windows 檢視資料夾中的並排選項

2. 定義類別UserInfo 包含 名字 和 圖片路徑兩種屬性,及相關的get set 方法

3. 撈資料用 Binding

4. Set property 是修改 listBox 裡的 ItemTemplate面填一個grid 包含 一個矩形(抓圖片) 和 一個 Text(抓文字)

#10 如何進行畫面裁切與裁切技術應用技巧

1. 裁切的屬性是 clip ,如 image.clip

2. 裁切的範例
a. 橢圓(EllipseGeometry),要設定 圓心和兩個半徑
b. 不規則型(PathGeometry),不規則型,範例是一個封閉的三角形

3. 在影片上作裁切
a. 格式化文字物件 :FormattedText
b. 挖空影片效果,影片中挖出文字邊框、只顯現文字但文字中心的圖案是影片

# 11 WPF 2D 圖形矩陣轉換特效的應用

1. 轉換特性這裡介紹:
a. 旋轉 (Rotate) ,設定中心點(Center X,Center Y)+角度(Angle)
b. 平移(translate),設定 x軸距離(X)、y軸距離(Y)
c. 比例(Scale),設定 x軸比例(ScaleX)、y軸比例(Scale)ScaleX
d. skew ,在2d做出類3d的效果,設定(Center X,Center Y)

2. 屬性: RenderTransform

3. Timmer 的應用,在C#用 Timmer 來讓圖片動態變更
a. using System.windows.Form
b.使用 TransfromGroup 當有兩個以上的轉換特效要用時
c. 子元數的新增方式: XXX.children.add(), 如 TransfromGroup.children.add()

#12 各類型 WPF 畫布的使用技巧

介紹
1. StackPanel: 圖形會自動堆疊,不會重疊,可以設水平方向或垂直的方向

2. DockPanel: 設定圖形切齊panel 的方向,如切齊左邊,切齊上面等等,每張圖也不會重疊

3. 如何將 canvas畫出的圖 儲存在檔案中
a. inkCanvas 可以在範圍內用滑鼠或觸控裝置畫圖
b. fileStream 的應用


2.

沒有留言: