首页
学习
活动
专区
圈层
工具
发布

分享我用Qt开发的应用程序【二】在Qt应用程序中使用字体图标fontawesome

为了使用简单,需要先写一个单件类,头文件的代码如下: 其中静态方法Instance保证IconHelper的实例全局唯一 (注意构造函数已经私有化了) #ifndefICONHELPER_H #defineICONHELPER_H...应用程序所在目录下创建res目录,并放置字体文件/res/fontawesome-webfont.ttf 然后加载到全局字体中 #include"IconHelper.h" IconHelper*IconHelper...SetIcon(ui->RightBtn,QChar(0xf178),12); 详见:http://fontawesome.io/cheatsheet/ ----------------------- 我又开发了一个桌面日历的小程序分享给大家...1、黑色背景是我的桌面颜色,大家可以忽略 2、虽然右键菜单里写了“开机自启动”,但我并没有开发这个功能,请见谅 3、我会在下一篇文章里公布这个小程序的源码,敬请期待 4、这个小程序会始终在你的桌面上,...你点显示桌面,它还是在你的桌面上 ?

3.3K70

Power BI 条件格式颜色修复

Power BI表格矩阵条件格式有五种模式,背景色、字体颜色、数据条、图标和Web URL。在这五种模式中,只有图标可以有无限的扩展性,其它四种功能比较单一。...Desktop内置的图标不仅数量少,而且样式丑陋。...可以在网上寻找SVG图标资源,使用度量值嵌入到条件格式中(参考:Power BI SVG制图入门知识2025版): 但是,网上的图标资源有一个问题,绝大部分颜色代码都是十六进制。...而这种颜色代码目前不被表格、矩阵的条件格式图标支持,会显示: 知识星球也有星友遇到这个问题: 现在分享一个颜色转码工具,解决这个问题。...访问: https://junminwu.github.io/ 选择SVG颜色转码工具: 导入一个或多个SVG图标文件: 点击左下方的转码按钮就可以批量转码了。转码完成后可以批量下载:

