window(視窗)

控制插件視窗顯示、隱藏、全螢幕等各種操作。

下面範例為 window 的常用功能:

await eagle.window.show();			// 顯示插件視窗
await eagle.window.hide();			// 隱藏插件視窗

await eagle.window.minimize();			// 縮小視窗
await eagle.window.restore();			// 還原縮小

await eagle.window.maximize();			// 最大化視窗
await eagle.window.unmaximize();		// 還原最大化

await eagle.window.setFullScreen(true);		// 設為全螢幕
await eagle.window.setFullScreen(false);	// 離開全螢幕

方法

show()

顯示並聚焦於視窗。

  • 返回 Promise<>

await eagle.window.show();

showInactive()

顯示但不聚焦於視窗。

  • 返回 Promise<>

await eagle.window.showInactive();

hide()

隱藏插件視窗。

  • 返回 Promise<>

await eagle.window.hide();

focus()

使插件視窗獲取焦點。

  • 返回 Promise<>

await eagle.window.focus();

minimize()

最小化插件視窗。

  • 返回 Promise<>

await eagle.window.minimize();

isMinimized()

判斷視窗是否最小化。

  • 返回 Promise<minimized: boolean>

    • minimized boolean - 視窗是否最小化

let isMinimized = await eagle.window.isMinimized();

restore()

將插件視窗從最小化狀態恢復到以前的狀態。

  • 返回 Promise<>

await eagle.window.restore();

maximize()

最大化插件視窗。 如果視窗尚未顯示,該方法也會將其顯示 (但不會聚焦)。

  • 返回 Promise<>

await eagle.window.maximize();

unmaximize()

取消插件視窗最大化

  • 返回 Promise<>

await eagle.window.unmaximize();

isMaximized()

判斷視窗是否最大化

  • 返回 Promise<maximized: boolean>

    • maximized boolean - 視窗是否最大化

let isMaximized = await eagle.window.isMaximized();

setFullScreen(flag)

設定視窗是否應處於全屏模式。

  • flag boolean - 是否設為全屏

  • 返回 Promise<>

await eagle.window.setFullScreen(true);		// 進入全屏
await eagle.window.setFullScreen(false);	// 退出全屏

isFullScreen()

判斷視窗是否全屏

  • 返回 Promise<fullscreen: boolean>

    • fullscreen boolean - 視窗是否全屏

let isMaximized = await eagle.window.isMaximized();

setAspectRatio(aspectRatio)

這將使視窗保持長寬比。

  • aspectRatio Float - 保持的寬高比(寬 / 高)

  • 返回 Promise<>

await eagle.window.setAspectRatio(16/9);		// 將視窗寬高比例限制為 16:9

setBackgroundColor(backgroundColor)

設定視窗的背景顏色。

  • backgroundColor String - 此參數代表您所希望的背景顏色的HEX代碼。

  • 返回 Promise<>

await eagle.window.setBackgroundColor("#FFFFFF");

注1:此屬性可以直接在 manifest.json 進行設定。

注2:這個設定主要用來設定在 HTML / CSS 內容尚未完成前,視窗預設的背景顏色,適當的設定可以避免發生視窗顯示出現閃爍的狀況。


setSize(width, height)

設定視窗大小

  • width Integer - 視窗寬度

  • height - Integer - 視窗高度

  • 返回 Promise<>

await eagle.window.setSize(720, 480);

注:此屬性可以直接在 manifest.json 進行設定。


setResizable(resizable)

設定視窗是否支援調整大小

  • resizable boolean - 是否支援調整大小

  • 返回 Promise<>

await eagle.window.setResizable(true);
await eagle.window.setResizable(false);

注:此屬性可以直接在 manifest.json 進行設定。


isResizable()

視窗是否支援調整大小

  • 返回 Promise<resizable: boolean>

    • resizable boolean

let isResizable = await eagle.window.isResizable();

setAlwaysOnTop(flag)

設定視窗是否應始終顯示在其他視窗的前面。

  • flag boolean

  • 返回 Promise<>

await eagle.window.setAlwaysOnTop(true);
await eagle.window.setAlwaysOnTop(false);

isAlwaysOnTop()

視窗是否應始終顯示在其他視窗的前面

  • 返回 Promise<alwaysOnTop: boolean>

    • alwaysOnTop boolean

let isAlwaysOnTop = await eagle.window.isAlwaysOnTop();

setPosition(x, y)

將視窗移動到 x 和 y。

  • x Integer

  • y Integer

  • 返回 Promise<>

await eagle.window.setPosition(100, 200);

getPosition()

取得插件視窗座標 x 和 y。

  • 返回 Promise<position: Integer[]>

    • position Integer[]

      • x - position[0]

      • y - position[1]

let position = await eagle.window.getPosition();	// [100, 200]

setOpacity(opacity)

設定視窗的不透明度, 超出界限的數值被限制在[0, 1] 範圍內。

  • opacity number - 介於0.0 ( 完全透明 ) 和1.0 ( 完全不透明 ) 之間

  • 返回 Promise<>

await eagle.window.setOpacity(0.5);

getOpacity()

取得視窗透明度,介於0.0 (完全透明) 和1.0 (完全不透明) 之間。

  • 返回 Promise<opacity: number>

    • opacity number

let opacity = await eagle.window.getOpacity();

flashFrame(flag)

啓動或停止閃爍視窗, 以吸引使用者的注意。

  • flag boolean - 是否閃爍

  • 返回 Promise<>

await eagle.window.flashFrame(true);
await eagle.window.flashFrame(false);

setIgnoreMouseEvents(ignore)

忽略視窗內的所有滑鼠事件。在此視窗中發生的所有滑鼠事件將被傳遞到此視窗下面的視窗,但如果此視窗具有焦點,它仍然會接收鍵盤事件。

  • ignore boolean - 是否忽略滑鼠事件

  • 返回 Promise<>

await eagle.window.setIgnoreMouseEvents(true);
await eagle.window.setIgnoreMouseEvents(false);

搭配 setAlwaysOnTop() 功能,將可以新增一個懸浮在螢幕最上方且可穿透滑鼠點擊的特殊視窗。

capturePage(rect)

捕獲 rect 指定區域的頁面快照。省略 rect 將捕獲整個可見頁面。

  • rect 物件 - 可選,截圖範圍

    • x 數字

    • y 數字

    • width 數字

    • height 數字

  • 返回 Promise<[NativeImage](https://www.electronjs.org/docs/latest/api/native-image)>

const image = await eagle.window.capturePage();
const base64 = image.toDataURL("image/jpeg");

const image2 = await eagle.window.capturePage({ x: 0, y: 0, width: 100, height: 50 });
const buffer = image2.toPNG();

setReferer(url)

函數用來設定當前的引用來源網址(referer URL)。當您設定了引用來源後,後續的請求都會使用這個設定的引用來源。

  • url 文字 - 引用來源的網址

  • 返回 void

eagle.window.setReferer("https://tw.eagle.cool");

Last updated