ASP.NET 2.0中實現映像轉換過濾效果

本文描述一種建立定製Web控制項的容易方法，並把該控制項使用於一個ASP.NET 2.0 web頁面中顯示微軟DirectX映像轉換過濾效果。

一、簡介

本文描述一種建立定製web控制項並應用於一個ASP.NET 2.0 web頁面中顯示微 軟DirectX映像轉換過濾效果的容易的方法。文中包括一個擁有11個不同控制項的 類庫，每一個控制項分別展示微軟DirectX映像轉換過濾效果的某些方面。在這11 個控制項中，5個是頁面過渡效果控制項，其它的６個是用於增強文本外觀的過濾效 果控制項。

在這6個用於增強文本外觀的過濾效果控制項中，每一個被實現為一個容器控制項 。這將允許使用者或者直接把文本鍵入到該容器，或把一個標籤放到該控制項中並且 把相應效果應用到這個標籤上。選擇使用一個標籤控制項的目的是為了提供一種容 易的基於標準HTML的方法來實現調整大小、置中放置以及格式化文本。

剩下的5個控制項用於在一個web頁面中添加頁面過渡效果而不用編寫任何額外 的HTML或VB代碼。為了使用這些控制項，使用者僅需要把它們拖動到表單上。然而， 這些控制項沒有相應的可視化組件，儘管頁面能夠被顯示到瀏覽器中；當使用者離開 頁面時，相應的過渡效果用於開啟下一個頁面。

相應於本文的樣本工程中包含了一個簡單的網站，含有單個default.aspx頁 面；該頁面逐個展示上面的6個文本增強控制項和一個頁面過渡效果控制項。

注意 本文中應用於示範工程和控制項陳列庫的方法僅適用於Internet explorer， 並沒有針對其它瀏覽器類型提供支援。如果你在一家企業內網中工作並且你能夠 確保所有的使用者都能夠存取Internet explorer，那麼這個控制項集和這裡的方法 可能對你很有用。如果你公開地發布這些控制項，那麼，使用一個非Internet explorer瀏覽器衝浪的使用者仍然能夠讀取相應的文本但是該效果將不存在。如果 你確實想進行公開發布，那麼你可以首先檢查使用者的瀏覽器並且如果它不是IE的 話，你應該建議他們最好使用IE來觀看該網站。

圖1.在該示範工程中的過濾效果

二、開始

首先，解壓 源碼中包括的類庫和示範工程。在檢查相應的內容時，你將看到在一個方案中有 兩個工程。工程DxFilterControls是一個類庫，它包含前面提到的11個控制項。工 程DxFilterTestSite是示範網站，這些控制項能夠顯示於其上，並且可以在單個 default.aspx web頁面中觀看。

在DX過濾控制項工程中，有11個獨立的控 件：

1. CCBlurredLabel
2. CCDropShadow
3. CCEmboss
4. CCEngrave
5. CCGlowingText
6. CCGradient
7. CCPageTransition_Iris
8. CCPageTransition_Pixelate
9. CCPageTransition_RadialWipe
10. CCPageTransition_GradientWipe
11. CCPageTransition_Wheel

我已經提到，前6個控制項用於增 強文本外觀（通過一個微軟DirectX過濾應用程式實現）。這些控制項中的每一個 都被構造為一個容器，並且任何直接放入容器或標籤中的文本都會擁有相應的過 濾效果，只要它能夠被產生到一個微軟Internet explorer瀏覽器。

前5 個控制項專門用於為容器內容提供一些文本改進過濾。第6個控制項（CCGradient） 僅是一個面板，它具有一個漸層背景並且它並不實際改變或直接影響在該容器中 的文本。

第7到第11個控制項是頁面過渡效果控制項。你可以把單個頁面過渡 控制項拖動到一個表單並且設定它的屬性(其中，許多屬性不用設定)。結果，當用 戶退出當前頁面時，要開啟的下一個頁面將被使用指定的效果開啟。雖然在這個 執行個體中，我使用這些控制項來建立一種過渡效果（當過渡到一個新的頁面時），但 是，這些過渡效果可以被配置以便當載入容器頁面時調用該效果，甚至可以把這 些過渡效果使用於單個頁面內來實現使用一個新映像代替另一個映像的效果。

圖2:像素化頁面過渡效果

另外，這並不是一組十分複雜的控制項，但 是我認為它們已經足已能夠展示通過DirectX能夠取得什麼樣的過濾效果。你可 以參考網站上的有關微軟文檔來探討其它過濾效果。