C#中的Drawing 類案例詳解
更新時間：2025年08月08日 11:50:24 作者：工程師007
文章解析WPF與WinForms的Drawing類差異,涵蓋命名空間、繼承鏈、常用類及應(yīng)用場景,通過案例展示如何創(chuàng)建帶陰影圓角矩形按鈕,強調(diào)WPF的輕量、可動畫特性與WinForms的即時繪制模式,對C# Drawing類相關(guān)知識感興趣的朋友一起看看吧
一、Drawing 是什么？
命名空間
- WPF：System.Windows.Media
- WinForms：System.Drawing（GDI+）
繼承鏈（WPF）
- Object → DispatcherObject → DependencyObject → Freezable → Animatable → Drawing
常用派生類：
- GeometryDrawing（用 Path 畫形狀）
- ImageDrawing（貼位圖）
- VideoDrawing（播放視頻）
- GlyphRunDrawing（文字）
- DrawingGroup（容器，可組合其它 Drawing）
特點
- 輕量級：只存“矢量指令”，不繼承 UIElement，不參與布局/事件路由。
- 可凍結(jié)（Freeze）：變?yōu)橹蛔x后可跨線程使用。
- 可序列化/導(dǎo)出為 XAML。
二、典型用法
- 直接放在控件里
- 用 DrawingBrush 或 DrawingImage 把 Drawing 變成 Brush/Image，再賦給控件的 Background、Source 等屬性。
- 在 DrawingVisual 里繪制
- 適合自定義控件、命中測試、打印。
- 在 DrawingGroup 里組合
- 把多個 Drawing 套娃，實現(xiàn)復(fù)雜場景。
三、案例：畫一個“帶陰影的圓角矩形按鈕”
目標(biāo)：
- 圓角矩形（填充線性漸變、描邊）
- 下方有一層模糊陰影（半透明黑圓角矩形）
- 鼠標(biāo)懸停時整體高亮（動畫改變漸變）
WPF：
<Window x:Class="DemoDrawing.MainWindow"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
Title="Drawing 示例" Width="300" Height="200">
<Grid>
<!-- 使用 DrawingBrush 做背景 -->
<Rectangle x:Name="btnRect" Width="180" Height="60"
MouseEnter="BtnRect_MouseEnter"
MouseLeave="BtnRect_MouseLeave">
<Rectangle.Resources>
<!-- 陰影 Drawing -->
<GeometryDrawing x:Key="shadow"
Geometry="M 5,5 175,5 175,55 5,55 Z"
Brush="#80000000">
<GeometryDrawing.Pen>
<Pen Brush="Transparent" Thickness="1"/>
</GeometryDrawing.Pen>
</GeometryDrawing>
<!-- 按鈕主體 Drawing -->
<GeometryDrawing x:Key="body" Geometry="M 0,0 170,0 170,50 0,50 Z">
<GeometryDrawing.Brush>
<LinearGradientBrush StartPoint="0,0" EndPoint="0,1">
<GradientStop Offset="0" Color="#FF4C9AFF"/>
<GradientStop Offset="1" Color="#FF0050DD"/>
</LinearGradientBrush>
</GeometryDrawing.Brush>
<GeometryDrawing.Pen>
<Pen Brush="#FF003399" Thickness="2"/>
</GeometryDrawing.Pen>
</GeometryDrawing>
<!-- 組合 DrawingGroup -->
<DrawingGroup x:Key="combined">
<!-- 先畫陰影 -->
<DrawingGroup.Children>
<DrawingGroup>
<DrawingGroup.Children>
<StaticResource ResourceKey="shadow"/>
</DrawingGroup.Children>
<DrawingGroup.BitmapEffect>
<BlurBitmapEffect Radius="5"/>
</DrawingGroup.BitmapEffect>
</DrawingGroup>
<!-- 再畫按鈕主體 -->
<StaticResource ResourceKey="body"/>
</DrawingGroup.Children>
</DrawingGroup>
<!-- 把 DrawingGroup 變成 Brush -->
<DrawingBrush x:Key="btnBrush" Drawing="{StaticResource combined}"/>
</Rectangle.Resources>
<Rectangle.Fill>
<StaticResource ResourceKey="btnBrush"/>
</Rectangle.Fill>
</Rectangle>
</Grid>
</Window>后臺代碼
public partial class MainWindow : Window
{
public MainWindow()
{
InitializeComponent();
}
private void BtnRect_MouseEnter(object sender, MouseEventArgs e)
{
// 找到 Drawing 里的漸變刷
var rect = (Rectangle)sender;
var brush = (DrawingBrush)rect.Fill;
var dg = (DrawingGroup)brush.Drawing;
var body = (GeometryDrawing)((DrawingGroup)dg.Children[1]).Children[0];
var lg = (LinearGradientBrush)body.Brush;
// 動畫高亮
var da = new ColorAnimation(Color.FromRgb(0x6F, 0xBA, 0xFF),
TimeSpan.FromMilliseconds(300));
lg.GradientStops[0].BeginAnimation(GradientStop.ColorProperty, da);
}
private void BtnRect_MouseLeave(object sender, MouseEventArgs e)
{
var rect = (Rectangle)sender;
var brush = (DrawingBrush)rect.Fill;
var dg = (DrawingGroup)brush.Drawing;
var body = (GeometryDrawing)((DrawingGroup)dg.Children[1]).Children[0];
var lg = (LinearGradientBrush)body.Brush;
var da = new ColorAnimation(Color.FromRgb(0x4C, 0x9A, 0xFF),
TimeSpan.FromMilliseconds(300));
lg.GradientStops[0].BeginAnimation(GradientStop.ColorProperty, da);
}
}四、WinForms（GDI+）對應(yīng)寫法
WinForms 沒有 Drawing 類，而是 GraphicsPath + LinearGradientBrush + Bitmap 的“即時模式”繪制。核心步驟：
protected override void OnPaint(PaintEventArgs e)
{
var g = e.Graphics;
g.SmoothingMode = SmoothingMode.AntiAlias;
// 1. 陰影
using (var path = CreateRoundRect(5, 5, 175, 55, 8))
using (var brush = new SolidBrush(Color.FromArgb(128, 0, 0, 0)))
using (var blur = new Bitmap(180, 60))
{
using (var g2 = Graphics.FromImage(blur))
{
g2.SmoothingMode = SmoothingMode.AntiAlias;
g2.FillPath(brush, path);
}
// 手動高斯模糊（略）...
g.DrawImage(blur, 0, 0);
}
// 2. 主體
using (var path = CreateRoundRect(0, 0, 170, 50, 8))
using (var brush = new LinearGradientBrush(
new Point(0, 0), new Point(0, 50),
Color.FromArgb(255, 0x4C, 0x9A, 0xFF),
Color.FromArgb(255, 0x00, 0x50, 0xDD)))
using (var pen = new Pen(Color.FromArgb(255, 0x00, 0x33, 0x99), 2))
{
g.FillPath(brush, path);
g.DrawPath(pen, path);
}
}
private GraphicsPath CreateRoundRect(float x, float y, float w, float h, float r)
{
var gp = new GraphicsPath();
gp.AddArc(x + w - r, y, r, r, 270, 90);
gp.AddArc(x + w - r, y + h - r, r, r, 0, 90);
gp.AddArc(x, y + h - r, r, r, 90, 90);
gp.AddArc(x, y, r, r, 180, 90);
gp.CloseFigure();
return gp;
}- WPF 的 Drawing 體系是“矢量指令樹”，輕量、可緩存、可動畫，適合高性能場景（千級圖形）。
- 常用套路：GeometryDrawing/DrawingGroup → DrawingBrush/DrawingImage → Shape 或 Image 控件。
- WinForms 沒有 Drawing 類，用 Graphics 即時繪制；想緩存可用 Bitmap/ Metafile。
到此這篇關(guān)于C#Drawing 類詳解的文章就介紹到這了,更多相關(guān)C# Drawing 類內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
C#中緩存System.Web.Caching用法總結(jié)
本文詳細(xì)講解了C#中緩存System.Web.Caching的用法，文中通過示例代碼介紹的非常詳細(xì)。對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下2022-04-04
這篇文章主要為大家詳細(xì)介紹了WPF如何實現(xiàn)圓形的進(jìn)度條，文中的示例代碼講解詳細(xì)，對我們學(xué)習(xí)或工作有一定幫助，感興趣的小伙伴可以了解一下2023-01-01
C#實現(xiàn)獲取多維數(shù)組的行數(shù)與列數(shù)
這篇文章主要為大家詳細(xì)介紹了C#如何分別使用Array.GetUpperBound方法和Array.GetLength方法實現(xiàn)獲取多維數(shù)組的行數(shù)與列數(shù),需要的可以參考下2024-02-02
這篇文章主要為大家詳細(xì)介紹了C#委托與匿名委托的相關(guān)資料，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-08-08
本文介紹了基于C#的條碼打印程序的設(shè)計與實現(xiàn),包括技術(shù)選型、核心功能、系統(tǒng)架構(gòu)、參數(shù)配置、工程實踐、擴(kuò)展功能、調(diào)試測試及部署建議,需要的朋友可以參考下2025-12-12
下面小編就為大家分享一篇C# 通過反射初探ORM框架的實現(xiàn)原理詳解，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2017-12-12
詳解C# Socket簡單例子（服務(wù)器與客戶端通信）
這篇文章主要介紹了詳解C# Socket簡單例子（服務(wù)器與客戶端通信） ，具有一定的參考價值，感興趣的小伙伴們可以參考一下。2016-12-12
基于C#實現(xiàn)自定義計算的Excel數(shù)據(jù)透視表
數(shù)據(jù)透視表（Pivot?Table）是一種數(shù)據(jù)分析工具,通常用于對大量數(shù)據(jù)進(jìn)行匯總、分析和展示,本文主要介紹了C#實現(xiàn)自定義計算的Excel數(shù)據(jù)透視表的相關(guān)知識,感興趣的可以了解下2023-12-12
這篇文章主要介紹了C#最小二乘法擬合曲線成直線的實例，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-02-02
這篇文章主要為大家詳細(xì)介紹了C#如何實現(xiàn)一個Word保護(hù)性模板文件,文中的示例代碼講解詳細(xì),具有一定的借鑒價值,需要的小伙伴可以參考一下2024-01-01