Condividi tramite


Path.Data Proprietà

Definizione

Ottiene o imposta una geometria che specifica la forma da disegnare.

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

Valore della proprietà

Descrizione della forma da disegnare.

Esempio

Nell'esempio seguente viene usato un percorso per disegnare un'ellisse.

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

In XAML è anche possibile usare la sintassi Dei comandi Move e disegnare come valore per la proprietà Data. In questo esempio viene usata questa sintassi per specificare la forma di un percorso.

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

La stringa dell'attributo Data inizia con il comando move to , indicato da "M", che stabilisce un punto di inizio per il percorso nel sistema di coordinate di Canvas. Le stringhe nella sintassi Dei comandi Move and draw sono distinzione tra maiuscole e minuscole e determinano se i comandi usano coordinate relative (offset) o assolute. Il primo segmento è una curva di Bézier cubica che inizia in corrispondenza del punto (100,200) e termina in corrispondenza del punto (400,175) e viene disegnata usando i due punti di controllo (100,25) e (400,350).

Il secondo segmento inizia con una riga orizzontale assoluta per il comando "H", che specifica una riga disegnata dall'endpoint del subpath precedente (400.175) a un nuovo endpoint (280.175). Poiché è una riga orizzontale per il comando, il valore specificato è una coordinata x.

Si applica a

Vedi anche