Column

Columnウィジェットは、子ウィジェットを縦に積んで配置するレイアウトコンテナーです。

定義・役割

Columnウィジェットは、中に入れた子を上から下へ1列に配置します。子の縦・横のアライメントや間隔を設定でき、スクロールアンカー機能で特定の子の位置までスクロールできます。

• カテゴリー: Layouts

機能

機能	説明
縦の配置	子ウィジェットを上から下へ1列に積みます。
アライメント	縦（主軸）・横（交差軸）のアライメント方式を設定します。
スクロールアンカー	scrollAnchorをオンにすると、スクリプトで特定の子の位置までスクロールできます。

使い方

1. 左のウィジェットパレットでLayoutsカテゴリーを開きます。
2. Column項目をキャンバスにドラッグ&ドロップします。
3. 子ウィジェットをColumnの中に入れます。
4. mainAxisAlignment・crossAxisAlignment・spacingでアライメントと間隔を調整します。

プロパティ

プロパティ	説明	デフォルト値	値 / タイプ
mainAxisSize	縦の空間を占める方式	max	min, max
mainAxisAlignment	縦（主軸）のアライメント	start	start, end, center, spaceBetween, spaceAround, spaceEvenly
crossAxisAlignment	横（交差軸）のアライメント	center	start, end, center, stretch, baseline
spacing	子の間の間隔	0	数値
textDirection	横の配置方向	未設定	rtl, ltr
verticalDirection	縦の基準方向	down	up, down
textBaseline	ベースラインのアライメント基準	未設定	alphabetic, ideographic
clipBehavior	あふれたときの切り取り方式	none	none, hardEdge, antiAlias, antiAliasWithSaveLayer
scrollAnchor	スクロールアンカー機能を使用（スクリプトscrollToAnchor用）	オフ（false）	true / false

注意・ヒント

ヒント

スクリプトで特定の位置までスクロールするには、scrollAnchorをオンにし、子にidを指定したうえでscrollToAnchor(id)を呼び出します。

さらに詳しく

ヒント

このウィジェットをスクリプトで制御するWidget ControlはColumn Widget Controlドキュメントで確認してください。