WPF Path Data 详解：图形绘制中的微语言

于 2025-05-07 09:48:38 发布
阅读量795 收藏 21
点赞数 14
分类专栏： WPF 文章标签： wpf 几何学
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_53548081/article/details/147753341
版权

在 WPF (Windows Presentation Foundation) 的图形系统中，Path 元素是一个强大而灵活的工具，允许开发者创建各种复杂的图形。而 Path 的精髓就在于其 Data 属性，它使用一种特殊的"微语言"(Mini-Language)来描述几何图形。这种微语言简洁而强大，让我们能够用简单的字符串表达丰富的图形内容。

本文将深入探讨 WPF Path Data 微语言的各个方面，从基础概念到高级技巧，并配合实例帮助你全面掌握这一强大工具。

1. Path Data 微语言基础

Path Data 微语言是一种用于描述二维图形的紧凑语法。它由一系列命令和参数组成，每个命令由一个字母表示，后面跟着相应的参数。

1.1 命令类型

Path Data 微语言中的命令分为两种类型：

  • 大写命令：使用绝对坐标（相对于画布原点）
  • 小写命令：使用相对坐标（相对于当前点位置）

例如，M 10,20 表示移动到画布上的绝对坐标 (10,20) 点，而 m 10,20 则表示从当前位置向右移动 10 单位、向下移动 20 单位。

1.2 基本语法规则

在 Path Data 微语言中：

  • 命令字母后可以有多组参数
  • 参数之间可以用空格或逗号分隔
  • 参数可以是整数或浮点数
  • 在新命令前不需要空格（但为了可读性，通常会添加）

2. 基本命令详解

2.1 移动命令 (M, m)

M x,y 或 m dx,dy - 将画笔移动到指定位置，不绘制线条。

xml

<Path Stroke="Black" StrokeThickness="2">
    <Path.Data>
        <PathGeometry>
            <PathGeometry.Figures>
                <PathFigure StartPoint="10,10">
                    <PathFigure.Segments>
                        <LineSegment Point="100,10"/>
                        <!-- 在100,10处抬起画笔，移动到50,50 -->
                        <LineSegment Point="50,50"/>
                    </PathFigure.Segments>
                </PathFigure>
            </PathGeometry.Figures>
        </PathGeometry>
    </Path.Data>
</Path>

等效的 Path Data 字符串：

M 10,10 L 100,10 M 50,50 L 50,100

这里 M 50,50 表示抬起画笔移动到新位置，不会绘制从 (100,10) 到 (50,50) 的线段。

2.2 直线命令 (L, l, H, h, V, v)

  • L x,y 或 l dx,dy - 绘制一条到指定点的直线
  • H x 或 h dx - 绘制一条水平线到指定的 x 坐标
  • V y 或 v dy - 绘制一条垂直线到指定的 y 坐标

例如，绘制一个矩形：

M 10,10 H 110 V 60 H 10 Z

这段代码的含义是：

  1. 移动到点 (10,10)
  2. 绘制水平线到点 (110,10)
  3. 绘制垂直线到点 (110,60)
  4. 绘制水平线回到点 (10,60)
  5. 关闭路径（连接回起点）

等效的相对坐标命令：

M 10,10 h 100 v 50 h -100 z

2.3 闭合路径命令 (Z, z)

Z 或 z - 绘制一条从当前点到路径起点的直线，闭合路径。大小写命令效果相同。

M 10,10 L 110,10 L 110,60 L 10,60 Z

3. 曲线命令

3.1 三次贝塞尔曲线 (C, c, S, s)

  • C x1,y1 x2,y2 x,y 或 c dx1,dy1 dx2,dy2 dx,dy - 绘制一条三次贝塞尔曲线
    • (x1,y1) 和 (x2,y2) 是控制点，(x,y) 是终点
  • S x2,y2 x,y 或 s dx2,dy2 dx,dy - 绘制一条平滑连接的三次贝塞尔曲线
    • 第一个控制点是前一个 C 或 S 命令的第二个控制点的对称点

例如，绘制一条带有两段平滑连接的贝塞尔曲线：

M 10,50 C 20,0 80,0 90,50 S 160,100 170,50

