Rust UI开发(二):iced中如何为窗口添加icon图标

这篇具有很好参考价值的文章主要介绍了Rust UI开发(二):iced中如何为窗口添加icon图标。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

注:此文适合于对rust有一些了解的朋友
iced是一个跨平台的GUI库,用于为rust语言程序构建UI界面。
iced怎么样,Rust窗口开发实例,rust,ui,数据库
想要了解如何构建简单窗口的可以看本系列的第一篇:
Rust UI开发:使用iced构建UI时,如何在界面显示中文字符

本篇是系列第二篇,主要解决一个问题,就是为窗口添加图标icon。

注:窗口图标在其他语言中,应该是非常容易实现的,但iced是一个发展中的库,很多方面还不成熟,我在用iced自己的方法测试window图标,花了很多时间,效果还不好,所以特意记录此篇,一来做个记录,方便以后回看,二来给其他有这方面问题的朋友做个参考。

我们先来看一下iced中对于窗口参数设置里icon的定义:

/// The icon of the window. 
    pub icon: Option<Icon>,

icon参数是一个枚举,枚举类型是Icon
再去看Icon的定义:

/// An window icon normally used for the titlebar or taskbar.
#[derive(Debug, Clone)]
pub struct Icon {
   
    rgba: Vec<u8>,
    size: Size<u32>,
}

可以看到,这里Icon的数据是rgba数据,是一种图像的数据类型。

rgba是rgb的基础上,另外增加了一个a(阿尔法)通道,表示透明度信息。
也就是说,rgb是[u8,u8,u8],而rgba是[u8,u8,u8,u8]。这里u8指2的8次方即256种颜色值(0-255)。

总的来说,你只要知道在这里,Icon是{rgba,size}组合的数据形式。

所以,如果我们要设置这个icon图标,我们知道,图片应该是rgba格式的,且设置一个尺寸如4848,6464,类似这种。

先看图像的格式,通常如果读取一张图片,数据应该是rgb,所以需要转换。
看下面的代码:文章来源地址https://www.toymoban.com/news/detail-767065.html

到了这里,关于Rust UI开发(二):iced中如何为窗口添加icon图标的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • Rust UI开发(一):使用iced构建UI时,如何在界面显示中文字符

    注:此文适合于对rust有一些了解的朋友 iced是一个跨平台的GUI库,用于为rust语言程序构建UI界面。   iced的基本逻辑是: UI交互产生消息message,message传递给后台的update,在这个函数中编写逻辑,然后通过View函数更新UI。 Take the result of our view logic and layout its widgets. 获取视图逻

    2024年02月03日
    浏览(48)
  • 如何给网页添加icon图标?

    做一些小页面或者项目的时候,我们会发现每个网站都有自己的小图标,下面我就告诉你怎么弄这个,超简单的!💜💜 网页图标favicon.ico小简介 favicon.ico一般用于作为缩略的网站标志,它显示在浏览器的地址栏、浏览器标签上或者在收藏夹上,是展示网站个性的缩略logo标志

    2024年02月05日
    浏览(23)
  • 如何更改vue项目窗口的标题title和图标icon

    背景 :由以下代码知,Vue CLI创建的项目窗口的标题默认是打包后的项目名称,默认图标是Vue的图标favicon.ico。那么特定项目如何根据需要在窗口展示相应的项目标题和项目图标呢? 解决方法: 修改图标:直接将新图标导入public文件夹,然后将favicon.ico替换为新图标的名字即

    2024年02月15日
    浏览(36)
  • 微信小程序的按钮怎么添加图标icon?

    在微信小程序中,可以使用icon组件来添加图标。要添加一个带图标的按钮,可以按照以下步骤进行操作: 1. 在你需要添加按钮的页面的json文件中,引入icon组件的自定义组件库。可以在`\\\"usingComponents\\\"`字段中添加以下代码: ```json \\\"usingComponents\\\": {   \\\"icon\\\": \\\"/path/to/icon/icon\\\" } ```

    2024年02月12日
    浏览(41)
  • element-ui更改图标icon大小

    element-ui改变icon大小 在template里面加入div 再在style样式中 这就相当于给块组件赋予了形状大小的属性。

    2024年02月11日
    浏览(31)
  • 解决 element-ui 打包后 icon 图标乱码问题

    问题描述: vue2+element-ui 的项目,本地看没有问题,打包部署后 element-ui 自带的 icon 图标显示乱码 问题原因: 查看打包后生成的 dist/css/app.xxx.css 文件,发现乱码的图标部分变成了 .el-icon-ice-cream-square:before{content:“”} 问题解决: sass 版本升级到 1.39.0 npm install sass@1.39.0 ,也

    2024年02月12日
    浏览(32)
  • 鼠标右键添加自定义Cmd与Powershell【最全 最详细 含图标Icon】

    快捷键 Win+R 打开运行,输入 regedit 进入注册表 Background 的 shell 目录下新建项,取名 OpenCmd 这里的取名就是鼠标实际右键时显示打开cmd的名称,如↓ 1.4.1 OpenCmd下新建 command 项 1.4.2 command项赋值【实际打开cmd的命令值】 至此,基本的右键打开 cmd 的功能实现,下面是附上右键

    2024年04月23日
    浏览(20)
  • 【Python】使用pyside2时qt designer 设计窗口显示图标icon但是运行后不显示(图文说明)

    欢迎关注 『Python』 系列,持续更新中 欢迎关注 『Python』 系列,持续更新中 平时用的不多,也不知道这个报错有没有偶然性,或者是我自己搞错了···仅供参考。 toolBar中的图标在designer中显示正常 在菜单栏中的显示正常 窗口的title属性用英文,想要中文的话,在初始化中

    2024年02月10日
    浏览(32)
  • Vue Element-UI使用icon图标(第三方)--在线版

    Element-ui一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库,在Vue中使用是很方便的。 关于引用icon(第三方),有一种不用下载项目到本地的方法, element自带的有icon,使用起来也很方便。但是美中不足的是,官方提供的图标库只是部分,在需要新的icon时,

    2024年02月06日
    浏览(35)
  • naive-ui-admin BasicTable 列表操作栏显示图标icon

    效果图 在使用BasicTable的页面添加引用,这里随便弄了个icon  自定义列  这里label设置为空,icon就是刚刚导入的图标,toolTip是自定义属性,在原来封装好的组件里添加的,不然只有一个图标可能不是很明确。 自定义的如下: 打开components/Table/src/components/TableAction.vue ,修改

    2024年04月08日
    浏览(55)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包