我正在尝试使用一个很棒的字体图标作为按钮 - 腾讯云开发者社区 - 腾讯云

开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

分享我用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、这个小程序会始终在你的桌面上，...你点显示桌面，它还是在你的桌面上 ?

1.8K7 0

每个Web开发者都应该知道的8个免费工具

我相当肯定我曾经见过一只霸王龙使用这个应用程序。Bluefish编辑器是什么？简单来说，它是一个功能齐全的HTML编辑器，适用于Linux、macOS和Windows。...Trello 这似乎是一个奇怪的补充，但是如果你正在从事一个大型项目，你将需要有管理该项目的方法，而使用免费的Trello帐户是最好的方法。...我已经使用Trello多年了（用于多个项目），没有任何东西能够让我更好地保持组织有序。我使用Trello中的看板功能，自从开始使用它以来，甚至都没有费心去尝试竞争对手的产品。...CSS Peeper 可让您深入了解网页，例如行高、字体、按钮大小等等。您甚至可以检查对象、颜色或资源中隐藏的 CSS 样式。访问页面后，单击 CSS Peeper 图标，然后单击页面的元素或部分。...您将看到有关该元素的信息列表，例如对象属性、字体和颜色。如果您想了解其他网站如何使用字体、颜色和图像，这是一个很棒的工具。

1101 0

您找到你想要的搜索结果了吗？

是的

没有找到

移动体验设计6大禁

iOS版也有一个纯文本样式的按钮，但它与安卓的全大写字母不同，并且字体更纤细。 ?...安卓的Material design（左）vs. ios（右），图片来源：tutsplus 字体也需要遵循每个平台的标准：安卓使用Roboto字体，iOS使用San Francisco字体系列。...根据不同字体便可以判断你所使用的是安卓的应用还是ios的应用如果你想自定义应用中的界面元素，请仔细根据你的品牌来设计，而不是把另一个不同平台的规范作为依据。...如果应用程序缺少某些功能和内容，尝试使用一些嵌入应用的浏览器；但是不要调出手机的浏览器，这样会导致用户失去方向并无法返回原先的应用程序。这会提高用户抛弃应用的概率从而转化率会降低。 ?...这是一个询问用户反馈的极好时机，因为此时他们刚刚清空了待办事项列表，准备退出应用程序。” ? 请求用户反馈并没有错，但是请记住你要给用户提供一个很棒的体验。

2.2K13 0

AI绘画程序Midjourney强势来袭！你准备好了吗？

该图上的三个按钮分别是：Make Variations ：跟V的功能一样，就是在此基础上变形。Beta/Light Upscale Redo: 使用其他模型重置图像。...看AI如何生成APP图标APP图标是一个简单但非常强大的元素，因为它传达了APP的理念，并为用户创造了第一印象。...在用户开始使用产品之前，图标是他们看到的第一个东西，它的工艺水平直接影响用户如何看待产品。...Midjourney生成的图标风格很棒，但它可能不适用于实际项目，因为许多设计师更喜欢使用极简主义的图标。我们稍微调整一下prompt再试一次。...第二次尝试我们可以这样输入prompt: /imagine burger on a transparent background, high quality, high resolutionAI生成的第一张图看起来很棒

9883 0

提高 JavaScript 开发效率的高级 VSCode 扩展之二！

从集成的工具到文本编辑器，你的编辑器看起来几乎是平的和无缝的。想象一个史诗般的主题加上史诗般的图标。 Material Theme Icons 是替换默认 VSCode 图标的绝佳选择。...你可以尝试 Fira Code，它非常棒而且是开源的。以下是引入 Fira Code 后在 VSCode 辊更改该字体的方法。...自定义标题栏这是一个很棒的视觉调整，改变了不同项目的标题栏颜色，以便轻松识别它们。...想象一下，你通过 git clone 克隆一个远程库，你想要替换你正在使用的当前 VS Code实例。通过命令 code ....你的点赞是我持续分享好东西的动力，欢迎点赞！一个笨笨的码农，我的世界只能终身学习！

1.8K3 0