19210
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    Cover Magic:专业的封面设计工具,支持实时预览和高质量导出

    技术博主的封面困境 作为一名博主,我深知写一篇高质量的技术文章有多难——但更难的,是给它配一张像样的封面。...为什么我要做 Cover Magic? 既然市面上的工具都无法满足需求,我决定自己开发一个真正适合技术博主、内容创作者的封面工具。...Cover Magic 的目标: ✅ 零设计基础也能用:程序员友好,不折腾 ✅ 实时可视化编辑:调整字体、配色、布局,所见即所得 ✅ 一键导出高清图:支持 PNG/JPG/WebP,支持自定义不同尺寸...小时找图 + 调尺寸 + 加文字 → 结果还是丑现在:5 分钟选模板 + 微调 → 专业级封面 ✨ 功能亮点 背景设计 ✅ 自定义纯色背景 ✅ 多方向渐变背景 ✅ 上传自定义图片 ✏️ 内容编辑 ✅ 丰富的图标库...自定义标题文本 ✅ 水印保护功能 ️ 主题模式 ✅ 多种精美主题 ✅ 一键主题切换 ✅ 个性化主题定制 导出选项 ✅ 多种格式导出 ✅ 自定义尺寸 ✅ 高质量图像 暗黑模式 立即体验 如果你也受够了丑陋的博客封面

    24210

    面试官:你是如何对前端项目进行优化的?

    因为先加载HTML再加载 CSS,会让用户第一时间看到的是无样式且丑陋的,为了避免这种粗鄙的情况发生,所以要将 CSS 文件放在头部了。...这就是为何要将多个小文件合并成一个文件,从而减少http请求次数的原因。 静态文件使用CDN:CDN指的是内容分发网络,它是一个分布在多个不同地理位置的web服务器。...字体图标代替图片图标:字体图标就是将图标制作成一个字体,使用时就跟字体一样,可以设置其属性,例如 font-size、color 等等,非常方便。并且字体图标是矢量图,不会失真。...还有一个优点是生成的文件特别小。 利用缓存不重复加载相同的资源:为了避免用户每次访问网站都得请求文件,我们可以通过添加Expires 来控制这一行为。...再次,尽可能利用 CSS3 效果代替图片,因为代码大小通常是图片大小的几分之一甚至几十分之一;最后一个就是使用雪碧图。

    79420

    安装KDE Plasma后,你要做的七件事

    你可能发现,第一批Activities是一堆相关的窗口组件,比如一个用于硬件显示器,另一个用于新闻和一般的信息源。 3.你在每个桌面上将显示什么图标?...Plasma中一个明显的假设是,你会把图标放在桌面上。或者,至少Plasma为你提供了许多选项,可以选择每个桌面显示哪些图标。 针对主桌面,你可能想要显示使用的所有图标。...另外,可以创建类似/Directory的文件夹,并为每个Activity添加你所需要的图标,并设置每个Activity显示不同的文件夹,或者创建一个文件夹图标窗口组件,飘浮在桌面上面。...这么说并不夸张――我在使用KDE Plasma作为主桌面八年后,六个月前发现Account Details居然还有一个用来缩短URL的选项。...对一些人来说,选项实在太多了,但是如果你每次捣鼓几个选项,就会发现为何KDE Plasma是喜欢按自己的方式来工作的那些人首选的桌面环境。

    1.6K40

    Hexo博客页面功能优化

    ,导致自适应小屏的图标都不显示了,官方效果如下 魔改完后一个都不见了,o(╯□╰)o 分析官方页面的元素,这三个图标应该是字体图标 把官方字体文件解析一下看看效果,果然用的字体图标,通过解析发现官方的字体文件无用内容很多...,下面是根据文字文件解析出来的文字图标效果图 提示 这里使用的字体展示工具是 百度字体编辑器 ,把项目中的 woff 文件拖进去就看到图标的图片效果了 https://kekee000.github.io.../fonteditor/ 从实际场景出发,我这个站点移动端小屏基本没人看,要这些也没用,最多看个主页,目前这三个功能也都用不上,直接全部清理 分析 script.js 之前这个 script.js 中把...: 14px 搞定,属性位置在 article.styl 中 banner 目前的图片是一个长方形图片,背景黑色,右边有一个海贼王动漫人物——佩罗娜(幽灵公主) 因为图片不够长,设置的 background-size...整体会以功能实现为主,主要是做一些技术上的实验和探索,项目还是会以开源项目的形式,如果有兴趣欢迎你的加入 欢迎讨论交流,技术探索和文章整理不易,如果喜欢可以点赞支持一下 ^_^ 掘金社区:草帽lufei

    43410

    安装KDE Plasma后,你要做的七件事

    你可能发现,第一批Activities是一堆相关的窗口组件,比如一个用于硬件显示器,另一个用于新闻和一般的信息源。 3.你在每个桌面上将显示什么图标?...Plasma中一个明显的假设是,你会把图标放在桌面上。或者,至少Plasma为你提供了许多选项,可以选择每个桌面显示哪些图标。 针对主桌面,你可能想要显示使用的所有图标。...另外,可以创建类似/Directory的文件夹,并为每个Activity添加你所需要的图标,并设置每个Activity显示不同的文件夹,或者创建一个文件夹图标窗口组件,飘浮在桌面上面。...这么说并不夸张――我在使用KDE Plasma作为主桌面八年后,六个月前发现Account Details居然还有一个用来缩短URL的选项。...对一些人来说,选项实在太多了,但是如果你每次捣鼓几个选项,就会发现为何KDE Plasma是喜欢按自己的方式来工作的那些人首选的桌面环境。

    2.6K00

    Iconfont 还是不能上传,如何维护你的 Icon?

    使用 iconfont 有很多优势,比如只需要加载一次,全部图标都可以设置字号大小,颜色、透明度等,可以随意变换字体的形态,并且图标是矢量的,不会随着字体大小的变化失真,得益于 iconfont.cn...现在做的事情 我所在公司目前正在建设低代码平台,这个低代码平台可以说是无代码,需要从原先的各个应用中抽取部分页面和组件成为低代码组件,这样低代码平台就可以通过拖拽组件,形成一个有个性化的业务场景。...svg 可以支持动画 目前流行的组件库已经都使用了 svg 代理字体图标,比如 ant-design、Material-UI 等 将引用的 iconfont 转变为本地 svg 我们可以手动一个一个从...打开 svg 会看到如下代码 一个 glyph 元素定义了 SVG 字体中的一个独立的字形,所以我们可以通过一个 node 脚本将这里面的独立字形转变 svg 直接上代码 const cheerio...svgr 官网可以的 palayround 可以实时预览转换后的代码 我们只需要启动应用程序,Webpack 就会自动完成转换任务,再不需要再担心 SVG 了。

    1.9K30

    超硬核 Web 前端学霸笔记,学完就去找工作!

    实时服务器 - 启动具有实时重新加载功能的开发本地服务器,用于静态和动态页面。 Visual Studio IntelliCode - 此扩展程序会将最相关的完成建议移到顶部。...freepik - 免费的图形资源。 DrawKit - 手绘矢量插图和图标资源,非常适合您的下一个项目。 图标 Font Awesome - 矢量图标和社交徽标。...Ionicons - 开源且由 MIT 许可的图标包。 icons8 - 以 PNG 和 SVG 下载免费图标。 flaticon - SVG,PSD,PNG,EPS 格式或图标字体的免费矢量图标。...实战案例 用键盘 8 个键演奏一首蒲公英的约定送给自己或月亮代表我的心送给她 基于 Vue3.0 Composition Api 快速构建实战项目 大型前端项目要怎么跟踪用户行为和分析函数调用链追踪方案...NodeJS 实现《你画我猜》小游戏 使用 PHP 的 CodeIgnitier 框架编写新闻客户端 极大提高国人开发效率超实用的 VSCode 插件 我如何用前端技术得到 XXOO 网站的 VIP 我如何用最简单的前端技术揭示那些灰色产业背后的原理

    2.4K20

    Custom Beautify

    字体样式API实际上可以拆解成如下类型: 首先需要下载心仪的字体。此处推荐一个免费的字体库网站,支持在线转换预览和免费字体包下载。 这里我选择的一款叫做甜甜圈海报字体。根据页面按钮找到字体下载。...得到相应的字体文件。为了方便起见,我将其重命名为Candy.ttf。 将下载好的字体包放到本地文件夹下,这里推荐新建一个fonts文件夹。...当然,在控制台添加的样式是暂时的,我们在预览觉得满意后,就可以把font-family写进来custom.css了 关于font-display属性,这是一个新的CSS属性,可以让自定义字体的显示更加顺滑...collapse 当在表格元素中使用时,此值可删除一行或一列,但是它不会影响表格的布局。被行或列占据的空间会留给其他内容使用。如果此值被用在其他的元素上,会呈现为hidden。...(目前还不支持.ani后缀的动态鼠标指针图标)。可以从一些美化网站找到鼠标指针图标。例如店长就是在一个Windows美化网站上找的。

    3.5K20

    三角符号凸显数据的盈亏趋势

    还记得前面的曾经讲过的单元格格式、条件格式吗? 我们可以通过单元格格式通过区分数值颜色、单元格填充颜色以及使用图表集功能来凸显涨跌增长趋势。 字体颜色(单元格格式/条件格式) ?...图标集 ? ? ? ? ? 相对于以上三种方式而言,图表集所展现出来的数据趋势最明显,看起来也最舒服。 但是不知道微软的工程师是怎么想的,非得把图表集里的图表做的辣么夸张,越用心越丑陋。...其实我就是想利用上下接头表示涨跌趋势而已,没有必要整那么炫酷的图标,用最为普通的上下方向小三角就够了!可以图表集的内置图标中并没有提供这个简约的上下方向小三角形。...在你的excel开发工具中点开VBA编辑器 ? 然后在当前工作薄的工作表中插入一个模块。 在新插入的模块中黏贴入以上代码。 ?...此时你会发现现有宏列表中有一个叫arrow_percent的选项,选择添加,并命名。 ? 然后再回到excel主界面,你会发现你的快捷菜单上多了一个可选命令(我的用▲命名的) ?

    3.2K70

    不美翻怎么开发!Ubuntu 16.04 LTS深度美化!(2017年度定稿版)

    文泉驿微米黑字体展示 ---- 运用和设置 安装unity-tweak-tool 相信很多人都已经看出来了, 我肯定是要借助unity-tweak-tool来进行设置的 先把刚才装的主题 图标 指针...终端主题配置文件 我标记出来的就是主题名称, 对应之前看到的主题名称, 然后我来几张不同主题的效果图: ? bira主题 ? ys主题 ? 半条命主题:信仰不解释 ?...agnoster 需要再手动下载一个字体, 下载完成了之后解压, 进入文件夹下, 运行命令: ./install.sh 然后配置一下终端字体: ?...配置终端字体 之后就可以美美地运行啦~ 当然, 主题还有很多很多, 大家就按照自己的喜好来吧. ---- 实用工具 工具推荐一: 系统负载指示器 可以实时看看cpu, 看看内存等, 实用得一塌糊涂..., 会位于右上角的状态栏中, 可实时预览cpu或者内存等的负载 终端安装命令: sudo apt-get install -y indicator-multiload ?

    2.4K50

    移动端web开发笔记

    这是一个最好的时代,因为我们站在潮流中;但也是一个最坏的时代,因为我们站在潮头上。...图标 指定web app添加到主屏后的图标路径,有两种略微不同的方式: 图标尺寸: 可通过指定size属性来为不同的设备提供不同的图标(但通常来说,我们只需提供一个114 x 114 pixels大小的图标即可 ) 官方说明如下 Create different sizes...比如你在手机上用浏览器打开一个PC上的网页,你可能在看到页面内容虽然可以撑满整个屏幕,但是字体、图片都很小看不清,此时可以快速双击屏幕上的某一部分,你就能看清该部分放大后的内容,再次双击后能回到原始状态...的字体,使用样式的写法为20px .css{font-size:20px} 6、ios系统中元素被触摸时产生的半透明灰色遮罩怎么去掉 ios用户点击一个链接,会出现一个半透明灰色遮罩, 如果想要禁用,可设置

    4.9K20

    我用STM32MP1做了个疫情监控平台4—功能完善界面重新设计

    FontAwesome字体图标库的使用 自定义标题栏按钮,可点击图标关闭窗口,手动更新等 4.API 接口说明 所使用到的几个接口地址: 根据请求的IP地址,返回定位的城市名称和经纬度 http://...lang=zh-CN 国内实时疫情数据,新增/确诊/疑似/零病例城市等 http://view.inews.qq.com/g2/getOnsInfo?...page=0 5.多个接口数据的获取和解析 和上一个版本最大的区别就是,上一版只使用了1个API。...FontAwesome字体图标库的使用 在这次新版本中,我首次使用了FontAwesome字体图标库,图标显示效果: ? 使用起来非常方便,简单。...首先把图标库里的ttf字体文件添加到Qt工程里,通过以下代码实现图标显示。

    1.2K20

    企业如何借助Visual ALM实现精细化项目管理与高效协同 | 实战指南

    ,形成一个完整的闭环。...、迭代管理进度跟踪与监控实时反馈,透明可控,让管理者"运筹帷幄"报表分析、燃尽图、质量指标知识沉淀与复用组织赋能,持续迭代,变个体经验为团队资产文档管理、测试用例库、最佳实践1.项目计划与目标管理:从"...关键成果(KR2):新功能用户覆盖率在上线后一个月内达到30%。...3.进度跟踪与监控:从"被动汇报"到"主动洞察"理论深化:VisualALM为项目建立"数据驾驶舱",通过丰富的报表和实时指标可视化,实现主动风险管理。...图标:️(分别代表:快速交付、业绩增长、智慧洞察、稳健安全)立即体验VisualALM一体化应用生命周期管理平台,为您的企业打造高效协同的数字引擎。

    22520

    10个最佳的网站和App开发工具

    1.PowerMockup 这是一个线框和可用于PowerPoint的实物模型工具包,集成了超过800个用户界面元素。它就像一家广阔的图标美术馆,并且图标专门开发自PowerPoint形状。...官方网站:http://www.powermockup.com/ 2.actiTIME 这是一个时间跟踪软件,可用一种友好和方便的方式来跟踪时间,看上去和流行的timesheet一样。...官方网站:http://www.wufoo.com/ 4.BeTheme BeTheme是一个最终的解决方案,用来得到一个跨浏览器兼容的可使用小部件和高分辨率的网站。...吸睛的标题,渐变的图标,精良的谷歌字体,新形式的风格,出色的页面选择,主题提供了的东西甚至超过了用户的期望。...用户可以使用这个平台来申请病假,并且管理人员可以使用实时界面拒绝或批准假期。使用这个基于移动的平台,无论是雇员还是管理人员都能变得活跃和即时。 ?

    2.8K10

    zblog博客怎么给导航加图标图文教程

    最近一直在忙新主题模板的制作,因为刚刚做了一个洗发水的微商代理,效果很不错,所以打算制作一个小网站,推广优化一下,所以没怎么更新博客文章,有朋友反应想给导航加上图标,类似我现在这样,我的主题教程有简单的说明...哦对了,还有一件事,我的博客访问量突破1000000了,恩是的,百万访问量,对于老司机来说也许很容易,但是对于我来说很不易啊,毕竟我不是专门写博客的,当时建立博客的初衷就是为了记录下自己日常,后来慢慢的加入了...zblog开发者,就需要实时更新一些主题或者一些教程,来回报支持我的老客户。...首先,博客启用的是奥森图标,不是图片,其实我也不知道这是什么插件,总之比图片好用就是了,我的博客都已经集成奥森图标的插件了,只需要到导航栏添加图标代码即可,登录网站后台,找到模块管理,导航栏,然后找到“...PS:windows服务器可能需要添加“MIME类型”否则奥森图标的字体代码不能显示,具体怎么设置可以参考另外一篇博客:解决网站部署svg/woff/woff2字体404错误的方法 我又回来了,我知道你又有问题了

    1.7K31

    ChatGPT和Gemini导出pdf文件太大怎么办

    结果就是:你以为导出的是文本,实际上导出的是一个完整网页的“静态渲染副本”。2.字体是PDF体积暴涨的第一杀手尤其是中文内容。...浏览器为了保证PDF在任何设备打开都能显示正确,会:把用到的字体字形全部嵌入PDF一个中文字体子集,往往就几MB。...3.代码块与背景样式代码块的灰色背景、阴影、边框,在PDF里不是“样式”,而是:被当作矢量图形甚至位图处理大量重复出现时,体积呈指数增长。...4.图片与SVG图标聊天界面里有很多你没注意到的资源:头像小图标SVG元素UI装饰这些都会被嵌入。二、为什么“内容越技术,PDF越大”?...UI结构背景图标多余DOM层级只保留:标题段落列表代码块表格这一步,文件体积已经能下降80%。

    14910

    15 个有意思的 JavaScript 和 CSS 库推荐! 你用过几个?

    Carbon允许你创建并分享代码组成的美丽图像。你所需要做的就是将你的代码粘贴到编辑器中,或直接自己编写代码。你可以通过更改字体样式、编辑器主题、语法高亮和甚至窗口按钮来自定义图像的外观。...它提供了渲染后HTML的实时预览,即时语法错误检查以及markdown和预览模式之间的同步滚动。该编辑器还支持强大的扩展,如颜色选择器、图表代码块、UML代码块等。 Micron.js ?...该框架提供了两个用于处理框架的强大工具 — 一个名为Rekit Studio的全功能IDE,以及一个用于在终端上工作的扩展命令行界面。 Nerd字体 ? 这是一个流行字体和图标的集合。...它包含39个补充字体系列,以及来自诸如Font Awesome、Devicons、Octicons等流行图标集的1300多个图形和图标。所有字体在Linux、macOS和Windows上兼容。...Kutt是一个免费的可以用来缩短你的URL、管理链接和设置自定义域的开源库。它有一个易于使用的API,并允许你创建和删除URL,以及使用详细统计信息跟踪它们。

    2.6K00

    小程序实践:基础内容icon,关于图标的5个实现方案等

    如果我们给图标所在的容器一个背景色,那么对勾呈现的就是背景的颜色: ?...当浏览器渲染一个汉字(英文字符也是一样)的时候,首先看font-family样式,确定字体名,由字体名确定使用电脑里的哪个字体文件;接着以汉字的unicode在字体文件里查找对应的字符信息。...由于矢量字体是绘制出来的,所以它可以实时填充任意颜色,可以无极缩放而没有锯齿。 回到我们的矢量字体图标方案上来。既然字符可以在字体文件里定义,图标为什么不可以呢?...我们可以定义任何一个矢量图形,与一个unicode对应,哪怕这个unicode在其它字体中已被使用也没有关系。只要使用的是这个字体,这个文件,渲染出来就是我们提交的矢量图形效果。...E)最后,还有一个方案,就是使用svg。svg是一种矢量格式,内容和矢量字体描述字符的信息类似,可以让图标随意缩放,没有锯齿。

    2.9K00
    领券