メインコンテンツまでスキップ

Grid

概要​

<Grid> は、行と列で構成される表組みでレイアウトするコンテナ要素です。セルの結合も可能です。

XMLの記述例​

レイアウトXML​

<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>

このXMLは以下のように描画されます。

描画結果

スタイルXML​

<Grid key="style1" outerBorderThickness="thick" />

属性​

cols​

列幅の一覧を設定します。 指定した順序に従い、左から順に列の領域が確保されます。

データ型
ColumnLengthList （単位 : mm）
必須
必須です。
テンプレート変数の使用
使用できません。
スタイルXMLでの記述
記述できません。

rows​

行の高さの一覧を設定します。 指定した順序に従い、上から順に行の領域が確保されます。

データ型
RowLengthList （単位 : mm）
必須
必須です。
テンプレート変数の使用
使用できません。
スタイルXMLでの記述
記述できません。

borderThickness​

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

データ型
StrokeThickness （単位 : mm）
必須
省略可能です。既定値は 0 です。
テンプレート変数の使用
使用できません。
スタイルXMLでの記述
記述可能です。

borderColor​

罫線の色を設定します。

データ型
Color
必須
省略可能です。既定値は black です。
テンプレート変数の使用
使用できません。
スタイルXMLでの記述
記述可能です。

borderStyle​

罫線の描画パターンを設定します。

データ型
StrokeStyle
必須
省略可能です。既定値は solid です。
テンプレート変数の使用
使用できません。
スタイルXMLでの記述
記述可能です。

outerBorderThickness​

外枠の罫線の太さを設定します。 borderThickness と同時に指定した場合、外側の罫線には outerBorderThickness が適用され、内側の罫線には borderThickness が適用されます。

データ型
EdgeBorderThickness （単位 : mm）
必須
省略可能です。既定値はありません。
テンプレート変数の使用
使用できません。
スタイルXMLでの記述
記述可能です。

outerBorderColor​

外枠の罫線の色を設定します。 borderColor と同時に指定した場合、外側の罫線には outerBorderColor が適用され、内側の罫線には borderColor が適用されます。

データ型
EdgeBorderColor
必須
省略可能です。既定値はありません。
テンプレート変数の使用
使用できません。
スタイルXMLでの記述
記述可能です。

outerBorderStyle​

外枠の罫線の描画パターンを設定します。 borderStyle と同時に指定した場合、外側の罫線には outerBorderStyle が適用され、内側の罫線には borderStyle が適用されます。

データ型
EdgeBorderStyle
必須
省略可能です。既定値はありません。
テンプレート変数の使用
使用できません。
スタイルXMLでの記述
記述可能です。

outerBorderRadius​

外枠の罫線の角の丸みの半径を設定します。

データ型
EdgeBorderRadius （単位 : mm）
必須
省略可能です。既定値は 0 です。
テンプレート変数の使用
使用できません。
スタイルXMLでの記述
記述可能です。

backgroundColor​

背景色を設定します。

データ型
Color
必須
省略可能です。既定値は transparent です。
テンプレート変数の使用
使用できません。
スタイルXMLでの記述
記述可能です。

width​

描画領域の幅を設定します。

注記

この属性はスタックルールの要素内でのみ使用できます。

データ型
UnsignedFloat （単位 : mm）
必須
必須です。
テンプレート変数の使用
使用可能です。
スタイルXMLでの記述
記述できません。

x​

この要素を配置するX座標（水平方向の位置）を指定します。 座標の基準点は origin プロパティで指定します。

注記

この属性はスタックルールの要素内でのみ使用できます。

データ型
Float （単位 : mm）
必須
必須です。
テンプレート変数の使用
使用可能です。
スタイルXMLでの記述
記述できません。

y​

この要素を配置するY座標（垂直方向の位置）を指定します。 座標の基準点は origin プロパティで指定します。

注記

この属性はスタックルールの要素内でのみ使用できます。

データ型
Float （単位 : mm）
必須
必須です。
テンプレート変数の使用
使用可能です。
スタイルXMLでの記述
記述できません。

origin​

X/Y座標の基準点を設定します。

注記

この属性はスタックルールの要素内でのみ使用できます。

データ型
Origin
必須
必須です。
テンプレート変数の使用
使用可能です。
スタイルXMLでの記述
記述できません。

breakInside​

この要素の改ページ制御ルールを設定します。

データ型
BreakInside
必須
省略可能です。既定値は auto です。
テンプレート変数の使用
使用できません。
スタイルXMLでの記述
記述できません。

logic​

この要素に適用する制御構造を設定します。

データ型
Logic
必須
省略可能です。既定値はありません。
テンプレート変数の使用
使用できません。
スタイルXMLでの記述
記述できません。

style​

この要素に適用するスタイルの識別名を設定します。

データ型
StyleName
必須
省略可能です。既定値はありません。
テンプレート変数の使用
使用できません。
スタイルXMLでの記述
記述できません。

rangeStyle​

この要素にセル範囲指定で適用するスタイルの識別名を設定します。

データ型
StyleName
必須
省略可能です。既定値はありません。
テンプレート変数の使用
使用できません。
スタイルXMLでの記述
記述できません。

key​

この要素のスタイル名を設定します。

注記

この属性はスタイルXMLでのみ使用できます。

データ型
StyleName
必須
省略可能です。既定値はありません。
テンプレート変数の使用
使用できません。
スタイルXMLでの記述
記述可能です。

関連情報​