分享八个免费的Vue图标库，轻松修饰你的应用

图标，是能够吸引访问者注意力并提供更好的感官的好方法。随着Vue的兴起，更多的Vue库正在兴起，以下就为大家推荐几个Vue的图标库。 1....Vue Material Design Github地址: https://github.com/robcresswell/vue-material-design-icons 这是一个很棒的库，它可以帮助你在...它的每个图标作为单个文件组件，所以可以准确导入每个Vue项目所需的图标。而且，该库使用的是SVG图标，所以可以轻松更改来自定义自己喜欢的图标 ?...6. iView 这个我觉得就算我不介绍也有很多人知道，这个库在平时的开发中经常遇到，而且它也内置了许多组件和图标，同时也对不同的字体，图标大小，元素大小有良好的支持官网：https://www.iviewui.com...Icomoon Icomoon是超级流行的图标库，谷歌和苹果等一些主要公司都在使用它。它提供了大量的SVG图标和图标字体，同时也有很多高级的付费选项，可以将其混合搭配以找到理想的图标。

8K2 1

101种让你的网站更棒的方法

在AwesomeWeb，我观察了一千多个世界各地最棒的自由职业者，我并没有看到过某个网站满足清单上的每一项。作为一个企业的所有者，通过这个清单你就掌控之后的事情了。...作为一个自由职业者，你可以参考这个清单来做的更棒，然后回去和之前的顾客说：“我回顾了下我们之前做的，然后发现我们可以调整这、这和这，你只需要支付500、1000、5000就可以看到很棒的效果了……” 总的来说呢...安装一款定制图标字体，例如 Font Awesome。用它代替图片来做一些社交媒体、导航按钮和交互图形的图标。图标字体加载更快，随意缩放，并且可以自由的更改颜色。...完美的用户体验添加微交互给按钮或其他区域。比如一个“上传”按钮被点击之后可以变成“正在上传”或者“处理中”。 No scroll jacking!...况且，这个一个给新成员的很棒的礼物。使用定制图表相对于使用博客可以更加直观的来展示数据和一些其他内容来获取更多的流量。

1.3K4 0

期待！Fedora 36 发布日期和新功能

[202203011033141.png] 现在可以尝试通过每晚构建（链接在本文底部）来使用 Fedora 36，但是距离 beta 版本还有几周的时间，您应该等待它。...在这里，我将重点介绍使用 Fedora 36 的这些细节（如果您没有赶上 GNOME 42）。 2....屏幕截图用户界面和原生屏幕录制 GNOME 42 引入的新屏幕截图用户界面是一个很棒的补充，此外，只需一个开关，您就可以开始录制您的屏幕！...切换到 Noto 字体作为各种语言的默认字体，以确保文本呈现的一致性。将来自动升级时排除推荐软件包的行为（考虑到您没有安装它们）。 GNU 工具链更新到 gcc 12 和 glibc 2.35。...当它发布时，我期待在 Fedora 36 工作站上尝试使用 NVIDIA 专有驱动程序的 Wayland 会话。你对这个版本有什么期待？请在下面的评论中告诉我。

8831 0

最新iOS设计规范七｜10大视觉规范（Visual Design）

将控件放在屏幕的顶部和底部时，请使用匹配的插图，并在“Home”指示器周围留出足够的空间，以便人们在尝试与控件进行交互时不会意外地将其作为目标。...例如：在整个界面上下文中贯穿APP图标的颜色，就是一个很好的方法。不要让品牌妨碍出色的应用设计。最重要的是，让你的APP看起来像一个iOS应用程序。确保它直观、易于导航、易于使用，并专注于内容。...当你使用动态颜色对其进行着色或添加活力时，符号在两种外观模式下看起来都很棒。必要时为明暗外观设计单独的标志符号。在浅色模式下使用线性图标或符号，在深色模式下可能则需要更实心的填充图标或符号。...使用资产目录将你的资产组合成一个单独命名的图像。文字颜色鲜艳度可以帮助在深色背景上保持文本的良好对比度。使用系统提供的标签颜色作为标签。...在标记按钮和其他交互元素时，请使用动作谓词，如连接、发送和添加。避免使用听起来有点屈尊的语言。避免我们、我们的、我和我的（例如“我们的教程”和“我的训练”）。它们有时会被理解为侮辱或屈尊的词。

