tauri为窗口添加阴影效果

最新推荐文章于 2024-08-26 14:38:17 发布

李剑一

最新推荐文章于 2024-08-26 14:38:17 发布

阅读量1.1k

点赞数

分类专栏： tauri 文章标签： rust tauri

本文链接：https://blog.csdn.net/Feng_ye__/article/details/133513648

版权

tauri 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

需求

为窗口添加阴影效果，让窗口显得更立体。
在这里插入图片描述

实现方案

通过 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!");
}

在 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");
}