イメージ

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

ノート

• クリックイベントの設定によりアクションを設定することが可能です。
• イメージに表示できるファイルの拡張子は、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	位置固定	真偽	OFF	lock	boolean	false	ONの場合は画面をスクロールしてもコンポーネントが固定されて表示されます。 OFFの場合は画面をスクロールするとそれに合わせてコンポーネントも動きます。 v4.1.0で追加されたプロパティ
7	アイコン色	文字列		iconColor	string		画像未設定時に表示されるアイコンの色 v3.4.0で追加されたプロパティ
8	背景色	文字列		backgroundColor	string		画像未設定時に表示される背景色 v3.4.0で追加されたプロパティ
9	イメージ表示方法	選択 1.全体埋め 2.全体表示 3.拡大縮小なし	全体埋め	objectFit	string	cover	イメージの表示方法
10	キャッシュ無効	真偽	OFF	cacheDisabled	boolean	false	イメージに対してのキャッシュ利用状態 v4.1.0で追加されました。
11	表示	真偽	ON	visibility	boolean	true	コンポーネントの表示/非表示
12	値	文字列 選択ダイアログ		value	string		表示するイメージのパス
13	クリックイベント	選択 1.なし 2.NEXT UI 3.URL 4.アクション 5. 切り離されたアクション	なし				クリック時のイベント設定 切り離されたアクションはv4.1.0で選択可能になりました。
14	切り離されたアクション	選択 1.[切り離されたアクションのID]		detachedAction	string		切り離されたアクションを設定 v4.1.0で追加されたプロパティ

ノート

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

イベント

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