bricks/docs/ja/dynamiccolumn.md
2025-11-19 12:30:39 +08:00

1.8 KiB
Raw Blame History

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_cwidthcol_widthの両方が指定されていない場合、col_cwidthにはデフォルトで20が設定されます。

主なイベント

  • on_parent
    コントロールが親コンテナに追加されたときに発生します。列幅の初期化または再計算に使用されます。

  • resize
    ブラウザウィンドウのサイズが変更されたときに発生し、gridTemplateColumnsおよびgapを動的に調整して新しいサイズに対応します。

  • charsizebricks.appから継承)
    文字サイズが変更されたときに発生します(通常はフォントや拡大縮小の変更によるもの)。文字単位に基づく列幅およびギャップの再計算に使用されます。