常用icon以及color颜色RGB值和对应颜色效果图

最新推荐文章于 2022-05-31 15:17:34 发布
最新推荐文章于 2022-05-31 15:17:34 发布
阅读量3.9k 收藏
点赞数
分类专栏： android
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Ke1vin/article/details/49931521
版权
http://blog.csdn.net/zhangphil/article/details/48341253
Ke1vin
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
icon-color
12-04
著名品牌icon颜色大全，各种icon颜色任你选择
Android官方设计常用icon以及color颜色RGB值和对应颜色效果图
Zhang Phil
09-10 5183
Android谷歌官方扁平化设计常用icon以及color颜色RGB值和对应颜色效果图。 Android谷歌官方扁平化设计常用icon集合。 Android谷歌官方扁平化设计color颜色RGB值和对应颜色效果图。
icon配色--没有UI的前端er（更新）
yynikki的博客
11-06 280
项目icon配色（自用）
Icon Colors——图标颜色
SmileCoffin的博客
07-04 2357
Example assigning a custom color to an icon. The features in this examples are all using the same image with the different colors coming from the javascript file. Note that icon files need to obey the
小程序引入带颜色的icon
weixin_42786798的博客
04-19 279
第一种引入带颜色的icon 1.下载代码解压 2.font文件夹 —安装 执行 3.复制到小程序引用 （命令） npm i -g iconfont-tools 安装 iconfont-tools 执行 app.wxss 可以全局引入 第二种引入带图标的方式 symbol 小程序根目录执行 npm install mini-program-iconfont-cli --save-dev 3.生成目录npx iconfont-wechat 引用方式 name根据你生成目录 iconfont
微信小程序 wxapp内容组件 icon详细介绍
09-01
- `color` 属性定义图标的颜色，遵循CSS中的颜色表示方式，可以是预定义的颜色名称（如 red、green），也可以是RGB或十六进制颜色值。 ## 2. icon组件的实例应用 以下是一些简单的`<icon>`组件使用实例： ```html...
Qt 设置图片透明色显示的效果
12-07
在这个案例中，我们将深入探讨如何在Qt中设置图片的特定颜色为透明，以及如何在显示时实现这一效果。 首先，我们需要了解Qt中的QPixmap类。QPixmap是Qt图像处理的核心类之一，它可以存储位图（Bitmap）数据，支持...
Java实现给图片添加图片水印，文字水印及马赛克的方法示例
08-28
BufferedImage mosaicImage = new BufferedImage(bufferedImage.getWidth(), bufferedImage.getHeight(), BufferedImage.TYPE_INT_RGB); Graphics2D graphics2D = mosaicImage.createGraphics(); graphics2D....
C#图像特效处理专家
07-16
例如，Bitmap类用于创建和操作位图，Graphics类用于在图像上绘制，Color结构体则表示颜色信息。此外，Image类是所有图像类型（如Bitmap、Icon等）的基类，提供了一些通用的方法和属性。 要实现图像特效，我们需要...
CListCtrl重绘
02-02
本篇将深入探讨如何对CListCtrl进行重绘，以实现自定义的功能，如设置表头图标、单元格底色和文本颜色，以及调整行高。 首先，为了重绘CListCtrl，我们需要覆盖其默认的OnDrawItem和OnDrawHeaderItem方法。这两个...
小程序 icon 换色方案
weixin_44674459的博客
05-31 2615
在平常的网页中，icon 的换色基本上都是通过更改 svg 的样式属性 color 来实现的，例如： 这是一个从设计稿上直接导出的 svg 图标： <svg width="10" height="10" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M1.64134 0.934136C1.54371
vue引入iconfont的优雅实践
brokenkay的博客
06-06 1902
前言 本文撰写的初衷是为了向组内成员推行使用svg sprites的方式管理项目的图标,由于实际工作中很多项目仍然采用font class的方式,这样不自觉带来一个痛点. 当项目一期开发完毕后,过段时间进入到项目二期。新增的开发需求不可避免的会增加新的图标,而font class需要全量打包图标的字体文件. 哪怕新需求只添加了一个图标,而前端同学却要将旧图标和新图标融合后重新打包生成一次字体文件,这样的结果让人无法接受. svg sprites能完美的解决这一问题.整体思路是先将项目中每一个图标都生成一个s
【vue3】 el-icon 设置图标颜色
清凌的博客
07-01 6006
代码： <i class="el-icon-folder-opened" style="background:rgb(246, 189, 49); color: white"></i> 效果： 如果要实现这种的，最好还是乖乖去找png图片吧：
【第1157期】PNG格式小图标的CSS任意颜色赋色技术
前端早读课
01-03 2262
前言这是一个可以让你在不找设计师的情况下随心所欲更换小图标颜色的黑科技！今日早读文章由@张鑫旭授权分享。本文由@仙人掌推荐编辑正文从这里开始～一、眼见为实CSS可以修改图片的颜色，没错，可以，眼见为实！您可以狠狠地点击这里：png小图标CSS赋色demo上面的不是很黑的是原始图标，是个PNG图片，下面这个是可以赋色的：可以变色的图标下面，我们随意选择一个颜色，例如紫色，然后：紫色赋色红色赋色是不是
使用Quasar设计Material和IOS风格的响应式网站
weixin_34217711的博客
02-28 481
GITHUB：使用Quasar设计旅游网站文章链接：使用Quasar设计Material和IOS风格的响应式网站 Quasar Quasar是一款基于Vue.js开发的UI框架，可以让你轻松构建网站简洁明快的界面，更重要的是它还能让你轻松做好RWD（响应式网站设计），除此之外还能帮助你加上PWA，使你的网页变成手机上的App。 以下内容...
ionic2 使用自定义icon
兰色的fire
03-14 2895
ionic2 使用自定义icon,设置tab选中的颜色值
ionic-下拉刷新的视觉友好交互小tips
bingcool
11-14 2809
一个多月没有写博客了，实在是太忙了，因为一直在赶项目，做一个基于swoole的服务器之间的异步通信和文件传输的服务和API,搞得真的辛苦啊，最终搞定了，测试的整个性能还是不错的，整个过程收获很大，有时间在整理一下关于swoole这方面的知识 。 然而下面说的还是关于ionic的移动混合框架的知识 在原生的ionic方法中实现的下拉刷新功能中，基本功能都已经实现了，但是为了实现更好的用户体验，
Logo常用的12种颜色
baishan6476的博客
09-25 1569
Logo常用的12种颜色 1.浅绿 #8cc540 2. 深绿 #009f5d 3. 暗蓝#2456ab 4. 蓝色 #019fde 5. 深蓝 #007cdc 6. 深紫 #887ddd 7. 浅紫 #cd7bdd 8....
qt自绘QToolButton按钮的icon和文字颜色
最新发布
08-06
### 回答1： 在 Qt 中，可以通过调用 QToolButton 的 setIcon() 函数设置图标。如果要改变图标的颜色，可以使用 QPixmap 类的 setMask() 函数将图标转换为黑白图像，再使用 QPixmap 类的 setColor() 函数改变图标的颜色。 要改变 QToolButton 中文本的颜色，可以使用 QPalette 类的 setColor() 函数设置文本的颜色，例如： ``` QPalette palette = toolButton->palette(); palette.setColor(QPalette::ButtonText, Qt::red); toolButton->setPalette(palette); ``` 此外，也可以使用 QToolButton 的 setStyleSheet() 函数设置按钮的样式表，从而改变图标和文本的颜色。例如： ``` toolButton->setStyleSheet("QToolButton { color: red; }"); ``` 这样就可以将 QToolButton 中的图标和文本的颜色都设置为红色了。 ### 回答2： 在Qt中，如果要自绘QToolButton按钮的icon和文字颜色，可以通过重写QToolButton的paintEvent()函数来实现。 首先，我们需要创建一个自定义的QToolButton类，继承自QToolButton。在该自定义类中重写paintEvent()函数。在函数中，我们可以获取当前按钮的icon和文字，然后根据需求自定义绘制它们的颜色。 例如，如果想要将按钮的icon和文字都绘制成红色，可以使用QPainter类的setPen()函数将画笔颜色设置为红色，然后使用drawPixmap()函数绘制icon，使用drawText()函数绘制文字。 下面是一个简单的例子： ```cpp class MyToolButton : public QToolButton { public: MyToolButton(QWidget *parent = nullptr) : QToolButton(parent) {} protected: void paintEvent(QPaintEvent *event) override { QToolButton::paintEvent(event); QPainter painter(this); // 设置画笔颜色为红色 painter.setPen(Qt::red); // 绘制icon painter.drawPixmap(iconRect(), icon().pixmap(iconSize())); // 绘制文字 painter.drawText(textRect(), text()); } }; ``` 在其他地方使用这个自定义的QToolButton类，就可以看到按钮的icon和文字都被绘制成红色了。 这只是一个简单的例子，你可以根据实际需求自定义绘制其他颜色或者添加其他效果。希望能对你有所帮助！ ### 回答3： 在Qt中，可以通过自绘的方式修改QToolButton按钮的icon和文字颜色。首先，我们需要自定义一个继承自QStyle类的新类，用于重写其drawControl方法。 在drawControl方法中，我们可以根据需要对不同的按钮状态进行绘制操作。例如，当按钮处于正常状态时，可以使用QPainter对象进行绘制，根据需求设置icon和文字的颜色，并使用drawItemText方法绘制按钮的文字。 下面是一个简单的示例代码，展示了如何自绘一个QToolButton按钮的icon和文字颜色： ``` class CustomStyle : public QStyle { public: using QStyle::QStyle; virtual void drawControl(ControlElement element, const QStyleOption* option, QPainter* painter, const QWidget* widget = nullptr) const { if (element == CE_PushButton) { const QStyleOptionButton* buttonOption = qstyleoption_cast<const QStyleOptionButton*>(option); if (buttonOption) { if (buttonOption->state & State_Enabled) { painter->save(); // 设置icon和文字的颜色 painter->setPen(QColor(Qt::red)); // 绘制icon QIcon icon = buttonOption->icon; QRect iconRect = buttonOption->rect; icon.paint(painter, iconRect); // 绘制文字 QRect textRect = buttonOption->rect; drawItemText(painter, textRect, Qt::AlignCenter, buttonOption->palette, buttonOption->state & State_Enabled, buttonOption->text); painter->restore(); } } } else { QStyle::drawControl(element, option, painter, widget); } } }; ``` 以上代码创建了一个CustomStyle类，并重写了drawControl方法。在方法中，我们首先判断按钮元素是否为CE_PushButton，如果是，再获取按钮选项的状态，并使用QPainter对象绘制icon和文字，并设置其颜色。最后，调用父类的drawControl方法绘制其余的元素。 在使用自定义样式之前，还需要在应用程序中设置该样式： ``` int main(int argc, char *argv[]) { QApplication app(argc, argv); // 创建自定义样式对象 CustomStyle* customStyle = new CustomStyle; // 设置应用程序的样式为自定义样式 app.setStyle(customStyle); // 创建QToolButton按钮 QToolButton button; // 设置按钮文本 button.setText("Button"); // 显示按钮 button.show(); return app.exec(); } ``` 通过以上步骤，我们可以自绘QToolButton按钮的icon和文字颜色。在CustomStyle类中，你可以根据需要进一步修改绘制的方式，实现不同的效果。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值