四角形

サンプルを参照する

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

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 オブジェクトの詳細については、「ブラシ」を参照してください。

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

Note

CornerRadiusBindableProperty がある RoundRectangle クラスもあり、これを使用して角の丸い四角形を描画することもできます。

正方形を描画するには、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" />

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

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