这段代码的含义是：

  1. 移动到点 (10,50)
  2. 绘制一条贝塞尔曲线到点 (90,50)，控制点为 (20,0) 和 (80,0)
  3. 绘制一条平滑连接的贝塞尔曲线到点 (170,50)，第二个控制点为 (160,100)，第一个控制点自动计算

3.2 二次贝塞尔曲线 (Q, q, T, t)

  • Q x1,y1 x,y 或 q dx1,dy1 dx,dy - 绘制一条二次贝塞尔曲线
    • (x1,y1) 是控制点，(x,y) 是终点
  • T x,y 或 t dx,dy - 绘制一条平滑连接的二次贝塞尔曲线
    • 控制点是前一个 Q 或 T 命令的控制点的对称点

例如，绘制一条带有两段平滑连接的二次贝塞尔曲线：

M 10,50 Q 50,0 90,50 T 170,50

这段代码的含义是：

  1. 移动到点 (10,50)
  2. 绘制一条二次贝塞尔曲线到点 (90,50)，控制点为 (50,0)
  3. 绘制一条平滑连接的二次贝塞尔曲线到点 (170,50)，控制点自动计算

3.3 椭圆弧线 (A, a)

A rx,ry xAxisRotation largeArcFlag sweepFlag x,y 或 a rx,ry xAxisRotation largeArcFlag sweepFlag dx,dy

参数说明：

  • rx, ry：椭圆的 x 和 y 半径
  • xAxisRotation：椭圆 x 轴的旋转角度（度）
  • largeArcFlag：0 表示小弧，1 表示大弧
  • sweepFlag：0 表示逆时针，1 表示顺时针
  • x, y 或 dx, dy：终点坐标

例如，绘制一个半圆：

M 10,50 A 40,40 0 0 1 90,50

这段代码的含义是：

  1. 移动到点 (10,50)
  2. 绘制一条半径为 40 的圆弧到点 (90,50)，选择小弧（0）和顺时针方向（1）

4. 复杂路径和实际应用

4.1 组合命令创建复杂图形

在实际应用中，通常会组合多种命令来创建复杂的图形。例如，创建一个带圆角的矩形：

M 20,20 H 80 A 10,10 0 0 1 90,30 V 70 A 10,10 0 0 1 80,80 H 30 A 10,10 0 0 1 20,70 V 30 A 10,10 0 0 1 30,20 Z

这段代码创建了一个 70x60 的矩形，四个角都是半径为 10 的圆角。

4.2 实现一个简单的心形图案

M 75,40 A 15,15 0 0 1 75,70 A 15,15 0 0 1 75,40 Z
M 75,40 A 15,15 0 0 1 105,40 A 15,15 0 0 1 75,70 Z

这段代码使用两个半圆和两条直线组合创建了一个简单的心形图案。

4.3 创建五角星

M 50,0 L 61,35 L 98,35 L 68,57 L 79,91 L 50,70 L 21,91 L 32,57 L 2,35 L 39,35 Z

这段代码通过定义五角星的十个顶点并连接它们来创建一个五角星。

5. PathGeometry 与 StreamGeometry

在 WPF 中，有两种主要的几何对象用于创建路径：

5.1 PathGeometry

PathGeometry 提供了最灵活的路径定义方式，支持多个 PathFigure，每个 PathFigure 可以包含多个 PathSegment。

 

csharp
 

PathGeometry geometry = new PathGeometry();
PathFigure figure = new PathFigure();
figure.StartPoint = new Point(10, 10);
figure.Segments.Add(new LineSegment(new Point(100, 10), true));
figure.Segments.Add(new LineSegment(new Point(100, 100), true));
figure.Segments.Add(new LineSegment(new Point(10, 100), true));
figure.IsClosed = true;
geometry.Figures.Add(figure);

Path path = new Path();
path.Data = geometry;
path.Stroke = Brushes.Black;
path.StrokeThickness = 2;
 

等效的 XAML：
 

 

xml
 

