ImageView

画像を表示するビュー。

プロセス: メイン

app モジュールの ready イベントが発生するまでは、このモジュールは使用できません。

コンテンツの読み込みが完了したときに WebContentsView と入れ替わるスプラッシュスクリーンを表示するのに便利です。

注意として、ImageView は実験的なものであり、将来に変更または削除される可能性があります。

const { BaseWindow, ImageView, nativeImage, WebContentsView } = require('electron')

const path = require('node:path')

const win = new BaseWindow({ width: 800, height: 600 })

// WebContentsView の読み込み中に表示する「スプラッシュスクリーン」画像を作成します。
const splashView = new ImageView()
const splashImage = nativeImage.createFromPath(path.join(__dirname, 'loading.png'))
splashView.setImage(splashImage)
win.setContentView(splashView)

const webContentsView = new WebContentsView()
webContentsView.webContents.once('did-finish-load', () => {
  // WebContentsView がロードされたので、「スプラッシュ スクリーン」の ImageView を入れ替えます。
  win.setContentView(webContentsView)
})
webContentsView.webContents.loadURL('https://electronjs.org')

クラス: ImageView extends View

画像を表示するビュー。

プロセス: メイン

ImageView は View から継承しています。

ImageView は EventEmitter を継承しています。

警告

Electron 組み込みのクラスはユーザコードでサブクラス化できません。 詳細については、FAQ をご参照ください。

new ImageView() 実験的

ImageView を作成します。

インスタンスメソッド

View から継承されたメソッドに加えて、以下のメソッドが ImageView クラスのインスタンスで使用できます。

image.setImage(image) 実験的

• image NativeImage

この ImageView の画像をセットします。 注意として、ImageView では NativeImage がサポートする画像形式のみを使用できます。