RustGUI学习（iced）之小部件（八）：如何使用svg部件显示矢量图形？

于 2024-05-08 16:54:17 发布
阅读量352 收藏
点赞数
分类专栏： RustGUI（iced）学习之小部件合集 文章标签： 学习 rust vscode iced GUI
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/normer123456/article/details/138495289
版权
本文是RustGUI学习系列的第八篇，重点介绍如何使用iced库中的svg部件显示矢量图形。文章通过实例展示了svg部件的配置和样式设置，包括Handle数据结构、Width和Height属性，以及预设和自定义样式。文章提供了默认和自定义颜色的svg显示效果。
摘要由CSDN通过智能技术生成

前言
本专栏是学习Rust的GUI库iced的合集，将介绍iced涉及的各个小部件分别介绍，最后会汇总为一个总的程序。
iced是RustGUI中比较强大的一个，目前处于发展中（即版本可能会改变），本专栏基于版本0.12.1.

概述
这是本专栏的第八篇，主要讲述svg矢量图形部件的使用，会结合实例来说明。
系列博客链接：
1、RustGUI学习（iced）之小部件（一）：如何使用按钮button和文本标签text部件？
2、RustGUI学习（iced）之小部件（二）：如何使用滑动条slider部件？
3、RustGUI学习（iced）之小部件（三）：如何使用下拉列表pick_list&

