【WPF中的图形(Shape)】

WPF 中常用 `Shape` 类的介绍、使用示例和适用场景


Shape 类 描述 使用示例 适用场景
Rectangle 用于绘制矩形的形状。 xml <Rectangle Width="100" Height="50" Fill="Blue" /> 创建矩形或方形的图形元素,如背景、边框或按钮装饰。
Ellipse 用于绘制椭圆或圆形的形状。 xml <Ellipse Width="100" Height="100" Fill="Red" /> 绘制圆形或椭圆形元素,适用于按钮、装饰图形等。
Line 用于绘制直线。 xml <Line X1="0" Y1="0" X2="100" Y2="100" Stroke="Black" StrokeThickness="2" /> 绘制简单的直线,如分隔线、连接线或图表中的轴线。
Polygon 用于绘制由多个线段组成的闭合多边形。 xml <Polygon Points="50,0 100,50 50,100 0,50" Fill="Green" /> 创建三角形、五边形等多边形形状,适用于图标、装饰图案等。
Polyline 用于绘制由多个线段组成的折线(不闭合)。 xml <Polyline Points="0,0 50,50 100,0" Stroke="Blue" StrokeThickness="2" /> 绘制折线或路径,如图表中的数据线或路径图。
Path 用于绘制由复杂几何图形(线段、曲线等)组成的任意形状。 xml <Path Data="M 10,100 C 50,0 150,200 200,100" Stroke="Purple" StrokeThickness="3" /> 创建复杂的图形或符号,适用于自定义图标、路径动画等。
LineGeometry 定义一条直线的几何图形,可与 Path 结合使用。 xml <Path Stroke="Black" StrokeThickness="2"><Path.Data><LineGeometry StartPoint="0,0" EndPoint="100,100" /></Path.Data></Path> 使用 Path 绘制直线时,创建线条图形。
RectangleGeometry 定义一个矩形的几何图形,可与 Path 结合使用。 xml <Path Fill="LightGray"><Path.Data><RectangleGeometry Rect="10,10,100,50" /></Path.Data></Path> 使用 Path 绘制矩形时,创建矩形图形。
EllipseGeometry 定义一个椭圆的几何图形,可与 Path 结合使用。 xml <Path Fill="Yellow"><Path.Data><EllipseGeometry Center="50,50" RadiusX="50" RadiusY="25" /></Path.Data></Path> 使用 Path 绘制椭圆时,创建椭圆图形。
GeometryGroup 将多个几何图形组合成一个复合形状。 xml <Path Stroke="Black" StrokeThickness="2"><Path.Data><GeometryGroup><EllipseGeometry Center="50,50" RadiusX="30" RadiusY="30" /><RectangleGeometry Rect="10,10,80,80" /></GeometryGroup></Path.Data></Path> 将多个几何形状组合成复杂图形,适用于自定义符号或图标。

使用场景解释

  • Rectangle:

    • 用于绘制矩形或方形图形,如按钮背景、边框或布局中的装饰矩形。
  • Ellipse:

    • 用于绘制圆形或椭圆形元素,如装饰图形、按钮或图标。
  • Line:

    • 用于绘制简单的直线,适用于分隔线、连接线、图表中的轴线等场景。
  • Polygon:

    • 用于绘制多边形,如三角形、五边形、星形图案,适用于图标或装饰性元素。
  • Polyline:

    • 用于绘制不闭合的折线,适用于路径图、数据线或装饰线条。
  • Path:

    • 用于绘制复杂的几何形状,包括线段、曲线、弧形等,适用于自定义图标、路径动画、符号等复杂场景。
  • LineGeometry:

    • 用于定义一条直线的几何图形,适合在 Path 中使用以绘制直线。
  • RectangleGeometry:

    • 用于定义矩形的几何图形,适合在 Path 中使用以绘制矩形。
  • EllipseGeometry:

    • 用于定义椭圆的几何图形,适合在 Path 中使用以绘制椭圆。
  • GeometryGroup:

    • 用于将多个几何形状组合成一个复合形状,适合创建复杂图形或自定义符号。

代码示例

这些 Shape 通常用于绘制 UI 元素中的几何形状,如装饰图形、数据可视化元素或自定义控件。例如:

xml 复制代码
<Grid>
    <!-- 绘制一个矩形 -->
    <Rectangle Width="100" Height="50" Fill="Blue" />

    <!-- 绘制一个椭圆 -->
    <Ellipse Width="100" Height="100" Fill="Red" Margin="0,60,0,0"/>

    <!-- 绘制一条直线 -->
    <Line X1="0" Y1="0" X2="100" Y2="100" Stroke="Black" StrokeThickness="2" Margin="0,180,0,0"/>

    <!-- 使用 Path 绘制复杂形状 -->
    <Path Data="M 10,100 C 50,0 150,200 200,100" Stroke="Purple" StrokeThickness="3" Margin="0,220,0,0"/>
</Grid>
相关推荐
爱分享的康康10 小时前
康谋矿山机械多传感器数采方案:矿山自动驾驶数据采集落地实践分析
经验分享
用户7884773163414 小时前
WinForms 迁移 WPF:Upgrade Assistant 覆盖 30%,剩下 70% 我手写了六周
c#
光视界16 小时前
从汞灯到 UV-LED:ALE 如何助力光刻机完成环保升级
经验分享
联蔚盘云16 小时前
DevOps 正在从“交付工具”进化为企业级生产力引擎
经验分享
寂寞的船18 小时前
【Unity知识速递】第13期 Unity 内存泄漏排查实战:从 Memory Profiler 到 Lua 引用泄漏的生产级全链路诊断
unity·junit·c#·游戏引擎·lua
八十天环游世界21 小时前
财务自动化项目的ROI怎么测算?要看哪些指标?
经验分享
网安小学生(兼顾数据库版)21 小时前
艾体宝 TrueFoundry 如何让企业 AI 工具集成避免 “孤岛化“?
经验分享·艾体宝·艾体宝it·艾体宝truefoundry
用户3721574261351 天前
C# 提取 PDF 附件:包括文档附件和页面注释附件
c#
聪明的笨猪猪1 天前
企业知识库AI架构选型:落地导向的架构决策与组件清单
经验分享·面试·架构·embedding·数据库架构
寂寞的船1 天前
【Unity Bug挑战】第12期 Awaitable 二次 await 死锁之谜 —— 为什么同一个异步操作等两次就卡死?
unity·c#·游戏引擎·bug