8.1K3 0

计算机科学里最大的难题：居中显示

在上面的例子中，所有图标的字体大小和行高都做了同样的设置。如你所见，它们的大小、边距都不一样，没有哪一个真正地对齐了。尽管有很多缺点，并且几乎没有任何好处，各家公司还是争先恐后地到处添加图标字体。...苹果公司是如此执着于图标字体，以至于他们甚至毁了 QuickTime 录制按钮：看看吧：是的，直到今天还是这个样子。计算器也一样。但远不止这些，请看下面这些例子。...我们能做些什么：图标字体不要再使用字体图标。使用普通的图片格式。为了帮你做出决策，我画了下面这张图：看看苹果公司怎么费力地将复选标记放入矩形内，以及将矩形放到文本标签旁：然而他们还是失败了！...没有什么比对齐两个矩形更容易的了。没有什么比尝试对齐被任意数量空白包围的文本更困难的了。这是一场我们赢不了的游戏。我们能做些什么：视觉补偿作为开发人员，我们只能通过数学的方法实现矩形的完美对齐。...我相信，只要我们齐心协力，就能找到把一个矩形套在另一个矩形里而又不会把它弄乱的方法。就我个人而言，我希望生活在一个 UI 美丽而平衡的世界里。我相信你也是。最终，一切都是值得的。

1151 0

计算机科学里最大的难题：居中显示

在上面的例子中，所有图标的字体大小和行高都做了同样的设置。如你所见，它们的大小、边距都不一样，没有哪一个真正地对齐了。尽管有很多缺点，并且几乎没有任何好处，各家公司还是争先恐后地到处添加图标字体。...苹果公司是如此执着于图标字体，以至于他们甚至毁了 QuickTime 录制按钮：看看吧：是的，直到今天还是这个样子。计算器也一样。但远不止这些，请看下面这些例子。...我们能做些什么：图标字体不要再使用字体图标。使用普通的图片格式。为了帮你做出决策，我画了下面这张图：看看苹果公司怎么费力地将复选标记放入矩形内，以及将矩形放到文本标签旁：然而他们还是失败了！...我们能做些什么：视觉补偿作为开发人员，我们只能通过数学的方法实现矩形的完美对齐。...我相信，只要我们齐心协力，就能找到把一个矩形套在另一个矩形里而又不会把它弄乱的方法。就我个人而言，我希望生活在一个 UI 美丽而平衡的世界里。我相信你也是。最终，一切都是值得的。

951 0

苹果正在怎样毁掉设计之名

屏幕上的文字真的是文字，还是伪装为文本的重要按钮呢？这样一来，用户必须经常尝试触摸屏幕上的所有元素，仅为找出真正可触摸的元素。 ? 另一个问题是，在执行了意料之外的操作后，无法执行恢复操作。...好的设计应当具有吸引力，令人愉快，并且用着很棒。但用起来好，代表着这个设备需要具备可理解性与容错性，它必须遵从基本的心理学原则，使用户感觉能够理解它、控制它，并且感到愉悦。...再或者，只有单独的控制按钮也会造成使用的方式模糊，因此一个按钮（或者触摸屏）在点击单次、两次、三次时，或者用单个、两个、三个指头触摸时，再或者向上向下、向左向右滑动时，都会调用不同的操作。...但即便在指南尝试加强理解的地方，他们还在尝试尽可能少的使用信息符号（这些东西被Norman称为“标记”。...原来苹果使用文字来说明，但是字体小的要命，而且与图标分离。我们花了5分钟来查看如何解锁，结果发现了说明文字——为什么要花5分钟时间才能了解这样一个频繁操作该如何执行？

8219 0

创建华丽 UI 的 7条规则第二部分 (2019年更新)