<Path Stroke="Black" StrokeThickness="2">
    <Path.Data>
        <PathGeometry>
            <PathGeometry.Figures>
                <PathFigure StartPoint="10,10" IsClosed="True">
                    <PathFigure.Segments>
                        <LineSegment Point="100,10"/>
                        <LineSegment Point="100,100"/>
                        <LineSegment Point="10,100"/>
                    </PathFigure.Segments>
                </PathFigure>
            </PathGeometry.Figures>
        </PathGeometry>
    </Path.Data>
</Path>
 

5.2 StreamGeometry
 

StreamGeometry 提供了一种性能更高的路径定义方式，特别适合用于大量图形的场景。
 

 

csharp
 

StreamGeometry geometry = new StreamGeometry();
using (StreamGeometryContext context = geometry.Open())
{
    context.BeginFigure(new Point(10, 10), true, true);
    context.LineTo(new Point(100, 10), true, false);
    context.LineTo(new Point(100, 100), true, false);
    context.LineTo(new Point(10, 100), true, false);
}

Path path = new Path();
path.Data = geometry;
path.Stroke = Brushes.Black;
path.StrokeThickness = 2;
 

等效的 XAML：
 

 

xml
 

<Path Stroke="Black" StrokeThickness="2">
    <Path.Data>
        <StreamGeometry>M 10,10 L 100,10 L 100,100 L 10,100 Z</StreamGeometry>
    </Path.Data>
</Path>
 

6. 填充规则
 

Path 的填充行为受到 FillRule 属性的影响，它有两个可能的值：
 

6.1 EvenOdd 填充规则
 

从任意点画一条射线，如果与路径的交点数为奇数，则该点在图形内部；如果为偶数，则在外部。
 

 

xml
 

<Path Fill="Blue" StrokeThickness="2" Stroke="Black">
    <Path.Data>
        <PathGeometry FillRule="EvenOdd">
            <PathGeometry.Figures>
                <PathFigure StartPoint="50,50" IsClosed="True">
                    <PathFigure.Segments>
                        <LineSegment Point="200,50"/>
                        <LineSegment Point="200,200"/>
                        <LineSegment Point="50,200"/>
                    </PathFigure.Segments>
                </PathFigure>
                <PathFigure StartPoint="75,75" IsClosed="True">
                    <PathFigure.Segments>
                        <LineSegment Point="175,75"/>
                        <LineSegment Point="175,175"/>
                        <LineSegment Point="75,175"/>
                    </PathFigure.Segments>
                </PathFigure>
            </PathGeometry.Figures>
        </PathGeometry>
    </Path.Data>
</Path>
 

6.2 Nonzero 填充规则
 

从任意点画一条射线，计算路径与射线的交点处的方向（顺时针为 +1，逆时针为 -1）。如果总和不为零，则该点在图形内部；如果为零，则在外部。
 

 

xml
 

<Path Fill="Blue" StrokeThickness="2" Stroke="Black">
    <Path.Data>
        <PathGeometry FillRule="Nonzero">
            <PathGeometry.Figures>
                <PathFigure StartPoint="50,50" IsClosed="True">
                    <PathFigure.Segments>
                        <LineSegment Point="200,50"/>
                        <LineSegment Point="200,200"/>
                        <LineSegment Point="50,200"/>
                    </PathFigure.Segments>
                </PathFigure>
                <PathFigure StartPoint="75,75" IsClosed="True">
                    <PathFigure.Segments>
                        <LineSegment Point="75,175"/>
                        <LineSegment Point="175,175"/>
                        <LineSegment Point="175,75"/>
                    </PathFigure.Segments>
                </PathFigure>
            </PathGeometry.Figures>
        </PathGeometry>
    </Path.Data>
</Path>
 

注意这个例子中，内部矩形的点是按顺时针顺序定义的，这会影响 Nonzero 填充规则的结果。
 

7. 高级技巧与优化
 

7.1 简化 Path Data
 

为了提高性能和减少代码量，可以使用简写形式：
 

 

// 冗长的写法
M 10,10 L 100,10 L 100,100 L 10,100 Z

// 简化的写法
M 10,10 100,10 100,100 10,100 Z
 

在 L, H, V 等命令后，如果紧跟着一对坐标，可以省略重复的命令字母。
 

7.2 使用 PathGeometry.Parse 方法
 

