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>

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();

上一页library（資源庫）下一页app（應用）

最后更新于9天前