イメージリスト
イメージリストはイメージをタイル状に表示するコンポーネントです。表示したいイメージに対してファイルマネージャのパスを設定します。
Tips
プロパティ
UIダイアログ
| 項目 | 入力値 | オプション | デフォルト値 |
|---|---|---|---|
| ID | 文字列 | 自動設定 | |
| 幅 | 数値 | 488 | |
| 高さ | 数値 | 160 | |
| X | 数値 | ||
| Y | 数値 | ||
| カラム数 | 数値 | 3 | |
| 隙間幅 | 数値 | 4 | |
| イメージ表示方法 | 選択 | 全体埋め 全体表示 拡大縮小なし | 全体埋め |
| 表示 | 真偽 | オン オフ | オン |
| 値 | 表形式 詳細1 |
アクション
| 項目 | プロパティ | データ型 | オプション | デフォルト値 |
|---|---|---|---|---|
| ID | id | string | 自動設定 | |
| 幅 | width | number | 488 | |
| 高さ | height | number | 160 | |
| X | x | number | ||
| Y | y | number | ||
| カラム数 | col | number | 3 | |
| 隙間幅 | gap | number | 4 | |
| イメージ表示方法 | objectFit | string | cover contain none | cover |
| 表示 | visibility | boolean | true false | true |
| 値 | value | array of object |
Tips
[詳細1] 値
[ADD]ボタンから登録します。
削除する場合は、チェックボックスを選択して、[DELETE]ボタンをクリックします。
イメージにはファイルマネージャのパスを設定します。
| 選択 | ID | イメージ |
|---|---|---|
| チェックボックス | img1 | /img_101.jpg |
| チェックボックス | img2 | /img_102.jpg |
| チェックボックス | img3 | /img_103.jpg |
valueはオブジェクトの配列形式になります。
[[{"id":"img1","image":"/img_101.jpg"},{"id":"img2","image":"/img_102.jpg"},{"id":"img3","image":"/img_103.jpg"}]]
イベント
なし