Rust峭壁
Tauri窗口定制
00 min
2023-11-15
2023-11-16
type
status
date
slug
summary
tags
category
icon
password
 
默认样式
notion image
 

📝 自定义窗口

 
自定义样式
notion image
 

1.修改配置项

要实现透明标题栏需要修改三处配置项 decorationstransparentstartDragging
如果是macos要开启私有APImacOSPrivateApi才能实现透明
注意:在 macOS 上使用私有API会阻止您的应用程序被 App Store 接受
下面直接上代码:
为了更直观的效果,我给背景添加了一个透明度
 

2.实现自定义拖拽元素

设置完配置后,我们还需要实现一个自定义拖拽的元素,首先我们需要坚持startDragging是否设置为true,然后在我们想要拖拽的元素中添加data-tauri-drag-regio就可以实现窗口拖拽
代码如下:
图片例子中自定义元素样式
 

透明窗口标题栏

效果
notion image

1.修改配置

要实现透明标题栏需要修改三处配置项 titlebarstylehiddenTitlestartDragging
下面直接上代码:
 

2.实现自定义拖拽元素

如上
 

配置项介绍

TitleBarStyle 标题栏样式

如何在macOS上显示窗口标题栏。
Can be any ONE of the following types:可以是以下类型之一:
  • "Visible": 一个正常的标题栏。
  • "Transparent": 使标题栏透明,因此显示窗口背景色。
    • 果你不需要在标题栏下有实际的HTML,这很有用。这可以让您避免使用 TitleBarStyle::Overlay 的警告。当Tauri允许你设置一个自定义窗口背景色时,这个选项会更有用。
  • "Overlay":将标题栏显示为窗口内容的透明覆盖层。
    • 标题栏的高度在不同的操作系统版本上是不同的,这可能会导致窗口控件和标题不在你不期望的地方。
      你需要定义一个自定义的拖动区域来使你的窗口可拖动,但是由于一个限制,你不能拖动窗口时,它不是在焦点https://github.com/tauri-apps/tauri/issues/4316
      窗口标题的颜色取决于系统主题。
 

hiddenTitle

如果是 true ,则将窗口标题设置为在macOS上隐藏。
 

startDragging

startDraggingWindowAllowlistConfig里的一个配置项,它的作用是允许在窗口上开始拖动。
 
 
 
 
 

Comments