在代码中，可以使用 PathGeometry.Parse 方法将 Path Data 字符串转换为 PathGeometry 对象：
 

 

csharp
 

PathGeometry geometry = PathGeometry.Parse("M 10,10 L 100,10 L 100,100 L 10,100 Z");
Path path = new Path();
path.Data = geometry;
path.Stroke = Brushes.Black;
path.StrokeThickness = 2;
 

7.3 优化性能的考虑
 

  1. 尽量使用 StreamGeometry 而不是 PathGeometry，特别是在需要大量图形的场景中
  2. 对于静态路径，缓存 Geometry 对象而不是每次重新创建
  3. 考虑使用 Freeze() 方法冻结几何对象，以提高渲染性能
 

 

csharp
 

StreamGeometry geometry = new StreamGeometry();
using (StreamGeometryContext context = geometry.Open())
{
    context.BeginFigure(new Point(10, 10), true, true);
    context.LineTo(new Point(100, 10), true, false);
    context.LineTo(new Point(100, 100), true, false);
    context.LineTo(new Point(10, 100), true, false);
}
geometry.Freeze(); // 冻结几何对象以提高性能

Path path = new Path();
path.Data = geometry;
 

8. 实际应用示例
 

8.1 创建自定义控件
 

 

csharp
 

public class CircularProgressBar : Control
{
    static CircularProgressBar()
    {
        DefaultStyleKeyProperty.OverrideMetadata(typeof(CircularProgressBar), 
            new FrameworkPropertyMetadata(typeof(CircularProgressBar)));
    }

    public static readonly DependencyProperty ProgressProperty =
        DependencyProperty.Register("Progress", typeof(double), typeof(CircularProgressBar), 
            new PropertyMetadata(0.0, OnProgressChanged));

    public double Progress
    {
        get { return (double)GetValue(ProgressProperty); }
        set { SetValue(ProgressProperty, value); }
    }

    private static void OnProgressChanged(DependencyObject d, DependencyPropertyChangedEventArgs e)
    {
        ((CircularProgressBar)d).UpdateProgressPath();
    }

    private Path _progressPath;

    public override void OnApplyTemplate()
    {
        base.OnApplyTemplate();
        _progressPath = GetTemplateChild("PART_ProgressPath") as Path;
        UpdateProgressPath();
    }

    private void UpdateProgressPath()
    {
        if (_progressPath == null) return;

        double radius = Math.Min(ActualWidth, ActualHeight) / 2 - 5;
        Point center = new Point(ActualWidth / 2, ActualHeight / 2);
        
        double angle = Progress * 360;
        double radians = angle * Math.PI / 180;
        
        bool isLargeArc = angle > 180;
        
        Point startPoint = new Point(
            center.X + radius * Math.Cos(-Math.PI / 2),
            center.Y + radius * Math.Sin(-Math.PI / 2));
        
        Point endPoint = new Point(
            center.X + radius * Math.Cos(radians - Math.PI / 2),
            center.Y + radius * Math.Sin(radians - Math.PI / 2));
        
        StreamGeometry geometry = new StreamGeometry();
        using (StreamGeometryContext context = geometry.Open())
        {
            context.BeginFigure(startPoint, false, false);
            context.ArcTo(endPoint, new Size(radius, radius), 0, isLargeArc, SweepDirection.Clockwise, true, false);
        }
        
        _progressPath.Data = geometry;
    }
}
 

对应的 XAML 模板：
 

 

xml
 

<Style TargetType="{x:Type local:CircularProgressBar}">
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="{x:Type local:CircularProgressBar}">
                <Grid>
                    <Ellipse Stroke="LightGray" StrokeThickness="10" Fill="Transparent"/>
                    <Path x:Name="PART_ProgressPath" Stroke="Blue" StrokeThickness="10" 
                          StrokeStartLineCap="Round" StrokeEndLineCap="Round"/>
                </Grid>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
</Style>
 

8.2 响应式图标
 

创建一个可以根据状态变化改变形状的图标：
 

 

csharp
 

public class AnimatedIcon : Control
{
    public static readonly DependencyProperty StateProperty =
        DependencyProperty.Register("State", typeof(IconState), typeof(AnimatedIcon), 
            new PropertyMetadata(IconState.Normal, OnStateChanged));

