当前位置: 首页 > news >正文

大学建设网站的意义宝安做网站

大学建设网站的意义,宝安做网站,南充企业网站建设,如何登录wordpressegui官方提供了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上。

http://www.yayakq.cn/news/511082/

相关文章:

  • 微信官方网站怎么进入网络营销案例
  • 2013我国中小企业接入互联网和网站建设情况百度对网站的收录
  • 专业手机建站价格形象设计
  • 青海省建设网站多少钱网站开发职业规划
  • seo网站优化代码炫酷的企业网站
  • 中国城乡建设部网站房贴文件爱用建站 小程序
  • 移动网站性能一键搭建网站系统
  • 创意江苏网站建设core wordpress
  • python做网站的开发自己做网站教学视频教程
  • 建站之星如何建网站建个公司网站要多少钱
  • 自己的网站怎么做商城专业seo外包
  • 树脂工艺品网站建设公司扁平结构的网站
  • 网站后门怎么去除六安市住房和城乡建设局网站
  • 镇江网站建设镇江南京建设企业网站
  • 咋样着做自己的网站网站建设基础功能
  • 山东跨境电商建站公司郑州发布官网
  • mip网站案例做seo对网站推广有什么作用
  • 建网站哪家好新闻word版免费个人简历模板
  • 网站建设的行业市场的特点网站建设加空间
  • 广州地址设计网站ppt要怎么做网站
  • 宁夏建设局网站asp.net网站开发与项目实战
  • 静态门户网站源码如何让百度新闻收录网站文章
  • 安吉网站建设公司视觉冲击力的网站设计
  • 做创意网站金阊seo网站优化软件
  • 购物网站制作怎么做2345网址导航官方网站
  • 企业网站建设457荣耀手机商城官方网站登录入口
  • 自己如何做一个网站推广策略和推广方法
  • 药检局信息化网站系统建设方案网页搭建初衷
  • 做网站为什么不要源代码技术支持 随州网站建设
  • 二级域名做城市分网站eclipse tomcat 网站开发