メインコンテンツまでスキップ
version: v2.1

LinearBlock

概要​

<LinearBlock> は、コンテンツをリニアルールで（上から下へ順に）配置するコンテナ要素です。

スタックルール内で部分的にリニアルールを適用したい場合や、境界線を設定できるシンプルなコンテナが必要な場合に使用します。

XMLの記述例​

レイアウトXML​

<StackLayout size="A6" margin="10">
  <Text width="100" x="40" y="30">これはTextです。</Text>
  <LinearBlock width="50" height="50">
    <Text width="50">これはLinearBlock内のTextです。</Text>
    <Text width="50">これはLinearBlock内のTextです。</Text>
  </LinearBlock>
</StackLayout>

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

描画結果

スタイルXML​

<LinearBlock key="style1" borderThickness="regular" />

属性​

align​

コンテンツの水平方向の配置を設定します。

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

valign​

コンテンツの垂直方向の配置を設定します。

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

borderThickness​

境界線の太さを設定します。

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

borderColor​

境界線の色を設定します。

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

borderStyle​

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

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

backgroundColor​

背景色を設定します。

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

padding​

境界線の内側の余白の大きさを設定します。

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

width​

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

注記

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

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

height​

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

データ型
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での記述
記述できません。

key​

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

注記

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

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

関連情報​