1.8 KiB
1.8 KiB
DynamicColumn
機能: 動的列レイアウトコンテナ。画面サイズや設定に応じてグリッドの列数および列幅を自動調整することができ、レスポンシブレイアウトのシーンに適しています。
タイプ: コンテナーコントロール
親クラスコントロール: Layout
初期化パラメータ
| パラメータ名 | 型 | 説明 |
|---|---|---|
col_cwidth |
Number | (任意)各列の文字幅単位(charsizeに基づく)。列幅の計算に使用されます。設定されておらず、かつcol_widthも存在しない場合、デフォルト値は20です。 |
col_width |
Number | (任意)各列の固定ピクセル幅。col_cwidthより優先度が低くなります。 |
col_cgap |
Number | (任意)列間の隙間サイズ(charsize単位)。デフォルト値は0.5です。 |
mobile_cols |
Number | (任意)モバイル端末の縦表示モードで強制的に使用する列数。デフォルト値は1です。 |
注:
col_cwidthとcol_widthの両方が指定されていない場合、col_cwidthにはデフォルトで20が設定されます。
主なイベント
-
on_parent
コントロールが親コンテナに追加されたときに発生します。列幅の初期化または再計算に使用されます。 -
resize
ブラウザウィンドウのサイズが変更されたときに発生し、gridTemplateColumnsおよびgapを動的に調整して新しいサイズに対応します。 -
charsize(bricks.appから継承)
文字サイズが変更されたときに発生します(通常はフォントや拡大縮小の変更によるもの)。文字単位に基づく列幅およびギャップの再計算に使用されます。