Path.Data 属性

定义

命名空间:

Microsoft.UI.Xaml.Shapes

获取或设置指定要绘制的形状的 Geometry 。

public:
 property Geometry ^ Data { Geometry ^ get(); void set(Geometry ^ value); };

Geometry Data();

void Data(Geometry value);

public Geometry Data { get; set; }

var geometry = path.data;
path.data = geometry;

Public Property Data As Geometry

<Path>
  <Path.Data>
    singleGeometry
  </Path.Data>
</Path>
- or -
<Path Data="moveAndDrawCommands"/>

属性值

Geometry

所要绘制的形状的描述。

示例

以下示例使用 Path 绘制椭圆。

<Canvas> 
  <Path Fill="Gold" Stroke="Black" StrokeThickness="1">
    <Path.Data>
      <EllipseGeometry Center="50,50" RadiusX="50" RadiusY="50" />
    </Path.Data>
  </Path> 
</Canvas>

在 XAML 中，还可以使用 Move 和 draw 命令语法 作为 Data 属性的值。 此示例使用此语法指定 Path 的形状。

<Canvas>
  <Path Stroke="DarkGoldenRod" StrokeThickness="3"
    Data="M 100,200 C 100,25 400,350 400,175 H 280"/>
</Canvas>

Data 属性字符串以“移动到”命令开头，该命令由“M”指示，该命令在 Canvas 的坐标系中为路径建立起点。 Move 和 draw 命令语法中的字符串区分大小写，并确定命令是使用相对 (偏移量) 还是绝对坐标。 第一段是一条三次贝塞尔曲线，该曲线以 (100,200) 开始，至 (400,175) 结束，使用 (100,25) 和 (400,350) 这两个控制点绘制。

第二段以“H”命令的绝对水平 线 开头，该线指定从上一个子路径的终结点 (400，175) 绘制到新终结点 (280，175) 的线条。 由于它是命令的水平 线 ，因此指定的值为 x 坐标。

另请参阅

• 移动和绘制命令语法