Rust 使用egui创建一个简单的下载器demo

仓库连接: https://github.com/GaN601/egui-demo-download-util
这是我第一个rust gui demo, 学习rust有挺长时间了, 但是一直没有落实到实践中, 本着对桌面应用的兴趣, 考察了slint、egui两种框架, 最后还是选择了egui.
这篇博客同时包含我当前的一些理解, 但是自身技术有限, 可能有不少错误的地方. 有意者请在评论区指正.
这个demo的效果就是通过主窗口的按钮, 呼出子窗口的输入框, 点击下载按钮后就可以下载文件, 因为只是demo, 下载功能不详细, 只是用reqwest请求下载了而已.
egui要求我们创建一个自己的结构体来进行状态保存, 因此我们需要以下结构体:
点击查看结构体

1. #[derive(Default)]
2. struct MainWindow {
3.     window_download_url: DownloadUrl,
4. }
5. #[derive(Default, Clone)]
6. pub struct DownloadUrl {
7.     pub is_show: bool,
8.     pub is_start: bool,
9.     pub url: String,
10.     pub local_path: String,
11. }
13. impl DownloadUrl {
14.     pub fn show_window(&mut self, ctx: &Context) {
15.         let _ = Window::new("Download Url")
16.             .open(&mut self.is_show.clone())
17.             .show(ctx, |ui| {
18.                 // 这里在为下载窗口添加一些ui元素
19.                 ui.heading("Download Url");
20.                 ui.text_edit_singleline(&mut self.url);
21.                 ui.text_edit_singleline(&mut self.local_path);
22.                 // 这里将用户输入的数据保存在MainWindow中, 这样当我们点击下载按钮时就会开始下载文件
23.                 if ui.button("Select Folder").clicked() {
24.                     if let Some(path) = rfd::FileDialog::new().pick_folder() {
25.                         self.local_path = path.display().to_string();
26.                     }
27.                 }
28.                 // 关闭当前窗口. 因为是即时模式, 因此下一帧这个窗口不会出现. 我们只需要修改布尔值即可.
29.                 if ui.button("Download").clicked() {
30.                     self.is_show = false;
31.                     self.is_start = true;
32.                 }
33.             });
34.     }
35. }

复制代码

点击查看项目依赖

1. egui = "0.19.0"
2. eframe = "0.19.0"
3. reqwest = "0.11.12"
4. tokio = { version = "1.21.2" , features=["full"]}
5. rfd = "0.10.0"

复制代码

点击查看项目代码

1. use eframe::{run_native, App, Frame, NativeOptions};
2. use egui::{CentralPanel, Context};
3. use std::fs::File;
4. use std::io::Write;
5. use std::path::Path;
7. //首先使用tokio的main方法
8. #[tokio::main]
9. async fn main() {
10.     println!("Hello, world!");
11.     let option = NativeOptions {
12.         // 定义窗口大小
13.         initial_window_size: Some(egui::vec2(640.0, 480.0)),
14.         ..Default::default()
15.     };
16.         // 启动egui的主窗口, MainWindow就是我们保持状态的结构体
17.     run_native(
18.         "egui download util",
19.         option,
20.         Box::new(|_c| Box::<MainWindow>::default()),
21.     );
22. }
23. // 实现App Trait, 因为egui是即时模式, 因此状态数据只能从self(MainWindow)拿
24. impl App for MainWindow {
25.     fn update(&mut self, ctx: &Context, frame: &mut Frame) {
26.         // 这里是创建了一个面板, 并且面板里有一个下载的按钮, 当点击按钮后, 会展示一个子窗口
27.         CentralPanel::default().show(ctx, |ui| {
28.             if ui.button("Download").clicked() {
29.                 self.window_download_url.is_show = true;
30.             }
31.         });
33.         if self.window_download_url.is_show {
34.             self.window_download_url.show_window(ctx);
35.         }
37.         // 在这里开始执行下载文件的逻辑, 因为所有权问题, 因此我直接clone了这个结构
38.         let url = &mut self.window_download_url;
39.         let target = url.clone();
41.         if !(target.url.is_empty() || target.local_path.is_empty()) && url.is_start {
42.             url.is_start = false;
43.             tokio::spawn(async move {
44.                 // 执行下载文件的逻辑, 失败的处理感觉没啥必要, 其实可以考虑出个dialog
45.                 download_file_to_local_path(&target)
46.                     .await
47.                     .expect("TODO: panic message");
48.             });
49.         }
50.     }
51. }
53. async fn download_file_to_local_path(
54.     target: &DownloadUrl,
55. ) -> Result<(), Box<dyn std::error::Error>> {
56. // 获取文件夹路径选择器的路径, 因为不打算太精细, 就直接生成了当前时间戳的文件名, 连文件后缀都不给.
57.     let file_path = Path::new(&target.local_path).join(
58.         SystemTime::now()
59.             .duration_since(UNIX_EPOCH)
60.             .unwrap()
61.             .as_millis()
62.             .to_string(),
63.     );
65.     let mut file = File::create(file_path)?;
66.     let response = reqwest::get(&target.url).await?;
67.         // 写入文件, 下载文件逻辑完成
68.     file.write_all(&response.bytes().await?)?;
70.     Ok(())
71. }

复制代码

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！