首页 > 其他分享 >Rust 使用egui创建一个简单的下载器demo

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

时间:2023-07-10 23:45:11浏览次数:46  
标签:show url demo egui ui path self Rust

仓库连接: 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(())
}

标签:show,url,demo,egui,ui,path,self,Rust
From: https://www.cnblogs.com/gan601/p/17542632.html

相关文章

  • 基于three.js的3D展厅Demo功能设计与实现
    参考网址: http://www.webgl3d.cn/          https://www.three3d.cn/ 1、three.js之helloworld    功能:立方体在三维空间的转动。   代码位置:demo_0_scene    目的:理解场景/相机 /渲染器/坐标系/几何体/材质/物体......
  • 创建 Code Interpreter Demo: 一次实践的探索
    好消息,好消息,CodeInterpreter可以测试使用了!!!在这篇文章中,我们将探索如何创建一个CodeInterpreterDemo。提交一个2023年1-5月份的融资记录数据,让它来帮我们分析一下这些数据。执行的过程如下:生成图表的代码我们也可以找到,需要做调整的话,可以把代码复制到本地进行修......
  • rust 自动化测试、迭代器与闭包、智能指针、无畏并发
    编写测试可以让我们的代码在后续迭代过程中不出现功能性缺陷问题;理解迭代器、闭包的函数式编程特性;Box<T>智能指针在堆上存储数据,Rc<T>智能指针开启多所有权模式等;理解并发,如何安全的使用线程,共享数据。自动化测试编写测试以方便我们在后续的迭代过程中,不会改坏代码。保证了程序......
  • HR_INFOTYPE_OPERATION DEMO
    DATA:ls_returnTYPEbapireturn1."bapi的返回结果LOOPAT<gfs_t_output>ASSIGNING<gfs_s_output>.CLEAR:gv_pernr,gv_begda,gv_endda,gv_subty,gv_seqnr,ls_return.ASSIGNCOMPONENT'ZSTATUS'OFSTRUCTURE<gfs_s_output>......
  • 在 kubernets pod 里使用 perf 直接调试 rust 程序
     我们想要了解我们程序在运行时候的真实情况,但是感觉rust性能方面的调试真的比go麻烦非常多。首先在rustcargo.toml中添加[profile.release]debug=true 直接在pod里面进行调试限制比较多,首先我们可能需要安装一些必要的东西比如perf本体在ubuntu的环境......
  • Hello-FPGA CoaXPress 2.0 FPGA HOST IP Core Demo User Manual
     目录Hello-FPGACoaXPress2.0HostFPGAIPCoreDemo41说明42设备连接53VIVADOFPGA工程64SDK工程9图1‑1VIVADO工程目录结构4图1‑2SDK工程目录结构4图2‑1ZCU102结构图5图2‑2ZCU102UART接口6图3‑1VIVADO工程6图3‑2CPU控制器7图......
  • centos 中,unable to download updates: could not do untrusted question as no klass
    这个问题可能是由于您的系统缺少Klass支持导致的。您可以尝试以下方法解决: 1.更新软件包列表:```sudoyumupdate``` 2.如果更新软件包列表后问题仍然存在,您可以尝试安装Klass支持:```sudoyuminstallklass-utils``` 3.安装完成后,再次尝试更新系统:```sudoyum......
  • 尝试写一个SpringBoot的demo
    在Spring官网使用脚手架:  https://start.spring.io/选择3项依赖:   编写代码: 启动运行应用:   启动了8080端口 访问:http://localhost:8080/hyc健康检查:  http://localhost:8080/actuator/health......
  • wpf小说阅读器 ----wpf练习demo
    1.登录窗口布局<Grid><Grid.ColumnDefinitions><ColumnDefinition/><ColumnDefinitionWidth="2*"/></Grid.ColumnDefinitions><Border><Border.Backgro......
  • 文盘Rust -- FFI 浅尝
    rustFFI是rust与其他语言互调的桥梁,通过FFIrust可以有效继承C语言的历史资产。本期通过几个例子来聊聊rust与C语言交互的具体步骤。场景一调用C代码创建工程cargonew--binffi_sampleCargo.toml配置[package]name="ffi_sample"version="0.1.0"edition......