    public IconState State
    {
        get { return (IconState)GetValue(StateProperty); }
        set { SetValue(StateProperty, value); }
    }

    private static void OnStateChanged(DependencyObject d, DependencyPropertyChangedEventArgs e)
    {
        ((AnimatedIcon)d).UpdateIconPath();
    }

    private Path _iconPath;

    public override void OnApplyTemplate()
    {
        base.OnApplyTemplate();
        _iconPath = GetTemplateChild("PART_IconPath") as Path;
        UpdateIconPath();
    }

    private void UpdateIconPath()
    {
        if (_iconPath == null) return;

        switch (State)
        {
            case IconState.Normal:
                _iconPath.Data = PathGeometry.Parse("M 10,10 L 40,10 L 40,40 L 10,40 Z");
                break;
            case IconState.Active:
                _iconPath.Data = PathGeometry.Parse("M 10,10 A 30,30 0 0 1 40,40 L 10,40 Z");
                break;
            case IconState.Selected:
                _iconPath.Data = PathGeometry.Parse("M 10,25 L 20,40 L 40,10 L 30,10 L 20,25 L 15,20 Z");
                break;
        }
    }

    public enum IconState
    {
        Normal,
        Active,
        Selected
    }
}
 

9. 常见问题和解决方案
 

9.1 坐标系统与变换
 

在 WPF 中，Path 的坐标系统是以左上角为原点 (0,0)，向右为 x 轴正方向，向下为 y 轴正方向。可以使用 RenderTransform 属性应用变换：
 

 

xml
 

<Path Data="M 0,0 L 100,0 L 100,100 L 0,100 Z" Fill="Blue">
    <Path.RenderTransform>
        <TransformGroup>
            <RotateTransform Angle="45" CenterX="50" CenterY="50"/>
            <ScaleTransform ScaleX="1.5" ScaleY="1" CenterX="50" CenterY="50"/>
        </TransformGroup>
    </Path.RenderTransform>
</Path>
 

9.2 路径创建问题
 

如果路径没有正确显示，请检查：
 

  1. 确保起点正确 (StartPoint 或 M 命令)
  2. 路径是否闭合 (Z 命令或 IsClosed 属性)
  3. 坐标值是否正确 (注意逗号分隔)
  4. 确保所有命令格式正确 (例如，弧线命令 A 必须有 7 个参数)
 

9.3 性能优化
 

对于复杂的 Path：
 

  1. 使用 StreamGeometry 代替 PathGeometry
  2. 冻结不会改变的几何对象 (Freeze())
  3. 考虑使用 DrawingBrush 或 DrawingImage 预渲染复杂图形
 

10. 总结与最佳实践
 

WPF Path Data 微语言是一个强大的工具，可以帮助开发者创建各种复杂的二维图形。通过掌握其基本命令和语法规则，可以创建从简单形状到复杂图标的各种图形。
 

最佳实践
 

  1. 为了可读性，在编写长路径数据时添加适当的空格
  2. 对于复杂图形，考虑使用设计工具生成 Path Data，如 Expression Design、Inkscape 或 Adobe Illustrator
  3. 对于大型应用，将常用图形定义为资源，以便重复使用
  4. 优先使用相对命令 (小写) 创建可缩放的图形
  5. 使用 Snoop 或其他 WPF 调试工具来检查和调试复杂路径
 

通过本文的学习，你应该已经掌握了 WPF Path Data 微语言的核心知识。随着实践的深入，你将能够创建越来越复杂和精美的图形，为你的 WPF 应用程序增添视觉魅力。
 

下一步，建议你尝试使用这些知识创建自己的自定义控件和图标，进一步探索 WPF 图形系统的强大功能。

                

        

    

  


            

                    
            


    



                



	

		

			

				
					
【愚公系列】2023年10月 WPF控件专题 Path控件详解

				
			

			

				

					时光隧道
				

				

					07-09
					
					9926
					
				

			

		

		

			
				
