イメージ

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

Tips

プロパティ

項目	入力値	オプション	デフォルト値
ID	文字列		自動設定
幅	文字列		320
高さ	文字列		240
X	文字列
Y	文字列
イメージ表示方法	選択	全体埋め全体表示拡大縮小なし	全体埋め
表示	真偽	オンオフ	オン
値	文字列選択ダイアログ
クリックイベント	選択	なし NEXT UI URL アクション	なし

項目	プロパティ	データ型	オプション	デフォルト値
ID	id	string		自動設定
幅	width	string		320
高さ	height	string		240
X	x	string
Y	y	string
イメージ表示方法	objectFit	string	cover contain none	cover
表示	visibility	boolean	true false	true
値	value	string

Tips

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

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