次の方法で共有

楕円

  • [アーティクル]

Browse sample. サンプルを参照する

.NET Multi-Platform App UI (.NET MAUI) Ellipse クラスは、Shape クラスから派生し、楕円と円を描画するために使用できます。 Ellipse クラスが Shape クラスから継承するプロパティの詳細については、「図形」をご覧ください。

Ellipse クラスは、Shape クラスから継承された Aspect プロパティを Stretch.Fill に設定します。 Aspect プロパティの詳細については、「図形を引き伸ばす」を参照してください。

楕円を作成する

イメージを描画するには、Ellipse オブジェクトを作成し、その WidthRequest プロパティと HeightRequest プロパティを設定します。 楕円の内側を塗りつぶすには、その Fill プロパティを Brush-の派生オブジェクトに設定します。 楕円にアウトラインを付けるには、その Stroke プロパティを Brush の派生オブジェクトに設定します。 StrokeThickness プロパティは、楕円の輪郭の太さを指定します。 Brush オブジェクトの詳細については、「ブラシ」を参照してください。

円を描画するには、Ellipse オブジェクトの WidthRequest と HeightRequest プロパティを同一にします。

次の XAML の例は、塗りつぶされた楕円を描画する方法を示しています。

<Ellipse Fill="Red"
         WidthRequest="150"
         HeightRequest="50"
         HorizontalOptions="Start" />

この例では、150 x 50 (デバイスに依存しない単位) の赤く塗りつぶされた楕円が描画されます。

Filled ellipse.

次の XAML 例は、円を描画する方法を示しています。

<Ellipse Stroke="Red"
         StrokeThickness="4"
         WidthRequest="150"
         HeightRequest="150"
         HorizontalOptions="Start" />

この例では、寸法が 150 x 150 (デバイスに依存しない単位) の赤い円が描画されます。

Unfilled circle.

破線の楕円を描画する方法については、「破線の図形を描画する」をご覧ください。