WPF控件是Windows Presentation Foundation（WPF）中的基本用户界面元素。它们是可视化对象，可以用来创建各种用户界面。WPF控件可以分为两类：原生控件和自定义控件。原生控件是由Microsoft提供的内置控件，如Button、TextBox、Label、ComboBox等。这些控件都是WPF中常见的标准用户界面元素。自定义控件则允许开发人员使用XAML和C#等编程语言来创建个性化的用户界面元素。自定义控件可以根据需求提供更多的功能和自定义化选项，以及更好的用户体验。

			
		

	



                

            
              



	

		

			

				
					
【愚公系列】2023年10月 WPF+上位机+工业互联 023-几何图形(PathGeometry)

				
			

			

				

					时光隧道
				

				

					09-22
					
					4万+
					
				

			

		

		

			
				
几何图形是指平面或立体的形状、大小、位置、角度、边数等固有的几何特征，例如线段、角、三角形、正方形、圆、立方体、球等。通常使用几何学来研究和描述几何图形的性质和关系。PathGeometry是WPF中用于绘制路径的控件，其常用的属性有：Figures：定义路径的集合，每一个Figure定义了一个形状。每个Figure必须包含至少一个PathSegment。FillRule：填充规则，可以是EvenOdd或Nonzero。Transform：指定路径的变换，可以是旋转、缩放、平移等。

			
		

	



              


  
              

                


	

		

			

				
					
WPF Path详解

				
			

			

				

					technologyleader的专栏
				

				

					08-18
					
					8321
					
				

			

		

		

			
				
、


XAML(代码A)：
<Page xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" >
  <Canvas>

<!--这是使用PathFigureCollection的表示方法-->
<Path Stroke="Black" StrokeThickness="1" F

			
		

	





	

		

			

				
					
《15天玩转WPF》—— 绘图之 Path 知识详解

				
			

			

				

					浪子花梦
				

				

					04-03
					
					9665
					
				

			

		

		

			
				
路径（Path）是一种非常强大的工具，它可以完全替代其他几种图形，例如上篇的文章中，
几种图形：
直线、矩形、椭圆的各种画法

它可以将各种图形结合起来，形成更复杂的图形。它有一个属性是 Data，它的类型是Geomery（几何图形）. . . 它是一个抽象类，我们不能直接使用 . . .


文章目录

Geometry 的子类介绍
直线、矩形、椭圆几何图形的使用
PathGeometry的各...

			
		

	



		

			
		



	

		

			

				
					
WPF中图形表示语法详解（Path之Data属性语法）

					
热门推荐

				
			

			

				

					祝紫山（大可山人）博客[GDI+,WPF, .Net图形图像]
				

				

					11-14
					
					6万+
					
				

			

		

		

			
				
大可山 [MSN:a3news(AT)hotmail.com] http://www.zpxp.com 萝卜鼠在线图形图像处理--------------------------------------------------------------老规矩，看图说话。先看显示效果：（图1）XAML(代码A)：http://schemas.microsoft.com/winfx/2006/xam

			
		

	





	

		

			

				
					
WPF PATH语法详解

				
			

			

				

					u012846041的专栏
				

				

					08-13
					
					1万+
					
				

			

		

		

			
				
WPF提供了了两种方法在Path中描述 图形数据，一种方法通过StreamGeometry的XAML代码表示形式，也是最简洁的表示形式。 示例如下：


&lt;Path Stroke="Black" Data="M 100,240 C 510,300 80,100 300,160 H40 v80" /&gt;

另外一种方法则是通过PathGeometry进行描述 ，示例代码如下：


&lt;...

			
		

	





	

		

			

				
					
WPF系列八：图形控件Path

					
最新发布

				
			

			

				

					weixin_38747097的博客
				

				

					01-09
					
					1616
					
				

			

		

		

			
				
Path控件支持一种称为路径迷你语言（Path Mini-Language）的紧凑字符串格式，用于描述复杂的几何图形。这种语言通过一系列命令字母和坐标来定义路径上的点和线段，最终绘制出想要的图形。Path。

			
		

	





	

		

			

				
					
WPF数据绑定详解：从基础到高级应用

				
			

			

				

					
				

			

		

		

			
				
