tauri为窗口添加阴影效果

需求

为窗口添加阴影效果，让窗口显得更立体。

实现方案

通过 tauri 中的 window-shadows 依赖实现。

编码

修改 label 标签内容

修改 src-tauri/tauri.conf.json 文件，设置 label 字段为 “customization”

增加shadows的依赖

修改 src-tauri/Cargo.toml 文件，在 [dependencies] 下增加 window-shadows = “0.2.1”

添加相应代码

在 src-tauri/src 下新增 utils.rs 文件

use tauri::{Manager, Runtime};
use window_shadows::set_shadow;

pub fn set_window_shadow<R: Runtime>(app: &tauri::App<R>) {
    let window = app.get_window("customization").unwrap();
    set_shadow(&window, true).expect("Unsupported platform!");
}
1
2
3
4
5
6
7

在 main.rs 文件中增加

// Prevents additional console window on Windows in release, DO NOT REMOVE!!
#![cfg_attr(not(debug_assertions), windows_subsystem = "windows")]

use crate::{
    utils::{set_window_shadow}
};
mod utils;

fn main() {
    tauri::Builder::default()
        .setup(|app| {
            set_window_shadow(app);
            Ok(())
        })
        .run(tauri::generate_context!())
        .expect("error while running tauri application");
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17