イメージ

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

ノート

• クリックイベントの設定によりアクションを設定することが可能です。
• イメージに表示できるファイルの拡張子は、gif、jpg、pngです。
• 動画ファイルの表示はできません。gifファイルでアニメーションのある画像ファイルは表示できます。

プロパティ

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	アイコン色	文字列		iconColor	string		画像未設定時に表示されるアイコンの色 v3.4.0で追加されたプロパティ
7	背景色	文字列		backgroundColor	string		画像未設定時に表示される背景色 v3.4.0で追加されたプロパティ
8	イメージ表示方法	選択 1.全体埋め 2.全体表示 3.拡大縮小なし	全体埋め	objectFit	string	cover	イメージの表示方法
9	表示	真偽	ON	visibility	boolean	true	コンポーネントの表示/非表示
10	値	文字列 選択ダイアログ		value	string		表示するイメージのパス
11	クリックイベント	選択 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	クリックした時にアクションを実行します。