type
status
date
slug
summary
tags
category
icon
password
默认样式

📝 自定义窗口
自定义样式

1.修改配置项
如果是macos要开启私有API
macOSPrivateApi才能实现透明注意:在macOS上使用私有API会阻止您的应用程序被App Store接受
下面直接上代码:
为了更直观的效果,我给背景添加了一个透明度
2.实现自定义拖拽元素
设置完配置后,我们还需要实现一个自定义拖拽的元素,首先我们需要坚持
startDragging是否设置为true,然后在我们想要拖拽的元素中添加data-tauri-drag-regio就可以实现窗口拖拽代码如下:
图片例子中自定义元素样式
透明窗口标题栏
效果

1.修改配置
下面直接上代码:
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
startDragging是WindowAllowlistConfig里的一个配置项,它的作用是允许在窗口上开始拖动。- Author:yaojunluo
- URL:https://next.yaojunluo.com/article/81566e75-8f94-42f6-9a15-0d5942e59a4b
- Copyright:All articles in this blog, except for special statements, adopt BY-NC-SA agreement. Please indicate the source!