Xamarin.Forms 図形: 楕円

  • [アーティクル]

Ellipse クラスは、Shape クラスから派生し、楕円と円を描画するために使用できます。 Ellipse クラスが Shape クラスから継承するプロパティについては、「Xamarin.Forms 図形」を参照してください。

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

楕円を作成する

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

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

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

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

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

塗りつぶされた楕円

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

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

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

塗りつぶされていない円

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