教育网站开发用例图,导购类网站怎么做,wordpress手机端怎么看,广告费内包括网站建设egui官方提供了web版的demo#xff0c;效果还是很不错的#xff0c;就是用的时候有点一头雾水#xff0c;没有找到明确的指导怎么把这些组件插入到自己的application或者web。花了一天时间撸了一遍流程#xff0c;记录一下#xff0c;说不定以后能用到呢 _
efram…egui官方提供了web版的demo效果还是很不错的就是用的时候有点一头雾水没有找到明确的指导怎么把这些组件插入到自己的application或者web。花了一天时间撸了一遍流程记录一下说不定以后能用到呢 _
eframe_template
首先先去clone一下egui的官方的template从官方的描述来看 This is a template repo for eframe, a framework for writing apps using egui.The goal is for this to be the simplest way to get started writing a GUI app in Rust.You can compile your app natively or for the web, and share it using Github Pages. 使用eframe_template是最简单的实现方式。clone下来后按照repo里的描述修改工程名称相关的配置为自己的工程名 clone下来的eframe_template使用cargo run --release的界面如下图
改造界面
我相中了egui的示例中的plot的界面想把它替换到eframe_template中在egui的代码中找到plot的示例代码额讲真没看懂没关系先放着。
回到eframe_template先按照官方描述给自己的工程改个名字,这里我改成了plot_test。
CentralPanel
研究一下eframe_template发现main.rs里其实没有具体的UI的描述它只是根据当前是要编译本地的application还是web版的信息调用了不同的API最终的UI的绘制都是在app.rs目录下。
app.rs目录对于中心UI的绘制是使用下面的语句进行绘制的, CentralPanel传入一个ui用于绘制主体Panel
egui::CentralPanel::default().show(ctx, |ui| {});所以其实我们只需要将plot_demo的ui来替换掉这里的ui就可以了。
ui
再回去看plot_demo.rs里的ui找到下面一段代码看起来不同的demo调用了自身不同的ui实现来绘制应该只需要将这个ui抄到CentralPanel里就可以了我们抄一个line_demo的ui 将原来的ui的函数直接替换为line_demo的ui调用即可 egui::CentralPanel::default().show(ctx, |ui| {self.line_demo.ui(ui);});其他编译改动不再赘述主要有点懒直接参考我的github的改动就行,重点关注app.rs和main.rs的改动即可其他的改动都是编译过程中的改动无关大局。_
效果
cargo build --release的效果如下换了一个小螃蟹当icon 再来试一试egui提供的wasm这个还是有点意思的。 使用trunk serve来编译运行工程编译完成后提示如下在本机的8080端口可以看到该http服务 用网页打开本机的8080端口效果拔群 _ 回头再抽空研究下怎么部署到github上。
