次の方法で共有


方法: 2 次ベジエ曲線を作成する

この例では、2 次ベジエ曲線を作成する方法を示します。 2 次ベジエ曲線を作成するには、PathGeometryPathFigure、および QuadraticBezierSegment クラスを使用します。

次の例では、2 次ベジエ曲線が (10,100) から (300,100) に描画されます。 曲線の制御点は (200,200) です。

拡張アプリケーション マークアップ言語 (XAML) では、属性構文を使用してパスを記述できます。

<Path Stroke="Black" StrokeThickness="1" 
  Data="M 10,100 Q 200,200 300,100" />

(この属性構文は、実際には PathGeometryの軽量バージョンである StreamGeometryを作成します。詳細については、「パス マークアップ構文 ページ」を参照してください。

XAML では、オブジェクト要素の構文を使用して 2 次ベジエ曲線を描画することもできます。 次は、前の XAML の例と同じです。

<Path Stroke="Black" StrokeThickness="1">
  <Path.Data>
    <PathGeometry>
      <PathGeometry.Figures>
        <PathFigureCollection>
          <PathFigure StartPoint="10,100">
            <PathFigure.Segments>
              <PathSegmentCollection>
                <QuadraticBezierSegment Point1="200,200" Point2="300,100" />
              </PathSegmentCollection>
            </PathFigure.Segments>
          </PathFigure>
        </PathFigureCollection>
      </PathGeometry.Figures>
    </PathGeometry>
  </Path.Data>
</Path>

この例は、より大きなサンプルの一部です。完全なサンプルについては、Geometries サンプルを参照してください。

関連情報を見る