Divider-H
Divider-Hウィジェットは、コンテンツの間を1本の横線で分ける区切り線です。
リスト項目・セクション・グループの間の境界を視覚的に区切るときに使用します。
定義・役割
Divider-Hウィジェットは、水平方向に細い線を1本描いて上下のコンテンツを分けます。線の太さ・色・左右の余白と、線を含む区切り線領域全体の高さを設定できます。
- カテゴリー: Dividers（区切り線・余白）
- 方向: 水平
- ドロップ時:
100 × 100サイズのSizedBoxの中に横の区切り線が描画されます（このSizedBoxはStylesパネルにパーツとして表示されます）。区切り線のプロパティを指定しない場合、線自体はアプリテーマの既定の区切り線スタイルで描画されます。
機能
| 機能 | 説明 |
|---|---|
| 横の区切り線 | 上下のコンテンツの間に水平線を1本描いて領域を分けます。 |
| 線の太さ | 描画される線の太さ（thickness）を調整します。 |
| 線の色 | 線の色（color）を指定します。 |
| 左右の余白 | 線の左（indent）・右（endIndent）に置く空きスペースを設定します。 |
| 全体の高さ | 線を含む区切り線領域の縦の高さ（height）を設定します。 |
使い方
- 左のウィジェットパレットでDividersカテゴリーを開きます。
- Divider-H項目をキャンバスにドラッグ&ドロップします。
- 右のプロパティパネルで太さ（
thickness）・色（color）・左右の余白を任意の値に調整します。
プロパティ
| プロパティ | 説明 | デフォルト値 | 値 / タイプ |
|---|---|---|---|
height | 線を含む区切り線領域の縦の全体の高さ | 未設定 | 数値（px） |
thickness | 描画される線自体の太さ | 未設定 | 数値（px） |
indent | 線の左（始点）に置く空きの余白 | 未設定 | 数値（px） |
endIndent | 線の右（終点）に置く空きの余白 | 未設定 | 数値（px） |
color | 線の色 | 未設定 | カラー |
注意・ヒント
ヒント
すべてのプロパティのデフォルト値は未設定です。値を空のままにすると、アプリテーマの既定の区切り線スタイル（色・太さ）がそのまま適用されます。
警告
heightは線自体の太さではなく、線を含む区切り線領域全体の縦の高さです。線をより太く描くにはthicknessを調整してください。
さらに詳しく
ヒント
このウィジェットをスクリプトで制御するWidget Control（Property・Method・Event）の全体は、Divider-H Widget Controlドキュメントで確認してください。