首页 > web前端 > js教程 > Tauri(部分 - 首先正确设置窗口配置

Tauri(部分 - 首先正确设置窗口配置

Susan Sarandon
发布: 2025-01-01 02:39:10
原创
257 人浏览过

Tauri (Part - Get the window configuration right first

前言

在开发桌面应用程序时,理解并正确配置窗口参数至关重要。它有助于简化功能并优化用户体验。

以下内容基于Tauri 2官方文档,提供了WindowConfig配置参数的详细说明,包括其功能、默认值和适用性。

基本窗口行为

参数 类型 描述 默认值
接受FirstMouse 布尔值 窗口是否接受第一个鼠标事件(仅限 macOS)。
永远在底部 布尔值 窗口是否始终放置在其他窗口的下方。
永远在最上面 布尔值 窗口是否始终放置在其他窗口之上。
背景颜色 字符串 窗口的背景颜色(十六进制格式)。 无默认值
中心 布尔值 窗口是否位于屏幕中央。
可关闭 布尔值 是否可以关闭窗口。 真实
内容受保护 布尔值 保护窗口内容不被捕获或记录(部分支持)。
装饰品 布尔值 是否显示窗口装饰(如标题栏和边框)。 真实
dragDropEnabled 布尔值 是否启用拖放功能。 真实
焦点 布尔值 窗口启动时是否获得焦点。 真实
全屏 布尔值 窗口是否以全屏模式启动。
隐藏标题 布尔值 隐藏标题栏(仅限 macOS)。
隐身 布尔值 启用隐身模式以防止数据跟踪。
标签 字符串 窗口的唯一标识符(必需)。 无默认值
可最大化 布尔值 窗口是否可以最大化。 真实
最大化 布尔值 窗口是否开始最大化。
可最小化 布尔值 窗口是否可以最小化。 真实
可调整大小 布尔值 是否可以调整窗口大小 真实
跳过任务栏 布尔值 隐藏任务栏上的窗口(取决于平台)。
tabbingIdentifier 字符串 用于分组窗口的标识符(仅限 macOS)。 无默认值
主题 “亮”或“暗” 窗口默认主题,部分支持。 系统默认
标题 字符串 窗口标题。 “Tauri 应用程序”
titleBarStyle 字符串 标题栏的样式(取决于平台,例如 macOS)。 默认样式
透明 布尔值 启用窗口透明度(部分支持)。
用户代理 字符串 窗口的自定义用户代理。 无默认值
可见 布尔值 窗口是否可见。 真实
所有工作空间可见 布尔值 使窗口在所有工作区上可见(仅限 macOS)。
窗口类名称 字符串 自定义窗口类名称(仅限 Windows)。 无默认值
缩放热键已启用 布尔值 启用窗口缩放热键。 真实

尺寸和定位

Parameter Type Description Default Value
width number Initial width of the window (in pixels). 800
height number Initial height of the window (in pixels). 600
minWidth number Minimum width of the window (in pixels). No default value
minHeight number Minimum height of the window (in pixels). No default value
maxWidth number Maximum width of the window (in pixels). No default value
maxHeight number Maximum height of the window (in pixels). No default value
x number Initial X-axis position of the window (from screen top-left). Centered
y number Initial Y-axis position of the window (from screen top-left). Centered
参数 类型 描述 默认值 标题> 宽度 数字 窗口的初始宽度(以像素为单位)。 800 身高 数字 窗口的初始高度(以像素为单位)。 600 最小宽度 数字 窗口的最小宽度(以像素为单位)。 无默认值 最小高度 数字 窗口的最小高度(以像素为单位)。 无默认值 最大宽度 数字 窗口的最大宽度(以像素为单位)。 无默认值 最大高度 数字 窗口的最大高度(以像素为单位)。 无默认值 x 数字 窗口的初始 X 轴位置(从屏幕左上角开始)。 居中 y 数字 窗口的初始 Y 轴位置(从屏幕左上角开始)。 居中

浏览器功能

Parameter Type Description Default Value
additionalBrowserArgs string Additional command-line arguments for the browser. No default value
browserExtensionsEnabled boolean Enables support for browser extensions. false
proxyUrl string Custom proxy URL. No default value
useHttpsScheme boolean Forces the use of HTTPS. false

窗口效果

Parameter Type Description Default Value
shadow boolean Whether the window shows a shadow (platform-dependent). true
windowEffects string Custom window effects (e.g., blur, transparency). No default value

JSON 配置示例

src-tauri/tauri.conf.json

{
  "$schema": "https://schema.tauri.app/config/2.0.0",
  "productName": "Coco AI",
  "version": "0.1.0",
  "identifier": "rs.coco.app",
  "build": {
    "beforeDevCommand": "pnpm dev",
    "devUrl": "http://localhost:1420",
    "beforeBuildCommand": "pnpm build",
    "frontendDist": "../dist"
  },
  "app": {
    "macOSPrivateApi": true,
    "windows": [
      {
        "acceptFirstMouse": false, // Whether the first mouse event is accepted
        "additionalBrowserArgs": "", // Additional arguments passed to the browser
        "alwaysOnBottom": false, // Whether the window always stays at the bottom
        "alwaysOnTop": false, // Whether the window always stays on top
        "backgroundColor": "#ffffff", // Background color of the window (default is white)
        "browserExtensionsEnabled": false, // Whether browser extensions are enabled
        "center": true, // Whether the window is centered
        "closable": true, // Whether the window can be closed
        "contentProtected": false, // Whether content protection is enabled (prevents screenshots)
        "create": true, // Whether to display the window when created
        "decorations": true, // Whether to display window decorations
        "devtools": false, // Whether developer tools are enabled (disabled by default in production)
        "dragDropEnabled": true, // Whether drag-and-drop functionality is enabled
        "focus": true, // Whether the window is focused
        "fullscreen": false, // Whether the window is in fullscreen mode
        "height": 600, // Window height (default 600px)
        "hiddenTitle": false, // Whether the window title bar is hidden
        "incognito": false, // Whether incognito mode is enabled
        "label": "main", // Unique label (identifier) of the window
        "maxHeight": null, // Maximum height of the window (default is unlimited)
        "maximizable": true, // Whether the window can be maximized
        "maximized": false, // Whether the window is maximized by default
        "maxWidth": null, // Maximum width of the window (default is unlimited)
        "minHeight": 300, // Minimum height of the window (default 300px)
        "minimizable": true, // Whether the window can be minimized
        "minWidth": 300, // Minimum width of the window (default 300px)
        "parent": null, // Parent window (default is none)
        "proxyUrl": "", // Proxy URL
        "resizable": true, // Whether the window is resizable
        "shadow": true, // Whether the window shadow is displayed
        "skipTaskbar": false, // Whether to skip showing the window in the taskbar
        "tabbingIdentifier": null, // Identifier for grouping windows
        "theme": "light", // Window theme (default is light)
        "title": "Tauri App", // Window title
        "titleBarStyle": "default", // Title bar style
        "transparent": false, // Whether the window is transparent
        "url": "/", // Default URL of the window
        "useHttpsScheme": false, // Whether to enforce HTTPS
        "userAgent": null, // Custom user agent (default is null)
        "visible": true, // Whether the window is visible
        "visibleOnAllWorkspaces": false, // Whether the window is visible on all workspaces
        "width": 800, // Window width (default 800px)
        "windowClassname": "", // Window class name (customizable)
        "windowEffects": null, // Window effects (default is none)
        "x": null, // Initial X-coordinate of the window position
        "y": null, // Initial Y-coordinate of the window position
        "zoomHotkeysEnabled": true // Whether zoom hotkeys are enabled
      }
    ],
    "security": {
      "csp": null
    }
  }
}
登录后复制

结论

配置窗口参数是Tauri开发中至关重要的一步。

了解每个参数的用途和默认值不仅有助于高效实现,还可以防止潜在的跨平台兼容性问题。

请参阅 Tauri 官方文档以获取准确的配置和更多详细信息。

欢迎探索我最近的 Tauri 项目 github.com/infinilabs/coco-app,它是开源。请考虑给它一个星星?.

这是我的第一个 Tauri 项目,我正在边做边学。希望能与志同道合的人一起探索、共同成长。

参考

https://v2.tauri.app/reference/config/#windowconfig

以上是Tauri(部分 - 首先正确设置窗口配置的详细内容。更多信息请关注PHP中文网其他相关文章!

来源:dev.to
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板