27 lines
1.8 KiB
Markdown
27 lines
1.8 KiB
Markdown
# 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`から継承）
|
||
文字サイズが変更されたときに発生します（通常はフォントや拡大縮小の変更によるもの）。文字単位に基づく列幅およびギャップの再計算に使用されます。 |