仓库连接: https://github.com/GaN601/egui-demo-download-util
这是我第一个rust gui demo, 学习rust有挺长时间了, 但是一直没有落实到实践中, 本着对桌面应用的兴趣, 考察了slint、egui两种框架, 最后还是选择了egui.
这篇博客同时包含我当前的一些理解, 但是自身技术有限, 可能有不少错误的地方. 有意者请在评论区指正.
这个demo的效果就是通过主窗口的按钮, 呼出子窗口的输入框, 点击下载按钮后就可以下载文件, 因为只是demo, 下载功能不详细, 只是用reqwest请求下载了而已.
egui要求我们创建一个自己的结构体来进行状态保存, 因此我们需要以下结构体:
点击查看结构体
#derive(Default)
struct MainWindow {
window_download_url: DownloadUrl,
}
#derive(Default, Clone)
pub struct DownloadUrl {
pub is_show: bool,
pub is_start: bool,
pub url: String,
pub local_path: String,
}
impl DownloadUrl {
pub fn show_window(&mut self, ctx: &Context) {
let _ = Window::new("Download Url")
.open(&mut self.is_show.clone())
.show(ctx, |ui| {
// 这里在为下载窗口添加一些ui元素
ui.heading("Download Url");
ui.text_edit_singleline(&mut self.url);
ui.text_edit_singleline(&mut self.local_path);
// 这里将用户输入的数据保存在MainWindow中, 这样当我们点击下载按钮时就会开始下载文件
if ui.button("Select Folder").clicked() {
if let Some(path) = rfd::FileDialog::new().pick_folder() {
self.local_path = path.display().to_string();
}
}
// 关闭当前窗口. 因为是即时模式, 因此下一帧这个窗口不会出现. 我们只需要修改布尔值即可.
if ui.button("Download").clicked() {
self.is_show = false;
self.is_start = true;
}
});
}
}
点击查看项目依赖
egui = "0.19.0"
eframe = "0.19.0"
reqwest = "0.11.12"
tokio = { version = "1.21.2" , features="full"}
rfd = "0.10.0"
点击查看项目代码
use eframe::{run_native, App, Frame, NativeOptions};
use egui::{CentralPanel, Context};
use std::fs::File;
use std::io::Write;
use std::path::Path;
//首先使用tokio的main方法
#tokio::main
async fn main() {
println!("Hello, world!");
let option = NativeOptions {
// 定义窗口大小
initial_window_size: Some(egui::vec2(640.0, 480.0)),
..Default::default()
};
// 启动egui的主窗口, MainWindow就是我们保持状态的结构体
run_native(
"egui download util",
option,
Box::new(|_c| Box::<MainWindow>::default()),
);
}
// 实现App Trait, 因为egui是即时模式, 因此状态数据只能从self(MainWindow)拿
impl App for MainWindow {
fn update(&mut self, ctx: &Context, frame: &mut Frame) {
// 这里是创建了一个面板, 并且面板里有一个下载的按钮, 当点击按钮后, 会展示一个子窗口
CentralPanel::default().show(ctx, |ui| {
if ui.button("Download").clicked() {
self.window_download_url.is_show = true;
}
});
if self.window_download_url.is_show {
self.window_download_url.show_window(ctx);
}
// 在这里开始执行下载文件的逻辑, 因为所有权问题, 因此我直接clone了这个结构
let url = &mut self.window_download_url;
let target = url.clone();
if !(target.url.is_empty() || target.local_path.is_empty()) && url.is_start {
url.is_start = false;
tokio::spawn(async move {
// 执行下载文件的逻辑, 失败的处理感觉没啥必要, 其实可以考虑出个dialog
download_file_to_local_path(&target)
.await
.expect("TODO: panic message");
});
}
}
}
async fn download_file_to_local_path(
target: &DownloadUrl,
) -> Result<(), Box<dyn std::error::Error>> {
// 获取文件夹路径选择器的路径, 因为不打算太精细, 就直接生成了当前时间戳的文件名, 连文件后缀都不给.
let file_path = Path::new(&target.local_path).join(
SystemTime::now()
.duration_since(UNIX_EPOCH)
.unwrap()
.as_millis()
.to_string(),
);
let mut file = File::create(file_path)?;
let response = reqwest::get(&target.url).await?;
// 写入文件, 下载文件逻辑完成
file.write_all(&response.bytes().await?)?;
Ok(())
}