Rectangle

<Rectangle> は四角形を描画する要素です。

<Rectangle height="5" width="20" />
描画結果

プロパティ

width

必須

要素の横幅を設定します。

このプロパティは 0以上の実数 を指定します。 単位は mm です。

height

必須

要素の縦幅を設定します。

このプロパティは 0以上の実数 を指定します。 単位は mm です。

hidden

要素を非表示にするプロパティです。

このプロパティは Boolean を指定します。 規定値は false です。

origin

StackLayout専用

要素の原点位置を決定するプロパティです。

値は以下のキーワードから選択します。 規定値は topLeft です。

topLeft

原点を左上に設定します。

bottomLeft

原点を左下に設定します。

topRight

原点を右上に設定します。

bottomRight

原点を右下に設定します。

x

StackLayout専用

要素の横位置を決定するプロパティです。

このプロパティは 実数 を指定します。 規定値は 0.0 です。 単位はミリメートルです。

y

StackLayout専用

要素の縦位置を決定するプロパティです。

このプロパティは 実数 を指定します。 規定値は 0.0 です。 単位はミリメートルです。

borderThickness

罫線の太さを設定します。

このプロパティに設定できる値は BorderThickness です。 規定値は regular です。

borderColor

罫線の色を設定します。

このプロパティに設定できる値は Color です。 規定値は grayscale(0) です。

borderStyle

罫線の種類を設定します。

このプロパティに設定できる値は BorderStyle です。 規定値は solid です。

fillColor

要素の塗りつぶし領域の色を設定します。

このプロパティに設定できる値は Color です。 規定値は transparent です。

borderRadius

外側の罫線の角を丸める際の半径を設定します。

このプロパティに設定できる値は 0以上の実数 で、単位は mm です。 規定値は 0 です。

このプロパティは、1個から4個の値を使って指定することができます。 2個以上の値を指定する場合、 a b c d のようにスペース区切り形式で記述します。

1個の値を指定

四隅すべて に同じ値を設定します。

2個の値を指定

1つ目の値を 左上と右下、2つ目の値を 右上と左下 に設定します。

3個の値を指定

1つ目の値を 左上、2つ目の値を 右上と左下、3つ目の値を 右下 に設定します。

4個の値を指定

1つ目の値を 左上、2つ目の値を 右上、3つ目の値を 右下、4つ目の値を 左下 に設定します。

borderTopLeftRadius

外側左上の罫線の角を丸める際の半径を設定します。

このプロパティに設定できる値は 0以上の実数 または unspecified で、単位は mm です。 規定値は unspecified です。

borderTopRightRadius

外側右上の罫線の角を丸める際の半径を設定します。

このプロパティに設定できる値は 0以上の実数 または unspecified で、単位は mm です。 規定値は unspecified です。

borderBottomLeftRadius

外側左下の罫線の角を丸める際の半径を設定します。

このプロパティに設定できる値は 0以上の実数 または unspecified で、単位は mm です。 規定値は unspecified です。

borderBottomRightRadius

外側右下の罫線の角を丸める際の半径を設定します。

このプロパティに設定できる値は 0以上の実数 または unspecified で、単位は mm です。 規定値は unspecified です。

foreach

この要素を繰り返し描画します。

このプロパティには Array を指定します。

関連情報