了解本专栏 订阅专栏 解锁全文 超级会员免费看
机构师
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
订阅专栏
＜Rust＞＜iced＞基于rust使用iced库构建GUI实例：动态改变主题色
用沸腾的热血，支付我们的人生吧！
06-02 573
package]文件夹结构：其中img文件夹提供了UI所需的各种图片：本篇所涉及的内容，有一些是公用的，如菜单栏设置、样式设置等，本篇会讲的详细些，后续篇章涉及这些基础内容，就不再赘述。RustGUI学习（iced/iced_aw）之扩展小部件（十六）：如何使用菜单menu部件来创建菜单栏？但之前只是简单说了如何使用menu，本篇将详细介绍菜单栏的构建函数。
svg:使用Rust创建svg的简单库
05-02
svg libsvg允许您使用Rust创建svg图形。 ###来自SVG规范的简单示例 extern crate svg; use std :: old_io :: {BufferedWriter, File, Truncate, ReadWrite}; use svg :: SVG; fn main () { // Create the SVG object let mut image = SVG :: new ( 12 , 4 ); image. view_box ( 0 , 0 , 1200 , 400 ); // Add a little description image. desc ( "Example circle01 - circle filled with red and stroked with blue" ); //
【一起学Rust | 框架篇 | iced框架】rust原生跨平台GUI框架——iced
热门推荐
广龙宇的博客
10-12 6万+
Iced是一个我较为感兴趣的GUI框架，其开发方式对我我这种学习了Vue的人来说相当友好，且配和Rust的特点，已经是很舒服了。此外它颜值也挺高，这就是我学习它的理由。Iced的特点有简单易用，有一系列内置API； 类型安全，有一套交互编程模型； 跨平台（支持Windows，Mac，Linux和Web）；响应式布局；基于widgets ；支持自定义widgets ；还有其他特性
学习 Rust GUI iced
不知名的上班族-老王
04-15 5834
Rust GUI iced 学习
RustGUI学习（iced）之小部件（三）：如何使用下拉列表pick_list？
最新发布
用沸腾的热血，支付我们的人生吧！
04-29 470
本专栏是学习Rust的GUI库iced的合集，将介绍iced涉及的各个小部件分别介绍，最后会汇总为一个总的程序。iced是RustGUI中比较强大的一个，目前处于发展中（即版本可能会改变），本专栏基于版本0.12.1.
iced_aw:Iced GUI库的其他小部件
03-19
冰镇-其他小工具此板条箱包含GUI库其他窗口小部件。每个小部件都由功能门隐藏。这使您可以挑选您实际需要的小部件。用法：在您的Cargo.toml包括iced_aw作为依赖Cargo.toml ： [ dependencies ]iced = { git = " ...
Crust:使用Iced GUI库由Rust制作的Harmony客户端
03-15
Crust是使用iced GUI库以Rust编写的Harmony客户端。 它旨在实现轻量级且具有良好的即装即用体验。 目前在制品 要求 当前稳定的锈蚀和货物。 确保您具有有效的Vulkan设置。 gcc，python3，pkg-config，cmake; ...
iced_video_player:Iced的视频播放器组件
05-22
冰视频播放器小部件 可组合组件，用于在基于出色GStreamer库构建的任何Iced应用程序中播放视频。 概述 通常，这支持支持的任何内容。 特征： 从任何文件路径或URL加载视频文件（支持通过网络流式传输）。 在网络...
iced_audio-Iced GUI库的扩展，其中包含适用于音频应用程序的有用小部件-Rust开发
05-27
Iced Audio对Iced GUI库的扩展，具有用于音频应用程序（例如VST / LV2插件）的有用小部件。 更多屏幕截图小部件实现Iced Audio对Iced GUI库的扩展，其中包含用于音频应用程序（例如VST / LV2插件）的有用小部件。 更...
plotters_backend_iced_app:绘图仪和冰画布的示例
05-26
plotters_backend_iced_app 绘图仪和冰画布的示例如何使用 $ git clone https://github.com/hibi221b/plotters_backend_iced_app.git$ cd plotters_backend_iced_app$ cargo run截屏
SVGUI:快速而肮脏的 SVGHTML 用户界面代码
06-07
简单的 SVG UI 库 快速而肮脏的 SVG UI 库 - 目前远未完成。 示例，。 使用 Inkscape 将您的 UI 设计为 SVG，并将类应用到每个节点。 当它加载了 JS 时，它就会活跃起来，以便可以单击和拖动项目。 制作 SVG 启动 Inkscape 创建您的标准，轴心点位于页面左上角 选择任何非文本元素并单击Path -> Simplify 将所有东西组合在一起 您现在可以将其从页面的角落移开 打开Edit -> XML Editor... 对于每个 Guage 的组： 添加一个class属性集到guage 给背景元素添加一个class = bg属性 给needle元素添加一个class = needle属性 给文本元素添加一个class = label属性 将class = btn属性添加到任何按钮元素 对于每个按钮组： 添加一个class属性设置为b
离线打字测试，使用Rust和Iced编写。-Rust开发
05-27
离线打字测试，使用Rust和Iced编写。 TypeTest离线打字测试，使用Rust和Iced编写。 受typetest.io和10fastfingers.com的启发。 用法克隆此存储库，然后运行！ git clone https://github.com/Ace4896/typetest.git cd typetest货物运行--release
svgcleaner —整理SVG图形-Rust开发
05-27
svgcleaner svgcleaner可帮助您清除SVG文件，使它们免受不必要的数据的影响。 目录目的目标替代方案图表svgcleaner svgcleaner可帮助您清除SVG文件，使它们免受不必要的数据的影响。 目录目的目标替代方案图表正确性清洁率清洁时间其他文档限制使用CLI GUI下载下载建筑贡献和问题常见问题许可证目的svgcleaner的主要目的是无损减小在矢量编辑应用程序中创建的SVG图像的大小，然后再进行。出版。 通常超过一半的SVG图片”
Rust UI开发（四）：iced中如何添加菜单栏（串口调试助手）
用沸腾的热血，支付我们的人生吧！
11-28 2622
本篇主要关注一个问题，就是菜单栏的创建，iced库中并没有包含menu部件，需要用到iced_aw库。
Rust UI开发（一）：使用iced构建UI时，如何在界面显示中文字符
用沸腾的热血，支付我们的人生吧！
11-23 3329
iced是一个跨平台的GUI库，用于为rust语言程序构建UI界面。iced的基本逻辑是：UI交互产生消息message，message传递给后台的update，在这个函数中编写逻辑，然后通过View函数更新UI。下面我们将通过举例来说明iced如何显示一个窗口，以及如何在窗口上显示中文。
RustGUI学习（iced）之小部件（一）：如何使用按钮button和文本标签text部件？
用沸腾的热血，支付我们的人生吧！
04-24 706
本专栏是学习Rust的GUI库iced的合集，将介绍iced涉及的各个小部件分别介绍，最后会汇总为一个总的程序。iced是RustGUI中比较强大的一个，目前处于发展中（即版本可能会改变），本专栏基于版本0.12.1.
30天拿下Rust之图形编程
hope_wisdom的技术博客
04-03 3375
Rust语言以其卓越的安全性、性能和可靠性赢得了广大开发者的青睐，逐渐在系统编程、网络服务、游戏开发等领域崭露头角。随着Rust生态的日益繁荣，图形编程领域也涌现出一批优秀的框架和库，使得用Rust进行高效、安全的图形应用开发成为可能。Rust凭借其安全、高性能的特点，以及逐渐成熟的图形库和生态系统，已成为图形编程领域的一股重要力量，适用于从轻量级GUI应用到高性能游戏引擎的各种图形开发场景。随着社区的发展和新技术的融合，Rust在图形编程领域的影响力有望进一步增强。
【Rust】Iced GUI库初使用及踩坑——写一个计数器
底层技术宅一纪 a.k.a Cirnoice的博客
01-26 1545
Iced是一个简单的，易于理解的，高度模块化的GUI框架，其整个框架可以被简单的描述为4点状态（State）消息（Messages）界面逻辑（View Logic）更新逻辑（Update Logic）根据本人自己的使用体验，这4者之间大概的关系如下其中view()中的控件布局逻辑会绑定应用结构体里的控件状态，这样在交互时也会改变控件的状态。可以发现其实是很好理解的，使用逻辑十分分明，接下来将用本人结合官方的例子来具体说明。githubAPI文档crate.io主页。
Failed to build iced ERROR: Could not build wheels for iced, which is required to install pyproject.toml-based projects
03-05
这个错误通常是由于缺少构建依赖项或环境配置问题导致的。"Failed to build iced"错误表示无法为iced构建所需的二进制文件。 要解决这个问题，你可以尝试以下几个步骤： 1. 确保你的系统已经安装了构建工具和依赖项。对于不同的操作系统，可能需要安装不同的软件包管理器或工具链。例如，在Ubuntu上，你可以运行以下命令安装构建工具： ``` sudo apt-get install build-essential ``` 2. 确保你的Python环境已经正确设置。你可以使用`python --version`命令检查Python版本，并确保它是你期望的版本。 3. 确保你的项目中的依赖项已经正确配置。检查项目根目录下的`pyproject.toml`文件，并确保所有依赖项都已正确声明。 4. 尝试更新你的依赖项。运行以下命令可以更新你的Python包管理器（如pip）和依赖项： ``` pip install --upgrade pip pip install --upgrade setuptools ``` 如果上述步骤都没有解决问题，可能需要更详细的错误信息来进一步分析。请提供更多关于错误的上下文信息，例如完整的错误消息和相关的日志输出。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

机构师

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值