以OpacityMask設計半透明遮罩

　　OpacityMask是一個相當好用的屬性，通過OpacityMask與Brush的配合，您可以為任意圖形加上一個透明遮罩，我們先看一個簡單的例子：

　　上圖左方是一個標準的圖形，而右方則是加上OpacityMask遮罩之後的結果，其Xaml程式碼如下：

　　您會發現，我們可以通過OpacityMask用筆刷來刷某一個元素，刷的方式是採用反透明遮罩的方式。請參考下圖，假設原始圖案是最左方的圖形，而遮罩(Opacity Mask)若是下圖中間這樣，則刷出來的圖形則是下圖右方：

　　請參考範例(下載)，我們利用繪圖軟體建立了一個底下這樣的圖檔(名稱為OpacityMask.png)：

然後編寫底下的xaml程式碼：

　　呈現出的結果如下圖：

　　通過這樣的技術，我們可以輕易地在畫面上呈現出相當有美感的圖形，例如以特定的手繪的愛心外框，作為照片的遮罩，作出坊間影像處理特效。

　　不僅是圖形的部份，就算是影片，Silverlight也可以利用遮罩來呈現出特殊效果：

　　程式碼如下：

　　請讀者務必注意，用以作為遮罩的圖片必須是支援透明背景的圖片格式(請特別注意是透明的圖片背景，而不是白色的圖片背景)，讀者可參考書附光碟範例中的圖片OpacityMask.png，以瞭解此格式。

本文範例(下載)

資料來源： Silverlight權威講座--ASP.NET整合祕技與獨家案例剖析(董大偉 - 旗標) 

Trackback: http://tb.blog.csdn.net/TrackBack.aspx?PostId=1842861