Share via

Xamarin.Forms 図形: 四角形

  • [アーティクル]

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

Rectangle には、次のプロパティが定義されています。

  • double 型の RadiusX は、四角形の角を丸くするために使用される X 軸の半径です。 このプロパティの既定値は 0.0 です。
  • double 型の RadiusY は、四角形の角を丸くするために使用される Y 軸の半径です。 このプロパティの既定値は 0.0 です。

これらのプロパティは、BindableProperty オブジェクトが基になっています。つまり、これらは、データ バインディングの対象にすることができ、スタイルを設定できます。

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

四角形の作成

四角形を描画するには、Rectangle オブジェクトを作成し、その WidthRequest プロパティと HeightRequest プロパティを設定します。 四角形の内側をペイントするには、Fill プロパティを Brush 派生オブジェクトに設定します。 四角形に輪郭を設定するには、その Stroke プロパティを Brush 派生オブジェクトに設定します。 StrokeThickness プロパティは、四角形の輪郭の太さを指定します。 Brush の詳細については、「Xamarin.Forms ブラシ」を参照してください。

四角形の角を丸くするには、RadiusX プロパティと RadiusY プロパティを指定します。 これらのプロパティは、四角形の角を丸くするために使用される x 軸と y 軸の半径を設定します。

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

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

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

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

塗りつぶし四角形

次の XAML の例は、角が丸い塗りつぶされた四角形を描画する方法を示しています。

<Rectangle Fill="Blue"
           Stroke="Black"
           StrokeThickness="3"
           RadiusX="50"
           RadiusY="10"
           WidthRequest="200"
           HeightRequest="100"
           HorizontalOptions="Start" />

この例では、角が丸い青く塗りつぶされた四角形が描画されます。

角が丸い四角形

破線の四角形の描画については、「破線の図形を描画する」を参照してください。