BaseWindowConstructorOptions オブジェクト
widthInteger (任意) - ピクセル単位でのウインドウの幅。 省略値は800です。heightInteger (任意) - ピクセル単位でのウインドウの高さ。 省略値は600です。xInteger (任意) - (y が使われている場合は 必須) ウインドウの画面左側のオフセット。 省略すると、ウインドウは中央に配置されます。yInteger (任意) - (x が使われている場合は 必須) ウインドウの画面上側のオフセット。 省略すると、ウインドウは中央に配置されます。useContentSizeBoolean (任意) -widthとheightを、ウェブページのサイズに使用します。このとき、実際のウインドウのサイズにはウインドウ枠のサイズが含まれるので、若干大きくなります。 省略値はfalseです。centerboolean (任意) - ウインドウを画面中央に表示します。 省略値はfalseです。minWidthInteger (任意) - ウインドウの最小の幅。 省略値は0です。minHeightInteger (任意) - ウィンドウの最小の高さ。 省略値は0です。minWidthInteger (任意) - ウインドウの最小の幅。 省略すると無制限です。maxHeightInteger (任意) - ウインドウの最大の高さ。 省略すると無制限です。resizableboolean (任意) - ウインドウがリサイズ可能かどうか。 省略値はtrueです。movableboolean (任意) macOS Windows - ウインドウが移動可能かどうか。 これは Linux では実装されていません。 省略値はtrueです。minimizableboolean (任意) macOS Windows - ウインドウが最小化可能かどうか。 これは Linux では実装されていません。 省略値はtrueです。maximizableboolean (任意) macOS Windows - ウインドウが最大化可能かどうか。 これは Linux では実装されていません。 省略値はtrueです。closableboolean (任意) macOS Windows - ウインドウが閉じられるかどうか。 これは Linux では実装されていません。 省略値はtrueです。focusableboolean (任意) - ウインドウにフォーカスを当てられるかどうか。 省略値はtrueです。 Windows では、focusable: falseと設定することは、skipTaskbar: trueと設定することにもなります。 Linuxでは、focusable: falseと設定することは、ウインドウがウインドウマネージャとのやり取りを停止することになるため、ウインドウがすべてのワークスペースで常に前面に表示されます。alwaysOnTopboolean (任意) - ウインドウを常に他のウインドウの前面に表示させるかどうか。 省略値はfalseです。fullscreenboolean (任意) - ウインドウをフルスクリーンで表示させるかどうか。 明示的にfalseを設定した場合、macOS では、フルスクリーンボタンが非表示または無効になります。 省略値はfalseです。fullscreenableboolean (任意) - ウインドウをフルスクリーンモードにできるかどうか。 macOS では、最大化/ズームボタンでフルスクリーンモードを切り替えるか、それともウィンドウの最大化をするのかも意味します。 省略値はtrueです。simpleFullscreenboolean (任意) macOS - macOS で Lion 以前のフルスクリーンを使用します。 省略値はfalseです。skipTaskbarboolean (任意) macOS Windows - タスクバー内でウインドウを表示するかどうか。 省略値はfalseです。hiddenInMissionControlboolean (任意) macOS - ユーザが Mission Control に切り替えたときに、ウインドウを隠すかどうか。kioskboolean (任意) - ウインドウがキオスクモードかどうか。 省略値はfalseです。titlestring (任意) - デフォルトのウインドウのタイトル。 省略値は"Electron"です。 HTML タグの<title>がloadURL()でロードされた HTML ファイル内で定義されている場合、このプロパティは無視されます。icon(NativeImage | string) (optional) - The window icon. Windows では、最高の視覚効果を得るためにICOアイコンを使用することを推奨します。また、undefined のままにして、実行形式のアイコンを使用することもできます。showboolean (任意) - 生成時にウインドウを表示するかどうか。 省略値はtrueです。frameboolean (optional) - Specifyfalseto create a frameless window. 省略値はtrueです。parentBaseWindow (任意) - 親ウインドウを指定します。 省略値はnullです。modalboolean (任意) - このウインドウをモーダルにするかどうか。 これは、このウインドウが子ウインドウの場合にのみ機能します。 省略値はfalseです。acceptFirstMouseboolean (任意) macOS - 非アクティブなウィンドウをクリックすると、ウェブコンテンツにもクリックスルーするかどうか。 macOS での既定値はfalseです。 このオプションは他プラットフォームでは設定できません。disableAutoHideCursorboolean (任意) - タイプ中にカーソルを非表示にするかどうか。 省略値はfalseです。autoHideMenuBarboolean (任意) -Altキーが押されていなければ、メニューバーを自動で非表示にします。 省略値はfalseです。enableLargerThanScreenboolean (任意) macOS - ウインドウを画面より大きいサイズへとリサイズできるようにします。 他の OS はデフォルトで画面よりも大きなウインドウを許可するため、これは macOS にのみ影響します。 省略値はfalseです。backgroundColorstring (任意) - 16 進数、RGB、RGBA、HSL、HSLA、または名前付き CSS 色形式で表したウインドウの背景色。 #AARRGGBB 形式のアルファ値はtransparentをtrueに設定した場合にサポートされます。 省略値は#FFF(白) です。 詳細は win.setBackgroundColor をご覧ください。hasShadowboolean (任意) - ウインドウに影を付けるかどうか。 省略値はtrueです。opacitynumber (任意) macOS Windows - ウインドウの初期不透明度を 0.0 (完全透明) と 1.0 (完全不透明) の間で設定します。 これは Windows と macOS でのみ実装されています。darkThemeboolean (任意) - ウインドウに対してダークテーマの使用を強制します。いくつかの GTK+3 デスクトップ環境でしか動作しません。 省略値はfalseです。transparentboolean (optional) - Makes the window transparent. 省略値はfalseです。 Windows では、ウィンドウがフレームレスでない限り機能しません。typestring (任意) - ウインドウのタイプで、省略すると通常のウインドウになります。 詳しくは後述します。visualEffectStatestring (任意) macOS - macOS でウインドウの動作状態をマテリアルの見た目にどう反映させるかを指定します。 これはvibrancyプロパティと共に使用する必要があります。 以下は取りうる値です。followWindow- 背景を、ウィンドウがアクティブなときにはアクティブに、そうでないときには非アクティブになるよう自動的に表示します。 これが既定値です。active- 背景を常にアクティブに表示します。inactive- 背景を常に非アクティブに表示します。
titleBarStylestring (任意) - ウインドウのタイトルバーのスタイル。 省略値はdefaultです。 以下は取りうる値です。default- macOS や Windows それぞれの標準的なタイトルバーになります。hidden- タイトルバーが隠れて、フルサイズのコンテンツのウインドウになります。 macOS では、ウインドウの左上に標準ウインドウコントロール ("信号機ボタン") が付きます。 Windows および Linux では、titleBarOverlay: trueと組み合わせるとウィンドウコントロールオーバーレイがアクティブになります (詳細はtitleBarOverlayを参照)。それ以外の場合、ウィンドウコントロールは非表示です。hiddenInsetmacOS - タイトルバーが非表示になり、信号機ボタンがウィンドウの端から少し内側に配置される別種の見た目になります。customButtonsOnHovermacOS - タイトルバーが非表示になり、コンテンツウィンドウがフルサイズで表示されます。ウィンドウの左上にマウスを移動すると、信号機ボタンが表示されます。 注: 現在、このオプションは実験的なものです。
titleBarOverlayObject | Boolean (任意) - macOS でwin.setWindowButtonVisibility(true)と組み合わせてフレームレスウインドウを使用する場合、またはtitleBarStyleを使用して標準のウインドウコントロール (macOS では「信号機ボタン」) が表示されるようにする場合、このプロパティによってウインドウコントロールオーバーレイの JavaScript API と CSS 環境変数 が有効になります。trueを指定すると、オーバーレイはデフォルトのシステムカラーになります。 省略値はfalseです。colorString (任意) Windows Linux - 有効になっている場合のウインドウコントロールオーバーレイの CSS カラー。 既定値はシステムカラーです。symbolColorString (任意) Windows - 有効化されたウインドウコントロールオーバーレイ内の記号の CSS カラー。 既定値はシステムカラーです。heightInteger (任意) - ピクセル単位のタイトルバーとウインドウコントロールオーバーレイの高さ。 既定値はシステムの高さです。
trafficLightPositionPoint (optional) macOS - Set a custom position for the traffic light buttons in frameless windows.roundedCornersboolean (任意) macOS - macOS でフレームレスウインドウの角を丸くするかどうか。 省略値はtrueです。 このプロパティをfalseに設定すると、ウインドウがフルスクリーンになるのを阻害できます。thickFrameboolean (任意) - Windows でWS_THICKFRAMEスタイルのフレームレスウインドウを使用します。これにより、標準のウィンドウ フレームが追加されます。falseに設定すると、ウインドウの影とウインドウのアニメーションがなくなります。 省略値はtrueです。vibrancystring (任意) macOS - macOS でのみ、ウインドウにくもりガラスのエフェクトを追加します。appearance-based,titlebar,selection,menu,popover,sidebar,header,sheet,window,hud,fullscreen-ui,tooltip,content,under-window,under-pageのいずれかにできます。backgroundMaterialstring (任意) Windows - 非クライアント領域の背後を含む、ウインドウのシステム描画の背景マテリアルを設定します。auto,none,mica,acrylic,tabbedのいずれかです。 詳細は win.setBackgroundMaterial をご覧ください。zoomToPageWidthboolean (任意) macOS - ツールバーの緑色の信号機ボタンを option キーを押しながらクリックしたとき、またはウインドウ > ズームのメニュー項目をクリックしたときの macOS の動作を制御します。trueの場合、ズームしたときウインドウはウェブページの最適な幅に拡大されます。falseでは画面の幅にズームされます。 これは、maximize()を直接呼び出したときの動作にも影響を与えます。 省略値はfalseです。tabbingIdentifierstring (任意) macOS - タブグループ名。これはウインドウをネイティブのタブとして開けるようにします。 同一のタブ識別子を持つウインドウは、まとめてグループ化されます。 これはネイティブのタブボタンをウインドウのタブバーに追加し、appとウインドウがnew-window-for-tabイベントを受け取ることができるようになります。
minWidth/maxWidth/minHeight/maxHeight で最小もしくは最大のウインドウサイズを設定するのは、ユーザを束縛するだけです。 サイズ制約に従わないサイズを setBounds/setSize や BrowserWindow のコンストラクタに渡しても構いません。
type オプションに設定できる値と動作は、プラットフォーム依存です。
以下は取りうる値です。
- Linux では、設定できる値は
desktop,dock,toolbar,splash,notificationです。desktopタイプは、ウインドウをデスクトップのバックグラウンドウインドウのレベル (kCGDesktopWindowLevel - 1) に配置します。 ただし、デスクトップウインドウはフォーカス、キーボード、マウスのイベントを受け取らないことに注意してください。 globalShortcut を使用すれば、辛うじて入力を受け取れます。dockタイプは、Dock のようなウインドウの動作を生成します。toolbarタイプは、ツールバーの見た目でウインドウを生成します。splashタイプは特殊な動作をします。 たとえウインドウ本文の CSS スタイルが -webkit-app-region: drag であっても、ドラッグできません。 このタイプは主にスプラッシュスクリーンで使用されます。notificationタイプはシステム通知の様に動作するウインドウを作成します。
- macOS では、設定できるタイプは
desktop,textured,panelです。- The
texturedtype adds metal gradient appearance. This option is deprecated. desktopタイプは、ウインドウをデスクトップのバックグラウンドウインドウのレベル (kCGDesktopWindowLevel - 1) に配置します。 デスクトップウインドウはフォーカス、キーボードやマウスイベントを受け付けないことに注意してください。しかしglobalShortcutを使って、かろうじて入力を受け付けることはできます。panelタイプは、通常 NSPanel に予約されているNSWindowStyleMaskNonactivatingPanelスタイルマスクを実行時に追加することにより、フルスクリーンのアプリの上にウィンドウを浮かせます。 また、すべてのスペース (デスクトップ) にそのウインドウが表示されます。
- The
- Windows では、設定できるタイプは
toolbarです。