Path.Data Propiedad

  • Referencia

Definición

Espacio de nombres:
Windows.UI.Xaml.Shapes
Editar

Obtiene o establece una geometría que especifica la forma que se va a dibujar.

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"/>

Valor de propiedad

Geometry

Descripción de la forma que se va a dibujar.

Ejemplos

En el ejemplo siguiente se usa una ruta de acceso para dibujar una elipse.

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

En XAML, también puedes usar la sintaxis de comandos Move y draw como valor de la propiedad Data. En este ejemplo se usa esta sintaxis para especificar la forma de una ruta de acceso.

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

La cadena de atributo Data comienza con el comando move to , indicado por "M", que establece un punto de inicio para la ruta de acceso en el sistema de coordenadas del Canvas. Las cadenas de la sintaxis de comandos Move y draw distinguen mayúsculas de minúsculas y determinan si los comandos usan coordenadas relativas (desplazamiento) o absolutas. El primer segmento es una curva de Bézier cúbica que comienza en (100,200) y termina en (400,175), trazado con los dos puntos de control (100,25) y (400,350).

El segundo segmento comienza con una línea horizontal absoluta para el comando "H", que especifica una línea dibujada desde el punto de conexión de la subruta anterior (400,175) a un nuevo punto de conexión (280,175). Dado que es una línea horizontal para el comando, el valor especificado es una coordenada x.

Se aplica a

Consulte también