Grid

<Grid rows="auto auto" cols="20 20" borderThickness="0.5">
  <GridCell><Text>Cell1</Text></GridCell>
  <GridCell row="1" col="0"><Text>Cell2</Text></GridCell>
  <GridCell row="0" col="1"><Text>Cell3</Text></GridCell>
  <GridCell row="1" col="1"><Text>Cell4</Text></GridCell>
</Grid>
描画結果

プロパティ

hidden

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

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

breakInside

要素内での改行の制御方法を決定するプロパティです。

このプロパティは auto または avoid を指定します。 規定値は auto です。

auto

改ページを要素内でも行う設定です

avoid

改ページを要素内で行うことを避ける設定です。

x

StackLayout専用

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

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

y

StackLayout専用

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

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

origin

StackLayout専用

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

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

topLeft

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

bottomLeft

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

topRight

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

bottomRight

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

width

StackLayout専用

必須

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

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

cols

列の幅を設定します。

値は 以下から列の数だけ選択肢、スペース区切りで指定します。 規定値は * です。 単位は mm です。

*

とりうる最大の大きさで描画します。

0以上の実数

指定した大きさで描画します。

n:m (n,mは0以上の実数)

内部要素の大きさに応じて最小と最大の範囲で幅を調整します。 n は最小、 m は最大です。最大に収まりきらない場合、収まらなかった部分は描画されません

auto

セルの中の要素が全て描画できる大きさまで拡張します

rows

行の高さを設定します。

値は 以下から行の数だけ選択し、スペース区切りで指定します。 規定値は auto です。 単位は mm です。

*

とりうる最大の大きさで描画します。

0以上の実数

指定した大きさで描画します。

n:m (n,mは0以上の実数)

内部要素の大きさに応じて最小と最大の範囲で幅を調整します。 n は最小、 m は最大です。最大に収まりきらない場合、収まらなかった部分は描画されません

auto

セルの中の要素が全て描画できる大きさまで拡張します

backgroundColor

背景色を設定します。

このプロパティには Color を設定します。 規定値は transparent です。

borderThickness

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

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

outerBorderThickness

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

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

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

1個の値を指定

上下左右の全辺 に同じ値を設定します。

2個の値を指定

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

3個の値を指定

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

4個の値を指定

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

outerBorderTopThickness

外枠上側の罫線の太さを設定します。

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

outerBorderBottomThickness

外枠下側の罫線の太さを設定します。

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

outerBorderLeftThickness

外枠左側の罫線の太さを設定します。

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

outerBorderRightThickness

外枠右側の罫線の太さを設定します。

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

borderColor

罫線の色を設定します。

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

outerBorderColor

外枠の罫線の色を設定します。

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

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

1個の値を指定

上下左右の全辺 に同じ値を設定します。

2個の値を指定

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

3個の値を指定

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

4個の値を指定

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

outerBorderTopColor

外枠上側の罫線の色を設定します。

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

outerBorderBottomColor

外枠下側の罫線の色を設定します。

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

outerBorderLeftColor

外枠左側の罫線の色を設定します。

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

outerBorderRightColor

外枠右側の罫線の色を設定します。

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

borderStyle

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

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

outerBorderStyle

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

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

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

1個の値を指定

上下左右の全辺 に同じ値を設定します。

2個の値を指定

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

3個の値を指定

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

4個の値を指定

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

outerBorderTopStyle

外枠上側の罫線の種類を設定します。

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

outerBorderBottomStyle

外枠下側の罫線の種類を設定します。

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

outerBorderLeftStyle

外枠左側の罫線の種類を設定します。

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

outerBorderRightStyle

外枠右側の罫線の種類を設定します。

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

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 を指定します。

関連情報