删除线 -- 90年代的CSS用法了根据我的个人经验，当我发现一个我似乎无法找到合适的文本样式时，并不是因为我忘了尝试使用边距或更暗的颜色 - 而是因为最好的解决办法是同时设置几组“相矛盾的（competing...我建议大家现在就去下载它们，然后使用它们来对你的项目进行可视化设计。 ? 以下推荐字体跟级别没有关系： 1. Work Sans 有时候正在设计一些需要现代，干净字体的东西，但是还要有一点乐趣。...作者还没有把它打包成图标字体，但是有人在 Github 上放了一个字体版本，可以很好地跟踪原始设置（如果你只使用了套装中的10或20个图标，没有必要加载整个包）。...像艺术家一样借鉴我第一次尝试设计一些应用程序元素 - 按钮，表，图表，弹出窗口 - 这是我第一次意识到我对如何让这些元素好看而知之甚少。但幸运的是，我还没有发明任何新的 UI 元素。...Pttrns 的好处是整个网站都是由用户体验模式来组织的。这使得快速研究目前正在使用的任何界面，无论是登录页面、用户配置文件、搜索结果等等，都非常方便。 ?

1.1K3 0

28 个提升开发幸福度的 VsCode 插件

REST Client 作为 web 开发人员，我们经常需要使用 REST api。为了检查url和检查响应，使用了 Postman 之类的工具。...从集成的工具到文本编辑器，你的编辑器看起来几乎是平的和无缝的。想象一个史诗般的主题加上史诗般的图标。 Material Theme Icons 是替换默认 VSCode 图标的绝佳选择。...这里是支持连字的6种最佳字体 (根据www.slant.co) image.png 你可以尝试 Fira Code，它非常棒而且是开源的。...自定义标题栏这是一个很棒的视觉调整，改变了不同项目的标题栏颜色，以便轻松识别它们。...image.png 想象一下，你通过 git clone 克隆一个远程库，你想要替换你正在使用的当前 VS Code实例。通过命令 code .

9.7K3 0

B端产品设计规范

开篇说：上一篇，我写过一篇综合类的设计规范和适配。这一次我想重点写一下：网页PC端产品设计规范和组的设计拆解，对项目的设计效率提升，有一定价值和意义。...所有字体样式颜色组合需要尽量通过 3:1 的 WCAG AA 标准。图标的思考：如下图所示。图标现在是制作完成后，上传到阿里巴巴的字体图标库中。前端调用起来更方便，调整图标的大小和颜色就好。...图标尺寸的思考：在制作图标时，尺寸以偶数尺寸为准。为保证图标的显示效果，最小尺寸为 16px。为保证 Web 页面的整体效果，图标的最大使用以不超过 48px 为准。...按钮按钮是交互设计中必备的元素，它在用户和系统的交互中承担着非常重要的作用。后台中常见的按钮类型分为线性按钮、文字按钮、图标按钮等。如下图所示。表单常见表单是由多个列表项构成的。...作为一个设计团队，需要的也是设计师之间的配合去完成一个个优质的项目。

4.4K4 6

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

前言本篇尝试对ubuntu 16.04 LTS进行美化和优化, 基本上就是本人长期使用的经验分享, 如有不足, 欢迎指正交流!...文泉驿微米黑字体展示 ---- 运用和设置安装unity-tweak-tool 相信很多人都已经看出来了, 我肯定是要借助unity-tweak-tool来进行设置的先把刚才装的主题图标指针...桌面一览 ---- 之前maple1eaf老兄在评论区提到了终端的主题美化, 所以在尝试了诸多主题之后选出几个我觉得不错的, 分享给大家....agnoster 需要再手动下载一个字体, 下载完成了之后解压, 进入文件夹下, 运行命令: ./install.sh 然后配置一下终端字体: ?...cairo-dock ---- 工具推荐四: docky 也许你觉得之前的cairo-dock配置起来太复杂了, 这里还有一个简洁的, 也很棒.

2.2K5 0

2015年网页设计的9大趋势

