イメージ

イメージはファイルマネージャに保存されているイメージを表示するコンポーネントです。表示したいイメージに対してファイルマネージャのパスを設定します。

No	項目	入力値	デフォルト値	アクションプロパティ	タイプ	アクションデフォルト値	説明
1	ID	文字列	自動設定	id	string	自動設定	`[id]`プロパティはアクションで設定はできません。
2	幅	文字列	320	width	string	320	コンポーネントの幅
3	高さ	文字列	240	height	string	240	コンポーネントの高さ
4	X	文字列		x	string		X座標位置
5	Y	文字列		y	string		Y座標位置
6	イメージ表示方法	選択 1.全体埋め 2.全体表示 3.拡大縮小なし	全体埋め	objectFit	string	cover	イメージの表示方法
7	表示	真偽	ON	visibility	boolean	true	コンポーネントの表示/非表示
8	値	文字列選択ダイアログ		value	string		表示するイメージのパス
9	クリックイベント	選択 1.なし 2.NEXT UI 3.URL 4.アクション	なし				クリック時のイベント設定

[値(value)]はファイルマネージャへのパスです。
[クリックイベント]のNEXT UIに認証UIを設定しないでください。NEXT UIに認証UIを設定した場合、不正な動作になることがありますので、ご注意ください。
[幅]、[高さ]プロパティ値には下記を入力できます。
px表示したい場合は数値のみ、%表示したい場合は単位に%を指定してください。
下記以外を入力した場合の動作はサポート外になります。
- 数値
- 数値%
- calc()関数
[X]、[Y]プロパティ値には下記を入力できます。
px表示したい場合は数値のみを指定してください。
下記以外を入力した場合の動作はサポート外になります。
- 数値
- calc()関数
calc()関数はCSSの関数で、計算を可能にする関数です。（例：calc(100% - 30px)）
calc()関数で使用できる単位は「%」と「px」です。それ以外の単位（例：em,remなど）はサポート外になります。
calc()関数を用いてサイズを指定した際は、エディタ上の表示とアプリ上の見た目が異なることがあります。
プレビューを用いてご確認ください。

イベント

イベント名	説明
onclick	クリックした時にアクションを実行します。