ボックス
ボックスは長方形のデザイン装飾用のレイアウトコンポーネントです。
プロパティ
| No | 項目 | 入力値 | デフォルト値 | アクションプロパティ | タイプ | アクションデフォルト値 | 説明 |
|---|---|---|---|---|---|---|---|
| 1 | ID | 文字列 | 自動設定 | id | string | 自動設定 | [id]プロパティはアクションで設定はできません。 |
| 2 | 幅 | 文字列 | 240 | width | string | 240 | コンポーネントの幅 |
| 3 | 高さ | 文字列 | 180 | height | string | 180 | コンポーネントの高さ |
| 4 | X | 文字列 | x | string | X座標の位置 | ||
| 5 | Y | 文字列 | y | string | Y座標の位置 | ||
| 6 | 位置固定 | 真偽 | OFF | lock | boolean | false | ONの場合は画面をスクロールしてもコンポーネントが固定されて表示されます。 OFFの場合は画面をスクロールするとそれに合わせてコンポーネントも動きます。 v4.1.0で追加されたプロパティ |
| 7 | 塗りつぶし色 | 真偽 | ON | fill | boolean | true | ボックスの塗りつぶし表示状態 |
| 8 | 色 | 文字列 カラーピッカー | fillColor | string | 塗りつぶしの色 | ||
| 9 | 不透明度 | 数値 | 100 | fillOpacity | number | 100 | 塗りつぶしの不透明度 |
| 10 | 線 | 真偽 | ON | border | boolean | true | ボックスの枠線表示状態 |
| 11 | 幅 | 数値 | 2 | borderWidth | number | 2 | 枠線の幅 |
| 12 | 丸みサイズ | 数値 | 0 | roundedSize | number | 0 | ボックス角の丸みサイズ |
| 13 | 色 | 文字列 カラーピッカー | borderColor | string | 枠線の色 | ||
| 14 | 不透明度 | 数値 | 100 | borderOpacity | number | 100 | 枠線の不透明度 |
| 15 | 線スタイル | 選択 1. 通常 2. 破線 3. 点線 | 通常 | borderStyle | string | solid | 枠線のスタイル |
| 16 | 影 | 数値 | 0 | boxShadow | number | 0 | ボックスシャドウの設定 |
| 17 | 表示 | 真偽 | ON | visibility | boolean | true | コンポーネントの表示状態 |
イベント
なし