WPF数据绑定是Windows Presentation Foundation (WPF)的一项强大功能，它使得在设计用户界面时能够轻松处理数据操作。数据绑定的核心在于定义绑定的目标和源，目标通常是依赖属性（DependencyProperty）如TextBox的...

			
		

	





	

		

			

				
					
WPF基础-Data Binding

				
			

			

				

					qq_37541057的博客
				

				

					09-20
					
					514
					
				

			

		

		

			
				
Data Binding基础，几种路径和校验及转换

			
		

	





	

		

			

				
					
WPF：Path详解，包括直线（LineSegment）弧线（ArcSegment）贝塞尔曲线（BezierSegment）

				
			

			

				

					pandawangyt的博客
				

				

					12-07
					
					1万+
					
				

			

		

		

			
				
使用Path作图，有两种方法设置Path.Data：

使用PathGeometry对象
如：画的是一个带箭头边框。Path.Data由一些列的Segment组合而成。

<Path Stroke="Red">
    <Path.Data>
        <PathGeometry>
            <PathFigure StartPoint="5,0" IsClosed="True">
                <ArcSegmen

			
		

	





	

		

			

				
					
世界各国的WPF SVG 的Path.txt

				
			

			

				

					07-07
				

			

		

		

			
				
世界各国的WPF BLEND SVG的Path数据

			
		

	





	

		

			

				
					
WPF ＜Path＞元素中的Data属性

				
			

			

				

					tiankongzhicheng441x的博客
				

				

					06-10
					
					3119
					
				

			

		

		

			
				
WPF 元素中的Data属性

			
		

	





	

		

			

				
					
WPF 网页设计—— Path 实现背景图的绘画

				
			

			

				

					捡故事的阿黄的专栏
				

				

					11-21
					
					1085
					
				

			

		

		

			
				
用path 画背景图，wpf资源复用机制

			
		

	





	

		

			

				
					
WPF中使用Path绘制图形基础

				
			

			

				

					qq_27474555的博客
				

				

					08-12
					
					4612
					
				

			

		

		

			
				
WPF Path命令介绍、使用、案例

			
		

	





	

		

			

				
					
WPF中路径绘图Path类用法

				
			

			

				

					要疯了的博客
				

				

					06-10
					
					6044
					
				

			

		

		

			
				
Path类可以绘制曲线和复杂形状
用法：
重点解释Data属性的表示语法：

移动指令：M 10,100即绘图的起始点是x=10，y=100，大写M表示绝对值，小写m表示相对于前一点的值，如果前一点没有指定，则使用(0,0)。
绘制指令：L 100,100，一个指令集合，用来描述外形轮廓的内容，可以绘制8种形状。
L：直线，L x,y（结束点坐标）；
H：水平直线 H x
V：垂直直线 V y
C...

			
		

	





	

		

			

				
					
WPF利用Path自定义画头部导航条(TOP)样式

				
			

			

				

					qq_44217121的博客
				

				

					09-11
					
					700
					
				

			

		

		

			
				
两种图形中的"ColorZone"是Path的父控件,materialDesign:ColorZone是WPF的UI框架materialDesign下的控件，可替换为你自己的控件作为父控件只是注意父控件名称修改下即可。PointConverter 主要用来动态确定X轴，和Y轴。但当前Y轴是上一个点的X轴。用于闭合图形填充颜色的Path类型。EndPointConverter 该转换器主要用来动态确定X轴，和Y轴。新建两个多值转换器，都有用处，用来动态确定PATH的X,Y州坐标的。

			
		

	





	

		

			

				
					
WPF Path总结(一)

				
			

			

				

					weixin_30508309的博客
				

				

					08-28
					
					318
					
				

			

		

		

			
				
首先来看看Path的定义，参考MSDN:绘制一系列相互连接的直线和曲线。介绍比较简单，我们再来看看备注中有些什么，Path对象可以绘制封闭式还是开放式形状、 多个形状和甚至曲线的形状。与不Line和Polyline对象，可以使用此对象来绘制曲线。请参阅Data属性有关的形状的说明，Path元素支持。
  我们来看看Path的继承关系，以至于对其有一个大概的概念和理...

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

                
 1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
 2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

              

            

          

      

      余额充值