而且随着网速的不断提升，几秒内加载一个百K的高清背景对用户来说不是什么问题。 ? （2）首页视频背景使用视频作为首页的背景在视觉上更加具有冲击力，好的视频宣传片更是为网站如虎添翼。...相对于视频背景而言，使用新的网络语言制作的背景在加载速度、成像质量等方面都优于视频背景，而且特效背景也具有很棒的视觉体验。 FiberSensing ?...点击页面中的按钮，新的内容将会将原来的页面向左推动，关闭后恢复原来的位置，就好比左侧的页面是一个时间轴，而你则挨个浏览轴上的内容，用户体验很赞。...九、中文网站中矢量字体的使用逐渐上升我们经常在国外的网站上看到网站内使用一套字体作为自己的网站字体，即使用户本地没有这个字体，网站也会很轻易加载到字体并在浏览器中运用。...但是随着中文在线字库的崛起以及在线制作矢量图标字体工具的发展，包括字蛛计划，我们可以使用矢量素材作为我们的字体了，而不仅限于矢量图标。 GOGORO ?

2K9 0

网页设计图优化125个小优化！网页可用性

s1.过滤或跳转到用户正在搜索的项目 s2.根据经常选择的输入创建智能默认值 s3.在产品列表页面上包含重要数据通常，用户会使用 pogo 棒。他们点击一个项目来查找信息。...s1.使用 3D 特征设计按钮 s2.将虚线纹理添加到拖放元素 s3.使用图标和符号来传达交互的含义您可以使用 PowerPoint 或 Keynote 中的各种形状创建这些图标中的大多数。...s1.使用数学原理构建设计 s2.选择对比字体当一些人选择匹配的字体时，他们会搜索一种看起来与现有字体相似的字体。但这是错误的做法。通常，相似性看起来像是一个错误。相反，要慎重。...1.防止出错的可能性在设计界面时，不要立即关注解决方案。相反，尝试使错误不可能发生（称为poka-yoke）。 s1.当用户单击按钮时删除、禁用或替换按钮不要告诉用户单击“提交”一次。...之后，我通过 (a) 浏览在线指南（例如，GoodUI有一个很棒的列表）和 (b) 研究在可用性方面享有盛誉的当前平台（例如，Mailchimp）来补充我的列表。

9583 0

20 个改善网站设计的简单技巧

06、尝试使用柔和的颜色鲜艳的色彩很棒，但常常导致激进的设计和糟糕的组合。此外，如今柔和的设计非常流行，因此，我们可以多尝试使用柔和的颜色选择器。 ? ?...当你正在使用的两种字体应用于你正在设计的具有百年历史的公司网站的漂亮日期覆盖物中时，可能会很烂。让我们看一个示例，其中，我使用了3种不同的字体。 ?...在现代网页设计中，强调色通常必须与白色配合使用，就像下面示例中的按钮一样，由于其亮度，它的对比度过低，而造成文本可读性偏低。 ?...如果你要设计一个网站，人们会经常使用它，那么，请不要看上那些花哨的美感，而要尝试引入一些有用的组件。让我们看看，我为网站设计和开发的两个示例。 ? 这个网站不漂亮，但是非常有用。...我目前正在设计和开发健身应用程序，在业余时间，我将其转变为坚固的手机！ ? 如果你不想学习Blender，但你又想将你的设计带入3D中，则可以使用Vectary或Threed.io！ ?

9142 0

【CSS】253- 从原型图到成品：步步深入 CSS 布局

听起来很棒吧？那就开始吧。布局小例子在本文中，我们要比照 Twitter 的推文组件自己仿写一个： ? 不论是一个像这样的草图，还是一个细节精美的原型图，“有章可循” 总是个好主意。...这是因为 div 作为块级元素（如果没有空行就引入一个）是看不见的。当你需要一个包裹其他元素的容器，除了 div 之外没有更贴合语义的选择了。...我曾尝试把元素理解为一个个独立个体，就像每个 JavaScript 函数只实现单一功能一样：如果它们都仅仅扮演单一的角色，那么写起代码来就很容易，报错时调试也很容易。...图标按钮还有一项工作要做，那就是用图标替换按钮。...正因为它是字体，那些可以用于文字的 CSS 属性（例如 color 和 font-size）都适用于图标字体。

4.4K5 1

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