WPF 圖形、動畫和媒體概觀
更新：2007 年 11 月
本主題介紹 Windows Presentation Foundation (WPF) 的圖形、動畫和媒體功能，這些功能讓您可以在您的應用程式中加入圖形、轉換效果、音效和視訊。
WPF 提供進階的繪圖和動畫功能，這些功能之前只有在專門的程式庫裡才能取得，尤其是 Microsoft Windows 繪圖裝置介面 (GDI) 和 Microsoft Windows GDI+。WPF 現在提供多媒體、向量圖形、動畫和內容撰寫的整合支援，開發人員可以更容易地建置有趣的使用者介面和內容。您可以使用 Microsoft Visual Studio .NET 或甚至是像 Microsoft 記事本之類的文字編輯器，建立向量圖形或複雜的動畫，並將媒體整合到您的應用程式中。
這個主題包含下列章節。
- WPF 圖形和多媒體的新功能
- 動畫
- 媒體
- 相關主題
WPF 圖形和多媒體的新功能
WPF 為 Windows 開發人員引進的嶄新圖形功能具有下列優點：
與解析度和裝置無關的圖形。WPF 圖形系統使用與裝置無關的單元來讓解析度和裝置區分開來。每個與裝置無關的像素都會隨著系統的 Dots Per Inch (DPI) 設定自動縮放。
改善精度。WPF 座標系統使用雙精度浮點數 (Double) (英文) 來代替浮點數 (Float) (英文)。轉換和透明度值也可以使用雙精度浮點數 (英文) 表示。此外，WPF 也支援更廣的色域圖 (scRGB)，並提供可管理來自不同色彩空間之輸入的整合式支援。
進階圖形和動畫支援。WPF 可藉由管理場景圖形來簡化圖形程式設計。您無須擔心場景處理、轉譯迴圈和雙線性內插。WPF 提供點擊測試支援、整合的動畫系統和完整的 Alpha 複合支援。
硬體加速。WPF 圖形系統是專門設計為利用圖形硬體來將 CPU 使用率降至最低。
二維圖案
WPF 提供常用的向量繪製 2D 圖案庫，如下圖所示的矩形和橢圓形。
.png)
這些內建 WPF 圖案不只是形狀而已：它們是可程式化的項目，會實作許多您希望最常見的控制項所需具備的功能，包括鍵盤和滑鼠輸入。
<Window
xmlns="https://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="https://schemas.microsoft.com/winfx/2006/xaml"
x:Class="Window1" >
<Ellipse Fill="LightBlue" MouseUp="ellipseButton_MouseUp" />
</Window>
public partial class Window1 : Window
{
void ellipseButton_MouseUp(object sender, MouseButtonEventArgs e)
{
MessageBox.Show("Me, a simple ellipse, was mouse clicked!");
}
}
下圖顯示上述 XAML 標記的輸出及程式碼後置 (Code-Behind)。
.png)
如需詳細資訊，請參閱 WPF 中圖案和基本繪圖概觀。如需入門範例，請參閱圖案項目範例。
二維幾何
如果 WPF 提供的 2D 圖案不敷使用，您可以使用 WPF 提供的幾何圖形和路徑支援來自行建立 2-D 圖案。下圖顯示如何用幾何圖形來建立圖案、做為繪圖筆刷，以及裁剪其他 WPF 項目。
.png)
如需詳細資訊，請參閱幾何概觀。如需入門範例，請參閱幾何範例。
二維效果
WPF 提供 2D 類別的程式庫，可供您建立各種效果。WPF 的 2D 呈現功能會提供以漸層、點陣圖、繪圖和視訊來繪製 UI 項目的能力，以及以旋轉、縮放和傾斜來操控所繪圖形的能力。下圖示範許多可以使用 WPF 筆刷做出的效果。
.png)
如需詳細資訊，請參閱 WPF 筆刷概觀。如需入門範例，請參閱筆刷範例。
立體呈現
WPF 提供一組立體呈現功能，這些功能已與 WPF 中的 2D 圖形支援整合，可讓您建立更具吸引力的配置、UI 和資料視覺效果。最後，WPF 還可讓您在立體圖案的表面上呈現 2D 影像，如下圖所示。
.png)
如需詳細資訊，請參閱 立體圖形概觀。如需入門範例，請參閱立體實體範例。
動畫
動畫可以讓控制項和項目變大、搖晃、旋轉和淡出，以及建立有趣的頁面轉換等。因為 WPF 可以讓您對大部分屬性建立動畫，所以您不只可以建立大部分 WPF 物件的動畫，還可以使用 WPF 建立所建立之自訂物件的動畫。
.png)
如需詳細資訊，請參閱動畫概觀。如需入門範例，請參閱動畫範例圖庫。
媒體
影像、視訊和音訊都是一種運用媒體來傳達資訊和營造豐富使用者經驗的方式。
影像
影像 (包括圖示、背景，甚至是動畫的一部分) 是大多數應用程式的核心。因為您經常需要使用影像，所以 WPF 提供了以各種方式運用影像的能力。下圖只顯示其中一種方式。
.png)
如需詳細資訊，請參閱影像處理概觀。如需入門範例，請參閱 WPF 相片檢視器示範。
視訊和音訊
WPF 圖形能力的核心功能是提供使用多媒體的原生支援，包括視訊和音訊。下列範例顯示如何在應用程式中插入媒體播放程式。
<MediaElement Source="media\numbers.wmv" Width="450" Height="250" />
MediaElement 可以同時播放視訊和音訊，且具有足夠的延伸性來輕易建立自訂的 UI。
如需詳細資訊，請參閱多媒體概觀。如需入門範例，請參閱媒體庫。