Path.Data Propriedade

  • Referência

Definição

Namespace:
Windows.UI.Xaml.Shapes
Editar

Obtém ou define uma Geometria que especifica a forma a ser desenhada.

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 da propriedade

Geometry

Uma descrição da forma a ser desenhada.

Exemplos

O exemplo a seguir usa um Caminho para desenhar uma elipse.

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

No XAML, você também pode usar a sintaxe de comandos Mover e desenhar como o valor da propriedade Data. Este exemplo usa essa sintaxe para especificar a forma de um Path.

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

A cadeia de caracteres do atributo Data começa com o comando mover para , indicado por "M", que estabelece um ponto inicial para o caminho no sistema de coordenadas do Canvas. As cadeias de caracteres na sintaxe dos comandos Mover e desenhar diferenciam maiúsculas de minúsculas e determinam se os comandos usam coordenadas relativas (offset) ou absolutas. O primeiro segmento é um início de curva de Bézier cúbico no (100,200) e terminando em (400,175), desenhado usando os dois controle pontos (100,25) e (400,350).

O segundo segmento começa com uma linha horizontal absoluta para o comando "H", que especifica uma linha desenhada do ponto de extremidade do subcaminho anterior (400.175) para um novo ponto de extremidade (280.175). Como é uma linha horizontal para o comando, o valor especificado é uma coordenada x.

Aplica-se a

Confira também