window
Provides APIs to create windows, communicate with other windows and manipulate the current window.
Events can be listened to using Window.listen:
import { getCurrentWindow } from "@tauri-apps/api/window";getCurrentWindow().listen("my-window-event", ({ event, payload }) => { });
Re-exports Color
Re-exports DragDropEvent
Re-exports LogicalPosition
Re-exports LogicalSize
Re-exports PhysicalPosition
Re-exports PhysicalSize
Background throttling policy
2.0.0
Disabled: "disabled";
Source: undefined
Suspend: "suspend";
Source: undefined
Throttle: "throttle";
Source: undefined
Platform-specific window effects
2.0.0
Acrylic: "acrylic";
Windows 10/11
This effect has bad performance when resizing/dragging the window on Windows 10 v1903+ and Windows 11 build 22000.
Source: undefined
AppearanceBased: "appearanceBased";
A default material appropriate for the view’s effectiveAppearance. macOS 10.14-
since macOS 10.14. You should instead choose an appropriate semantic material.
Source: undefined
Blur: "blur";
Windows 7/10/11(22H1) Only
This effect has bad performance when resizing/dragging the window on Windows 11 build 22621.
Source: undefined
ContentBackground: "contentBackground";
macOS 10.14+
Source: undefined
Dark: "dark";
macOS 10.14-
since macOS 10.14. Use a semantic material instead.
Source: undefined
FullScreenUI: "fullScreenUI";
macOS 10.14+
Source: undefined
HeaderView: "headerView";
macOS 10.14+
Source: undefined
HudWindow: "hudWindow";
macOS 10.14+
Source: undefined
Light: "light";
macOS 10.14-
since macOS 10.14. Use a semantic material instead.
Source: undefined
MediumLight: "mediumLight";
macOS 10.14-
since macOS 10.14. Use a semantic material instead.
Source: undefined
Menu: "menu";
macOS 10.11+
Source: undefined
Mica: "mica";
Windows 11 Only
Source: undefined
Popover: "popover";
macOS 10.11+
Source: undefined
Selection: "selection";
macOS 10.10+
Source: undefined
Sheet: "sheet";
macOS 10.14+
Source: undefined
Sidebar: "sidebar";
macOS 10.11+
Source: undefined
Tabbed: "tabbed";
Tabbed effect that matches the system dark perefence Windows 11 Only
Source: undefined
TabbedDark: "tabbedDark";
Tabbed effect with dark mode but only if dark mode is enabled on the system Windows 11 Only
Source: undefined
TabbedLight: "tabbedLight";
Tabbed effect with light mode Windows 11 Only
Source: undefined
Titlebar: "titlebar";
macOS 10.10+
Source: undefined
Tooltip: "tooltip";
macOS 10.14+
Source: undefined
UltraDark: "ultraDark";
macOS 10.14-
since macOS 10.14. Use a semantic material instead.
Source: undefined
UnderPageBackground: "underPageBackground";
macOS 10.14+
Source: undefined
UnderWindowBackground: "underWindowBackground";
macOS 10.14+
Source: undefined
WindowBackground: "windowBackground";
macOS 10.14+
Source: undefined
Window effect state macOS only
https://developer.apple.com/documentation/appkit/nsvisualeffectview/state
2.0.0
Active: "active";
Make window effect state always active macOS only
Source: undefined
FollowsWindowActiveState: "followsWindowActiveState";
Make window effect state follow the window’s active state macOS only
Source: undefined
Inactive: "inactive";
Make window effect state always inactive macOS only
Source: undefined
Error: "error";
Error state. Treated as Normal on linux
Source: undefined
Indeterminate: "indeterminate";
Indeterminate state. Treated as Normal on Linux and macOS
Source: undefined
None: "none";
Hide progress bar.
Source: undefined
Normal: "normal";
Normal state.
Source: undefined
Paused: "paused";
Paused state. Treated as Normal on Linux
Source: undefined
Attention type to request on a window.
1.0.0
Critical: 1;
Platform-specific
- macOS: Bounces the dock icon until the application is in focus.
- Windows: Flashes both the window and the taskbar button until the application is in focus.
Source: undefined
Informational: 2;
Platform-specific
- macOS: Bounces the dock icon once.
- Windows: Flashes the taskbar button until the application is in focus.
Source: undefined
new CloseRequestedEvent(event): CloseRequestedEvent
Parameter | Type |
---|---|
event | Event <unknown > |
Source: undefined
Property | Type | Description | Defined in |
---|---|---|---|
event | EventName | Event name | Source: undefined |
id | number | Event identifier used to unlisten | Source: undefined |
isPreventDefault(): boolean
boolean
Source: undefined
preventDefault(): void
void
Source: undefined
Create new window or get a handle to an existing one.
Windows are identified by a label a unique identifier that can be used to reference it later.
It may only contain alphanumeric characters a-zA-Z
plus the following special characters -
, /
, :
and _
.
import { Window } from "@tauri-apps/api/window"
const appWindow = new Window('theUniqueLabel');
appWindow.once('tauri://created', function () { // window successfully created});appWindow.once('tauri://error', function (e) { // an error happened creating the window});
// emit an event to the backendawait appWindow.emit("some-event", "data");// listen to an event from the backendconst unlisten = await appWindow.listen("event-name", e => {});unlisten();
2.0.0
new Window(label, options): Window
Creates a new Window.
Parameter | Type | Description |
---|---|---|
label | string | The unique window label. Must be alphanumeric: a-zA-Z-/:_ . |
options | WindowOptions | - |
The Window instance to communicate with the window.
import { Window } from '@tauri-apps/api/window';const appWindow = new Window('my-label');appWindow.once('tauri://created', function () { // window successfully created});appWindow.once('tauri://error', function (e) { // an error happened creating the window});
Source: undefined
Property | Type | Description | Defined in |
---|---|---|---|
label | string | The window label. It is a unique identifier for the window, can be used to reference it later. | Source: undefined |
listeners | Record <string , EventCallback <any >[]> | Local event listeners. | Source: undefined |
center(): Promise<void>
Centers the window.
Promise
<void
>
A promise indicating the success or failure of the operation.
import { getCurrentWindow } from '@tauri-apps/api/window';await getCurrentWindow().center();
Source: undefined
clearEffects(): Promise<void>
Clear any applied effects if possible.
Promise
<void
>
Source: undefined
close(): Promise<void>
Closes the window.
Note this emits a closeRequested event so you can intercept it. To force window close, use Window.destroy.
Promise
<void
>
A promise indicating the success or failure of the operation.
import { getCurrentWindow } from '@tauri-apps/api/window';await getCurrentWindow().close();
Source: undefined
destroy(): Promise<void>
Destroys the window. Behaves like Window.close but forces the window close instead of emitting a closeRequested event.
Promise
<void
>
A promise indicating the success or failure of the operation.
import { getCurrentWindow } from '@tauri-apps/api/window';await getCurrentWindow().destroy();
Source: undefined
emit<T>(event, payload?): Promise<void>
Emits an event to all targets.
Type Parameter |
---|
T |
Parameter | Type | Description |
---|---|---|
event | string | Event name. Must include only alphanumeric characters, - , / , : and _ . |
payload ? | T | Event payload. |
Promise
<void
>
import { getCurrentWindow } from '@tauri-apps/api/window';await getCurrentWindow().emit('window-loaded', { loggedIn: true, token: 'authToken' });
Source: undefined
emitTo<T>( target, event,payload?): Promise<void>
Emits an event to all targets matching the given target.
Type Parameter |
---|
T |
Parameter | Type | Description |
---|---|---|
target | string | EventTarget | Label of the target Window/Webview/WebviewWindow or raw EventTarget object. |
event | string | Event name. Must include only alphanumeric characters, - , / , : and _ . |
payload ? | T | Event payload. |
Promise
<void
>
import { getCurrentWindow } from '@tauri-apps/api/window';await getCurrentWindow().emit('main', 'window-loaded', { loggedIn: true, token: 'authToken' });
Source: undefined
hide(): Promise<void>
Sets the window visibility to false.
Promise
<void
>
A promise indicating the success or failure of the operation.
import { getCurrentWindow } from '@tauri-apps/api/window';await getCurrentWindow().hide();
Source: undefined
innerPosition(): Promise<PhysicalPosition>
The position of the top-left hand corner of the window’s client area relative to the top-left hand corner of the desktop.
The window’s inner position.
import { getCurrentWindow } from '@tauri-apps/api/window';const position = await getCurrentWindow().innerPosition();
Source: undefined
innerSize(): Promise<PhysicalSize>
The physical size of the window’s client area. The client area is the content of the window, excluding the title bar and borders.
The window’s inner size.
import { getCurrentWindow } from '@tauri-apps/api/window';const size = await getCurrentWindow().innerSize();
Source: undefined
isAlwaysOnTop(): Promise<boolean>
Whether the window is configured to be always on top of other windows or not.
Promise
<boolean
>
Whether the window is visible or not.
import { getCurrentWindow } from '@tauri-apps/api/window';const alwaysOnTop = await getCurrentWindow().isAlwaysOnTop();
Source: undefined
isClosable(): Promise<boolean>
Gets the window’s native close button state.
Platform-specific
- iOS / Android: Unsupported.
Promise
<boolean
>
Whether the window’s native close button is enabled or not.
import { getCurrentWindow } from '@tauri-apps/api/window';const closable = await getCurrentWindow().isClosable();
Source: undefined
isDecorated(): Promise<boolean>
Gets the window’s current decorated state.
Promise
<boolean
>
Whether the window is decorated or not.
import { getCurrentWindow } from '@tauri-apps/api/window';const decorated = await getCurrentWindow().isDecorated();
Source: undefined
isEnabled(): Promise<boolean>
Whether the window is enabled or disabled.
Promise
<boolean
>
A promise indicating the success or failure of the operation.
import { getCurrentWindow } from '@tauri-apps/api/window';await getCurrentWindow().setEnabled(false);
2.0.0
Source: undefined
isFocused(): Promise<boolean>
Gets the window’s current focus state.
Promise
<boolean
>
Whether the window is focused or not.
import { getCurrentWindow } from '@tauri-apps/api/window';const focused = await getCurrentWindow().isFocused();
Source: undefined
isFullscreen(): Promise<boolean>
Gets the window’s current fullscreen state.
Promise
<boolean
>
Whether the window is in fullscreen mode or not.
import { getCurrentWindow } from '@tauri-apps/api/window';const fullscreen = await getCurrentWindow().isFullscreen();
Source: undefined
isMaximizable(): Promise<boolean>
Gets the window’s native maximize button state.
Platform-specific
- Linux / iOS / Android: Unsupported.
Promise
<boolean
>
Whether the window’s native maximize button is enabled or not.
import { getCurrentWindow } from '@tauri-apps/api/window';const maximizable = await getCurrentWindow().isMaximizable();
Source: undefined
isMaximized(): Promise<boolean>
Gets the window’s current maximized state.
Promise
<boolean
>
Whether the window is maximized or not.
import { getCurrentWindow } from '@tauri-apps/api/window';const maximized = await getCurrentWindow().isMaximized();
Source: undefined
isMinimizable(): Promise<boolean>
Gets the window’s native minimize button state.
Platform-specific
- Linux / iOS / Android: Unsupported.
Promise
<boolean
>
Whether the window’s native minimize button is enabled or not.
import { getCurrentWindow } from '@tauri-apps/api/window';const minimizable = await getCurrentWindow().isMinimizable();
Source: undefined
isMinimized(): Promise<boolean>
Gets the window’s current minimized state.
Promise
<boolean
>
import { getCurrentWindow } from '@tauri-apps/api/window';const minimized = await getCurrentWindow().isMinimized();
Source: undefined
isResizable(): Promise<boolean>
Gets the window’s current resizable state.
Promise
<boolean
>
Whether the window is resizable or not.
import { getCurrentWindow } from '@tauri-apps/api/window';const resizable = await getCurrentWindow().isResizable();
Source: undefined
isVisible(): Promise<boolean>
Gets the window’s current visible state.
Promise
<boolean
>
Whether the window is visible or not.
import { getCurrentWindow } from '@tauri-apps/api/window';const visible = await getCurrentWindow().isVisible();
Source: undefined
listen<T>(event, handler): Promise<UnlistenFn>
Listen to an emitted event on this window.
Type Parameter |
---|
T |
Parameter | Type | Description |
---|---|---|
event | EventName | Event name. Must include only alphanumeric characters, - , / , : and _ . |
handler | EventCallback <T > | Event handler. |
A promise resolving to a function to unlisten to the event. Note that removing the listener is required if your listener goes out of scope e.g. the component is unmounted.
import { getCurrentWindow } from '@tauri-apps/api/window';const unlisten = await getCurrentWindow().listen<string>('state-changed', (event) => { console.log(`Got error: ${payload}`);});
// you need to call unlisten if your handler goes out of scope e.g. the component is unmountedunlisten();
Source: undefined
maximize(): Promise<void>
Maximizes the window.
Promise
<void
>
A promise indicating the success or failure of the operation.
import { getCurrentWindow } from '@tauri-apps/api/window';await getCurrentWindow().maximize();
Source: undefined
minimize(): Promise<void>
Minimizes the window.
Promise
<void
>
A promise indicating the success or failure of the operation.
import { getCurrentWindow } from '@tauri-apps/api/window';await getCurrentWindow().minimize();
Source: undefined
onCloseRequested(handler): Promise<UnlistenFn>
Listen to window close requested. Emitted when the user requests to closes the window.
Parameter | Type |
---|---|
handler | (event ) => void | Promise <void > |
A promise resolving to a function to unlisten to the event. Note that removing the listener is required if your listener goes out of scope e.g. the component is unmounted.
import { getCurrentWindow } from "@tauri-apps/api/window";import { confirm } from '@tauri-apps/api/dialog';const unlisten = await getCurrentWindow().onCloseRequested(async (event) => { const confirmed = await confirm('Are you sure?'); if (!confirmed) { // user did not confirm closing the window; let's prevent it event.preventDefault(); }});
// you need to call unlisten if your handler goes out of scope e.g. the component is unmountedunlisten();
Source: undefined
onDragDropEvent(handler): Promise<UnlistenFn>
Listen to a file drop event. The listener is triggered when the user hovers the selected files on the webview, drops the files or cancels the operation.
Parameter | Type |
---|---|
handler | EventCallback <DragDropEvent > |
A promise resolving to a function to unlisten to the event. Note that removing the listener is required if your listener goes out of scope e.g. the component is unmounted.
import { getCurrentWindow } from "@tauri-apps/api/webview";const unlisten = await getCurrentWindow().onDragDropEvent((event) => { if (event.payload.type === 'over') { console.log('User hovering', event.payload.position); } else if (event.payload.type === 'drop') { console.log('User dropped', event.payload.paths); } else { console.log('File drop cancelled'); }});
// you need to call unlisten if your handler goes out of scope e.g. the component is unmountedunlisten();
Source: undefined
onFocusChanged(handler): Promise<UnlistenFn>
Listen to window focus change.
Parameter | Type |
---|---|
handler | EventCallback <boolean > |
A promise resolving to a function to unlisten to the event. Note that removing the listener is required if your listener goes out of scope e.g. the component is unmounted.
import { getCurrentWindow } from "@tauri-apps/api/window";const unlisten = await getCurrentWindow().onFocusChanged(({ payload: focused }) => { console.log('Focus changed, window is focused? ' + focused);});
// you need to call unlisten if your handler goes out of scope e.g. the component is unmountedunlisten();
Source: undefined
onMoved(handler): Promise<UnlistenFn>
Listen to window move.
Parameter | Type |
---|---|
handler | EventCallback <PhysicalPosition > |
A promise resolving to a function to unlisten to the event. Note that removing the listener is required if your listener goes out of scope e.g. the component is unmounted.
import { getCurrentWindow } from "@tauri-apps/api/window";const unlisten = await getCurrentWindow().onMoved(({ payload: position }) => { console.log('Window moved', position);});
// you need to call unlisten if your handler goes out of scope e.g. the component is unmountedunlisten();
Source: undefined
onResized(handler): Promise<UnlistenFn>
Listen to window resize.
Parameter | Type |
---|---|
handler | EventCallback <PhysicalSize > |
A promise resolving to a function to unlisten to the event. Note that removing the listener is required if your listener goes out of scope e.g. the component is unmounted.
import { getCurrentWindow } from "@tauri-apps/api/window";const unlisten = await getCurrentWindow().onResized(({ payload: size }) => { console.log('Window resized', size);});
// you need to call unlisten if your handler goes out of scope e.g. the component is unmountedunlisten();
Source: undefined
onScaleChanged(handler): Promise<UnlistenFn>
Listen to window scale change. Emitted when the window’s scale factor has changed. The following user actions can cause DPI changes:
- Changing the display’s resolution.
- Changing the display’s scale factor (e.g. in Control Panel on Windows).
- Moving the window to a display with a different scale factor.
Parameter | Type |
---|---|
handler | EventCallback <ScaleFactorChanged > |
A promise resolving to a function to unlisten to the event. Note that removing the listener is required if your listener goes out of scope e.g. the component is unmounted.
import { getCurrentWindow } from "@tauri-apps/api/window";const unlisten = await getCurrentWindow().onScaleChanged(({ payload }) => { console.log('Scale changed', payload.scaleFactor, payload.size);});
// you need to call unlisten if your handler goes out of scope e.g. the component is unmountedunlisten();
Source: undefined
onThemeChanged(handler): Promise<UnlistenFn>
Listen to the system theme change.
Parameter | Type |
---|---|
handler | EventCallback <Theme > |
A promise resolving to a function to unlisten to the event. Note that removing the listener is required if your listener goes out of scope e.g. the component is unmounted.
import { getCurrentWindow } from "@tauri-apps/api/window";const unlisten = await getCurrentWindow().onThemeChanged(({ payload: theme }) => { console.log('New theme: ' + theme);});
// you need to call unlisten if your handler goes out of scope e.g. the component is unmountedunlisten();
Source: undefined
once<T>(event, handler): Promise<UnlistenFn>
Listen to an emitted event on this window only once.
Type Parameter |
---|
T |
Parameter | Type | Description |
---|---|---|
event | EventName | Event name. Must include only alphanumeric characters, - , / , : and _ . |
handler | EventCallback <T > | Event handler. |
A promise resolving to a function to unlisten to the event. Note that removing the listener is required if your listener goes out of scope e.g. the component is unmounted.
import { getCurrentWindow } from '@tauri-apps/api/window';const unlisten = await getCurrentWindow().once<null>('initialized', (event) => { console.log(`Window initialized!`);});
// you need to call unlisten if your handler goes out of scope e.g. the component is unmountedunlisten();
Source: undefined
outerPosition(): Promise<PhysicalPosition>
The position of the top-left hand corner of the window relative to the top-left hand corner of the desktop.
The window’s outer position.
import { getCurrentWindow } from '@tauri-apps/api/window';const position = await getCurrentWindow().outerPosition();
Source: undefined
outerSize(): Promise<PhysicalSize>
The physical size of the entire window. These dimensions include the title bar and borders. If you don’t want that (and you usually don’t), use inner_size instead.
The window’s outer size.
import { getCurrentWindow } from '@tauri-apps/api/window';const size = await getCurrentWindow().outerSize();
Source: undefined
requestUserAttention(requestType): Promise<void>
Requests user attention to the window, this has no effect if the application
is already focused. How requesting for user attention manifests is platform dependent,
see UserAttentionType
for details.
Providing null
will unset the request for user attention. Unsetting the request for
user attention might not be done automatically by the WM when the window receives input.
Platform-specific
- macOS:
null
has no effect. - Linux: Urgency levels have the same effect.
Parameter | Type |
---|---|
requestType | null | UserAttentionType |
Promise
<void
>
A promise indicating the success or failure of the operation.
import { getCurrentWindow } from '@tauri-apps/api/window';await getCurrentWindow().requestUserAttention();
Source: undefined
scaleFactor(): Promise<number>
The scale factor that can be used to map physical pixels to logical pixels.
Promise
<number
>
The window’s monitor scale factor.
import { getCurrentWindow } from '@tauri-apps/api/window';const factor = await getCurrentWindow().scaleFactor();
Source: undefined
setAlwaysOnBottom(alwaysOnBottom): Promise<void>
Whether the window should always be below other windows.
Parameter | Type | Description |
---|---|---|
alwaysOnBottom | boolean | Whether the window should always be below other windows or not. |
Promise
<void
>
A promise indicating the success or failure of the operation.
import { getCurrentWindow } from '@tauri-apps/api/window';await getCurrentWindow().setAlwaysOnBottom(true);
Source: undefined
setAlwaysOnTop(alwaysOnTop): Promise<void>
Whether the window should always be on top of other windows.
Parameter | Type | Description |
---|---|---|
alwaysOnTop | boolean | Whether the window should always be on top of other windows or not. |
Promise
<void
>
A promise indicating the success or failure of the operation.
import { getCurrentWindow } from '@tauri-apps/api/window';await getCurrentWindow().setAlwaysOnTop(true);
Source: undefined
setBackgroundColor(color): Promise<void>
Sets the window background color.
Platform-specific:
- Windows: alpha channel is ignored.
- iOS / Android: Unsupported.
Parameter | Type |
---|---|
color | Color |
Promise
<void
>
A promise indicating the success or failure of the operation.
2.1.0
Source: undefined
setBadgeCount(count?): Promise<void>
Sets the badge count. It is app wide and not specific to this window.
Platform-specific
- Windows: Unsupported. Use @{linkcode Window.setOverlayIcon} instead.
Parameter | Type | Description |
---|---|---|
count ? | number | The badge count. Use undefined to remove the badge. |
Promise
<void
>
A promise indicating the success or failure of the operation.
import { getCurrentWindow } from '@tauri-apps/api/window';await getCurrentWindow().setBadgeCount(5);
Source: undefined
setBadgeLabel(label?): Promise<void>
Sets the badge cont macOS only.
Parameter | Type | Description |
---|---|---|
label ? | string | The badge label. Use undefined to remove the badge. |
Promise
<void
>
A promise indicating the success or failure of the operation.
import { getCurrentWindow } from '@tauri-apps/api/window';await getCurrentWindow().setBadgeLabel("Hello");
Source: undefined
setClosable(closable): Promise<void>
Sets whether the window’s native close button is enabled or not.
Platform-specific
- Linux: GTK+ will do its best to convince the window manager not to show a close button. Depending on the system, this function may not have any effect when called on a window that is already visible
- iOS / Android: Unsupported.
Parameter | Type |
---|---|
closable | boolean |
Promise
<void
>
A promise indicating the success or failure of the operation.
import { getCurrentWindow } from '@tauri-apps/api/window';await getCurrentWindow().setClosable(false);
Source: undefined
setContentProtected(protected_): Promise<void>
Prevents the window contents from being captured by other apps.
Parameter | Type |
---|---|
protected_ | boolean |
Promise
<void
>
A promise indicating the success or failure of the operation.
import { getCurrentWindow } from '@tauri-apps/api/window';await getCurrentWindow().setContentProtected(true);
Source: undefined
setCursorGrab(grab): Promise<void>
Grabs the cursor, preventing it from leaving the window.
There’s no guarantee that the cursor will be hidden. You should hide it by yourself if you want so.
Platform-specific
- Linux: Unsupported.
- macOS: This locks the cursor in a fixed location, which looks visually awkward.
Parameter | Type | Description |
---|---|---|
grab | boolean | true to grab the cursor icon, false to release it. |
Promise
<void
>
A promise indicating the success or failure of the operation.
import { getCurrentWindow } from '@tauri-apps/api/window';await getCurrentWindow().setCursorGrab(true);
Source: undefined
setCursorIcon(icon): Promise<void>
Modifies the cursor icon of the window.
Parameter | Type | Description |
---|---|---|
icon | CursorIcon | The new cursor icon. |
Promise
<void
>
A promise indicating the success or failure of the operation.
import { getCurrentWindow } from '@tauri-apps/api/window';await getCurrentWindow().setCursorIcon('help');
Source: undefined
setCursorPosition(position): Promise<void>
Changes the position of the cursor in window coordinates.
Parameter | Type | Description |
---|---|---|
position | LogicalPosition | PhysicalPosition | Position | The new cursor position. |
Promise
<void
>
A promise indicating the success or failure of the operation.
import { getCurrentWindow, LogicalPosition } from '@tauri-apps/api/window';await getCurrentWindow().setCursorPosition(new LogicalPosition(600, 300));
Source: undefined
setCursorVisible(visible): Promise<void>
Modifies the cursor’s visibility.
Platform-specific
- Windows: The cursor is only hidden within the confines of the window.
- macOS: The cursor is hidden as long as the window has input focus, even if the cursor is outside of the window.
Parameter | Type | Description |
---|---|---|
visible | boolean | If false , this will hide the cursor. If true , this will show the cursor. |
Promise
<void
>
A promise indicating the success or failure of the operation.
import { getCurrentWindow } from '@tauri-apps/api/window';await getCurrentWindow().setCursorVisible(false);
Source: undefined
setDecorations(decorations): Promise<void>
Whether the window should have borders and bars.
Parameter | Type | Description |
---|---|---|
decorations | boolean | Whether the window should have borders and bars. |
Promise
<void
>
A promise indicating the success or failure of the operation.
import { getCurrentWindow } from '@tauri-apps/api/window';await getCurrentWindow().setDecorations(false);
Source: undefined
setEffects(effects): Promise<void>
Set window effects.
Parameter | Type |
---|---|
effects | Effects |
Promise
<void
>
Source: undefined
setEnabled(enabled): Promise<void>
Enable or disable the window.
Parameter | Type |
---|---|
enabled | boolean |
Promise
<void
>
A promise indicating the success or failure of the operation.
import { getCurrentWindow } from '@tauri-apps/api/window';await getCurrentWindow().setEnabled(false);
2.0.0
Source: undefined
setFocus(): Promise<void>
Bring the window to front and focus.
Promise
<void
>
A promise indicating the success or failure of the operation.
import { getCurrentWindow } from '@tauri-apps/api/window';await getCurrentWindow().setFocus();
Source: undefined
setFocusable(focusable): Promise<void>
Sets whether the window can be focused.
Platform-specific
- macOS: If the window is already focused, it is not possible to unfocus it after calling
set_focusable(false)
. In this case, you might consider calling Window.setFocus but it will move the window to the back i.e. at the bottom in terms of z-order.
Parameter | Type | Description |
---|---|---|
focusable | boolean | Whether the window can be focused. |
Promise
<void
>
A promise indicating the success or failure of the operation.
import { getCurrentWindow } from '@tauri-apps/api/window';await getCurrentWindow().setFocusable(true);
Source: undefined
setFullscreen(fullscreen): Promise<void>
Sets the window fullscreen state.
Parameter | Type | Description |
---|---|---|
fullscreen | boolean | Whether the window should go to fullscreen or not. |
Promise
<void
>
A promise indicating the success or failure of the operation.
import { getCurrentWindow } from '@tauri-apps/api/window';await getCurrentWindow().setFullscreen(true);
Source: undefined
setIcon(icon): Promise<void>
Sets the window icon.
Parameter | Type | Description |
---|---|---|
icon | | string | Uint8Array | number [] | ArrayBuffer | Image | Icon bytes or path to the icon file. |
Promise
<void
>
A promise indicating the success or failure of the operation.
import { getCurrentWindow } from '@tauri-apps/api/window';await getCurrentWindow().setIcon('/tauri/awesome.png');
Note that you may need the image-ico
or image-png
Cargo features to use this API.
To enable it, change your Cargo.toml file:
[dependencies]tauri = { version = "...", features = ["...", "image-png"] }
Source: undefined
setIgnoreCursorEvents(ignore): Promise<void>
Changes the cursor events behavior.
Parameter | Type | Description |
---|---|---|
ignore | boolean | true to ignore the cursor events; false to process them as usual. |
Promise
<void
>
A promise indicating the success or failure of the operation.
import { getCurrentWindow } from '@tauri-apps/api/window';await getCurrentWindow().setIgnoreCursorEvents(true);
Source: undefined
setMaxSize(size): Promise<void>
Sets the window maximum inner size. If the size
argument is undefined, the constraint is unset.
Parameter | Type | Description |
---|---|---|
size | | undefined | null | LogicalSize | PhysicalSize | Size | The logical or physical inner size, or null to unset the constraint. |
Promise
<void
>
A promise indicating the success or failure of the operation.
import { getCurrentWindow, LogicalSize } from '@tauri-apps/api/window';await getCurrentWindow().setMaxSize(new LogicalSize(600, 500));
Source: undefined
setMaximizable(maximizable): Promise<void>
Sets whether the window’s native maximize button is enabled or not. If resizable is set to false, this setting is ignored.
Platform-specific
- macOS: Disables the “zoom” button in the window titlebar, which is also used to enter fullscreen mode.
- Linux / iOS / Android: Unsupported.
Parameter | Type |
---|---|
maximizable | boolean |
Promise
<void
>
A promise indicating the success or failure of the operation.
import { getCurrentWindow } from '@tauri-apps/api/window';await getCurrentWindow().setMaximizable(false);
Source: undefined
setMinSize(size): Promise<void>
Sets the window minimum inner size. If the size
argument is not provided, the constraint is unset.
Parameter | Type | Description |
---|---|---|
size | | undefined | null | LogicalSize | PhysicalSize | Size | The logical or physical inner size, or null to unset the constraint. |
Promise
<void
>
A promise indicating the success or failure of the operation.
import { getCurrentWindow, PhysicalSize } from '@tauri-apps/api/window';await getCurrentWindow().setMinSize(new PhysicalSize(600, 500));
Source: undefined
setMinimizable(minimizable): Promise<void>
Sets whether the window’s native minimize button is enabled or not.
Platform-specific
- Linux / iOS / Android: Unsupported.
Parameter | Type |
---|---|
minimizable | boolean |
Promise
<void
>
A promise indicating the success or failure of the operation.
import { getCurrentWindow } from '@tauri-apps/api/window';await getCurrentWindow().setMinimizable(false);
Source: undefined
setOverlayIcon(icon?): Promise<void>
Sets the overlay icon. Windows only The overlay icon can be set for every window.
Note that you may need the image-ico
or image-png
Cargo features to use this API.
To enable it, change your Cargo.toml file:
[dependencies]tauri = { version = "...", features = ["...", "image-png"] }
Parameter | Type | Description |
---|---|---|
icon ? | | string | Uint8Array | number [] | ArrayBuffer | Image | Icon bytes or path to the icon file. Use undefined to remove the overlay icon. |
Promise
<void
>
A promise indicating the success or failure of the operation.
import { getCurrentWindow } from '@tauri-apps/api/window';await getCurrentWindow().setOverlayIcon("/tauri/awesome.png");
Source: undefined
setPosition(position): Promise<void>
Sets the window outer position.
Parameter | Type | Description |
---|---|---|
position | LogicalPosition | PhysicalPosition | Position | The new position, in logical or physical pixels. |
Promise
<void
>
A promise indicating the success or failure of the operation.
import { getCurrentWindow, LogicalPosition } from '@tauri-apps/api/window';await getCurrentWindow().setPosition(new LogicalPosition(600, 500));
Source: undefined
setProgressBar(state): Promise<void>
Sets the taskbar progress state.
Platform-specific
- Linux / macOS: Progress bar is app-wide and not specific to this window.
- Linux: Only supported desktop environments with
libunity
(e.g. GNOME).
Parameter | Type |
---|---|
state | ProgressBarState |
Promise
<void
>
A promise indicating the success or failure of the operation.
import { getCurrentWindow, ProgressBarStatus } from '@tauri-apps/api/window';await getCurrentWindow().setProgressBar({ status: ProgressBarStatus.Normal, progress: 50,});
Source: undefined
setResizable(resizable): Promise<void>
Updates the window resizable flag.
Parameter | Type |
---|---|
resizable | boolean |
Promise
<void
>
A promise indicating the success or failure of the operation.
import { getCurrentWindow } from '@tauri-apps/api/window';await getCurrentWindow().setResizable(false);
Source: undefined
setShadow(enable): Promise<void>
Whether or not the window should have shadow.
Platform-specific
- Windows:
false
has no effect on decorated window, shadows are always ON.true
will make undecorated window have a 1px white border, and on Windows 11, it will have a rounded corners.
- Linux: Unsupported.
Parameter | Type |
---|---|
enable | boolean |
Promise
<void
>
A promise indicating the success or failure of the operation.
import { getCurrentWindow } from '@tauri-apps/api/window';await getCurrentWindow().setShadow(false);
Source: undefined
setSimpleFullscreen(fullscreen): Promise<void>
On macOS, Toggles a fullscreen mode that doesn’t require a new macOS space. Returns a boolean indicating whether the transition was successful (this won’t work if the window was already in the native fullscreen). This is how fullscreen used to work on macOS in versions before Lion. And allows the user to have a fullscreen window without using another space or taking control over the entire monitor.
On other platforms, this is the same as Window.setFullscreen.
Parameter | Type | Description |
---|---|---|
fullscreen | boolean | Whether the window should go to simple fullscreen or not. |
Promise
<void
>
A promise indicating the success or failure of the operation.
Source: undefined
setSize(size): Promise<void>
Resizes the window with a new inner size.
Parameter | Type | Description |
---|---|---|
size | LogicalSize | PhysicalSize | Size | The logical or physical inner size. |
Promise
<void
>
A promise indicating the success or failure of the operation.
import { getCurrentWindow, LogicalSize } from '@tauri-apps/api/window';await getCurrentWindow().setSize(new LogicalSize(600, 500));
Source: undefined
setSizeConstraints(constraints): Promise<void>
Sets the window inner size constraints.
Parameter | Type | Description |
---|---|---|
constraints | undefined | null | WindowSizeConstraints | The logical or physical inner size, or null to unset the constraint. |
Promise
<void
>
A promise indicating the success or failure of the operation.
import { getCurrentWindow } from '@tauri-apps/api/window';await getCurrentWindow().setSizeConstraints({ minWidth: 300 });
Source: undefined
setSkipTaskbar(skip): Promise<void>
Whether the window icon should be hidden from the taskbar or not.
Platform-specific
- macOS: Unsupported.
Parameter | Type | Description |
---|---|---|
skip | boolean | true to hide window icon, false to show it. |
Promise
<void
>
A promise indicating the success or failure of the operation.
import { getCurrentWindow } from '@tauri-apps/api/window';await getCurrentWindow().setSkipTaskbar(true);
Source: undefined
setTheme(theme?): Promise<void>
Set window theme, pass in null
or undefined
to follow system theme
Platform-specific
- Linux / macOS: Theme is app-wide and not specific to this window.
- iOS / Android: Unsupported.
Parameter | Type |
---|---|
theme ? | null | Theme |
Promise
<void
>
2.0.0
Source: undefined
setTitle(title): Promise<void>
Sets the window title.
Parameter | Type | Description |
---|---|---|
title | string | The new title |
Promise
<void
>
A promise indicating the success or failure of the operation.
import { getCurrentWindow } from '@tauri-apps/api/window';await getCurrentWindow().setTitle('Tauri');
Source: undefined
setTitleBarStyle(style): Promise<void>
Sets the title bar style. macOS only.
Parameter | Type |
---|---|
style | TitleBarStyle |
Promise
<void
>
2.0.0
Source: undefined
setVisibleOnAllWorkspaces(visible): Promise<void>
Sets whether the window should be visible on all workspaces or virtual desktops.
Platform-specific
- Windows / iOS / Android: Unsupported.
Parameter | Type |
---|---|
visible | boolean |
Promise
<void
>
2.0.0
Source: undefined
show(): Promise<void>
Sets the window visibility to true.
Promise
<void
>
A promise indicating the success or failure of the operation.
import { getCurrentWindow } from '@tauri-apps/api/window';await getCurrentWindow().show();
Source: undefined
startDragging(): Promise<void>
Starts dragging the window.
Promise
<void
>
A promise indicating the success or failure of the operation.
import { getCurrentWindow } from '@tauri-apps/api/window';await getCurrentWindow().startDragging();
Source: undefined
startResizeDragging(direction): Promise<void>
Starts resize-dragging the window.
Parameter | Type |
---|---|
direction | ResizeDirection |
Promise
<void
>
A promise indicating the success or failure of the operation.
import { getCurrentWindow } from '@tauri-apps/api/window';await getCurrentWindow().startResizeDragging();
Source: undefined
theme(): Promise<null | Theme>
Gets the window’s current theme.
Platform-specific
- macOS: Theme was introduced on macOS 10.14. Returns
light
on macOS 10.13 and below.
The window theme.
import { getCurrentWindow } from '@tauri-apps/api/window';const theme = await getCurrentWindow().theme();
Source: undefined
title(): Promise<string>
Gets the window’s current title.
Promise
<string
>
import { getCurrentWindow } from '@tauri-apps/api/window';const title = await getCurrentWindow().title();
Source: undefined
toggleMaximize(): Promise<void>
Toggles the window maximized state.
Promise
<void
>
A promise indicating the success or failure of the operation.
import { getCurrentWindow } from '@tauri-apps/api/window';await getCurrentWindow().toggleMaximize();
Source: undefined
unmaximize(): Promise<void>
Unmaximizes the window.
Promise
<void
>
A promise indicating the success or failure of the operation.
import { getCurrentWindow } from '@tauri-apps/api/window';await getCurrentWindow().unmaximize();
Source: undefined
unminimize(): Promise<void>
Unminimizes the window.
Promise
<void
>
A promise indicating the success or failure of the operation.
import { getCurrentWindow } from '@tauri-apps/api/window';await getCurrentWindow().unminimize();
Source: undefined
static getAll(): Promise<Window[]>
Gets a list of instances of Window
for all available windows.
Source: undefined
static getByLabel(label): Promise<null | Window>
Gets the Window associated with the given label.
Parameter | Type | Description |
---|---|---|
label | string | The window label. |
The Window instance to communicate with the window or null if the window doesn’t exist.
import { Window } from '@tauri-apps/api/window';const mainWindow = Window.getByLabel('main');
Source: undefined
static getCurrent(): Window
Get an instance of Window
for the current window.
Source: undefined
static getFocusedWindow(): Promise<null | Window>
Gets the focused window.
The Window instance or undefined
if there is not any focused window.
import { Window } from '@tauri-apps/api/window';const focusedWindow = Window.getFocusedWindow();
Source: undefined
The window effects configuration object
2.0.0
Property | Type | Description | Defined in |
---|---|---|---|
color? | Color | Window effect color. Affects Effect.Blur and Effect.Acrylic only on Windows 10 v1903+. Doesn’t have any effect on Windows 7 or Windows 11. | Source: undefined |
effects | Effect [] | List of Window effects to apply to the Window. Conflicting effects will apply the first one and ignore the rest. | Source: undefined |
radius? | number | Window effect corner radius macOS Only | Source: undefined |
state? | EffectState | Window effect state macOS Only | Source: undefined |
Allows you to retrieve information about a given monitor.
1.0.0
Property | Type | Description | Defined in |
---|---|---|---|
name | null | string | Human-readable name of the monitor | Source: undefined |
position | PhysicalPosition | the Top-left corner position of the monitor relative to the larger full screen area. | Source: undefined |
scaleFactor | number | The scale factor that can be used to map physical pixels to logical pixels. | Source: undefined |
size | PhysicalSize | The monitor’s resolution. | Source: undefined |
workArea | object | The monitor’s work area. | Source: undefined |
workArea.position | PhysicalPosition | - | Source: undefined |
workArea.size | PhysicalSize | - | Source: undefined |
Property | Type | Description | Defined in |
---|---|---|---|
progress? | number | The progress bar progress. This can be a value ranging from 0 to 100 | Source: undefined |
status? | ProgressBarStatus | The progress bar status. | Source: undefined |
The payload for the scaleChange
event.
1.0.2
Property | Type | Description | Defined in |
---|---|---|---|
scaleFactor | number | The new window scale factor. | Source: undefined |
size | PhysicalSize | The new window size | Source: undefined |
Configuration for the window to create.
1.0.0
Property | Type | Description | Defined in |
---|---|---|---|
allowLinkPreview? | boolean | on macOS and iOS there is a link preview on long pressing links, this is enabled by default. see https://docs.rs/objc2-web-kit/latest/objc2_web_kit/struct.WKWebView.html#method.allowsLinkPreview | Source: undefined |
alwaysOnBottom? | boolean | Whether the window should always be below other windows. | Source: undefined |
alwaysOnTop? | boolean | Whether the window should always be on top of other windows or not. | Source: undefined |
backgroundColor? | Color | Set the window background color. Platform-specific: - Android / iOS: Unsupported. - Windows: alpha channel is ignored. Since 2.1.0 | Source: undefined |
backgroundThrottling? | BackgroundThrottlingPolicy | Change the default background throttling behaviour. ## Platform-specific - Linux / Windows / Android: Unsupported. Workarounds like a pending WebLock transaction might suffice. - iOS: Supported since version 17.0+. - macOS: Supported since version 14.0+. see https://github.com/tauri-apps/tauri/issues/5250#issuecomment-2569380578 Since 2.3.0 | Source: undefined |
center? | boolean | Show window in the center of the screen.. | Source: undefined |
closable? | boolean | Whether the window’s native close button is enabled or not. Defaults to true . | Source: undefined |
contentProtected? | boolean | Prevents the window contents from being captured by other apps. | Source: undefined |
decorations? | boolean | Whether the window should have borders and bars or not. | Source: undefined |
disableInputAccessoryView? | boolean | Allows disabling the input accessory view on iOS. The accessory view is the view that appears above the keyboard when a text input element is focused. It usually displays a view with “Done”, “Next” buttons. | Source: undefined |
focus? | boolean | Whether the window will be initially focused or not. | Source: undefined |
focusable? | boolean | Whether the window can be focused or not. | Source: undefined |
fullscreen? | boolean | Whether the window is in fullscreen mode or not. | Source: undefined |
height? | number | The initial height. | Source: undefined |
hiddenTitle? | boolean | If true , sets the window title to be hidden on macOS. | Source: undefined |
javascriptDisabled? | boolean | Whether we should disable JavaScript code execution on the webview or not. | Source: undefined |
maxHeight? | number | The maximum height. Only applies if maxWidth is also set. | Source: undefined |
maxWidth? | number | The maximum width. Only applies if maxHeight is also set. | Source: undefined |
maximizable? | boolean | Whether the window’s native maximize button is enabled or not. Defaults to true . | Source: undefined |
maximized? | boolean | Whether the window should be maximized upon creation or not. | Source: undefined |
minHeight? | number | The minimum height. Only applies if minWidth is also set. | Source: undefined |
minWidth? | number | The minimum width. Only applies if minHeight is also set. | Source: undefined |
minimizable? | boolean | Whether the window’s native minimize button is enabled or not. Defaults to true . | Source: undefined |
parent? | string | Window | WebviewWindow | Sets a parent to the window to be created. Can be either a Window or a label of the window. Platform-specific - Windows: This sets the passed parent as an owner window to the window to be created. From MSDN owned windows docs: - An owned window is always above its owner in the z-order. - The system automatically destroys an owned window when its owner is destroyed. - An owned window is hidden when its owner is minimized. - Linux: This makes the new window transient for parent, see https://docs.gtk.org/gtk3/method.Window.set_transient_for.html - macOS: This adds the window as a child of parent, see https://developer.apple.com/documentation/appkit/nswindow/1419152-addchildwindow?language=objc | Source: undefined |
preventOverflow? | boolean | PreventOverflowMargin | Prevent the window from overflowing the working area (e.g. monitor size - taskbar size) on creation, which means the window size will be limited to monitor size - taskbar size Can either be set to true or to a PreventOverflowMargin object to set an additional margin that should be considered to determine the working area (in this case the window size will be limited to monitor size - taskbar size - margin ) NOTE: The overflow check is only performed on window creation, resizes can still overflow Platform-specific - iOS / Android: Unsupported. | Source: undefined |
resizable? | boolean | Whether the window is resizable or not. | Source: undefined |
shadow? | boolean | Whether or not the window has shadow. Platform-specific - Windows: - false has no effect on decorated window, shadows are always ON. - true will make undecorated window have a 1px white border, and on Windows 11, it will have a rounded corners. - Linux: Unsupported. Since 2.0.0 | Source: undefined |
skipTaskbar? | boolean | Whether or not the window icon should be added to the taskbar. | Source: undefined |
tabbingIdentifier? | string | Defines the window tabbing identifier on macOS. Windows with the same tabbing identifier will be grouped together. If the tabbing identifier is not set, automatic tabbing will be disabled. | Source: undefined |
theme? | Theme | The initial window theme. Defaults to the system theme. Only implemented on Windows and macOS 10.14+. | Source: undefined |
title? | string | Window title. | Source: undefined |
titleBarStyle? | TitleBarStyle | The style of the macOS title bar. | Source: undefined |
trafficLightPosition? | LogicalPosition | The position of the window controls on macOS. Requires titleBarStyle: 'overlay' and decorations: true . Since 2.4.0 | Source: undefined |
transparent? | boolean | Whether the window is transparent or not. Note that on macOS this requires the macos-private-api feature flag, enabled under tauri.conf.json > app > macOSPrivateApi . WARNING: Using private APIs on macOS prevents your application from being accepted to the App Store . | Source: undefined |
visible? | boolean | Whether the window should be immediately visible upon creation or not. | Source: undefined |
visibleOnAllWorkspaces? | boolean | Whether the window should be visible on all workspaces or virtual desktops. Platform-specific - Windows / iOS / Android: Unsupported. Since 2.0.0 | Source: undefined |
width? | number | The initial width. | Source: undefined |
windowEffects? | Effects | Window effects. Requires the window to be transparent. Platform-specific: - Windows: If using decorations or shadows, you may want to try this workaround https://github.com/tauri-apps/tao/issues/72#issuecomment-975607891 - Linux: Unsupported | Source: undefined |
x? | number | The initial vertical position. Only applies if y is also set. | Source: undefined |
y? | number | The initial horizontal position. Only applies if x is also set. | Source: undefined |
Property | Type | Defined in |
---|---|---|
maxHeight? | number | Source: undefined |
maxWidth? | number | Source: undefined |
minHeight? | number | Source: undefined |
minWidth? | number | Source: undefined |
type CursorIcon: | "default" | "crosshair" | "hand" | "arrow" | "move" | "text" | "wait" | "help" | "progress" | "notAllowed" | "contextMenu" | "cell" | "verticalText" | "alias" | "copy" | "noDrop" | "grab" | "grabbing" | "allScroll" | "zoomIn" | "zoomOut" | "eResize" | "nResize" | "neResize" | "nwResize" | "sResize" | "seResize" | "swResize" | "wResize" | "ewResize" | "nsResize" | "neswResize" | "nwseResize" | "colResize" | "rowResize";
Source: undefined
type Theme: "light" | "dark";
Source: undefined
type TitleBarStyle: "visible" | "transparent" | "overlay";
Source: undefined
function availableMonitors(): Promise<Monitor[]>
Returns the list of all the monitors available on the system.
import { availableMonitors } from '@tauri-apps/api/window';const monitors = await availableMonitors();
1.0.0
Source: undefined
function currentMonitor(): Promise<Monitor | null>
Returns the monitor on which the window currently resides.
Returns null
if current monitor can’t be detected.
import { currentMonitor } from '@tauri-apps/api/window';const monitor = await currentMonitor();
1.0.0
Source: undefined
function cursorPosition(): Promise<PhysicalPosition>
Get the cursor position relative to the top-left hand corner of the desktop.
Note that the top-left hand corner of the desktop is not necessarily the same as the screen. If the user uses a desktop with multiple monitors, the top-left hand corner of the desktop is the top-left hand corner of the main monitor on Windows and macOS or the top-left of the leftmost monitor on X11.
The coordinates can be negative if the top-left hand corner of the window is outside of the visible screen region.
Source: undefined
function getAllWindows(): Promise<Window[]>
Gets a list of instances of Window
for all available windows.
1.0.0
Source: undefined
function getCurrentWindow(): Window
Get an instance of Window
for the current window.
1.0.0
Source: undefined
function monitorFromPoint(x, y): Promise<Monitor | null>
Returns the monitor that contains the given point. Returns null
if can’t find any.
Parameter | Type |
---|---|
x | number |
y | number |
import { monitorFromPoint } from '@tauri-apps/api/window';const monitor = await monitorFromPoint(100.0, 200.0);
1.0.0
Source: undefined
function primaryMonitor(): Promise<Monitor | null>
Returns the primary monitor of the system.
Returns null
if it can’t identify any monitor as a primary one.
import { primaryMonitor } from '@tauri-apps/api/window';const monitor = await primaryMonitor();
1.0.0
Source: undefined
Tauri v2.8 中文网 - 粤ICP备13048890号
Nodejs.cn 旗下网站