Qt 样式表、绘图事件设置渐变色

2023-11-06

先放效果图:这里的窗体颜色、字体、pushbutton背景都是渐变色
在这里插入图片描述

渐变色的颜色可以在:链接 获取 对应网址:https://webgradients.com/

现在来说具体操作步骤:

关于这个窗体的背景颜色,这里是直接重写了绘图事件
在这里插入图片描述
注意这里的枚举值,这个和上面网站里面的颜色名是对应的,Qt已经封装好了
在这里插入图片描述
下面是颜色渐变过程,还有复制CSS样式表,但是这个样式表在qt内并不能直接使用,只能设置如上面对应的枚举或者使用下面的颜色渐变,可以自己选取颜色搭配一下

这里是pushbutton内的样式表:

color:qlineargradient(spread:pad, x1:0, y1:0, x2:0, y2:1, stop:0 #43e97b,stop:1 #38f9d7);
background-color: qlineargradient(spread:pad, x1:0, y1:0, x2:0, y2:1, stop:0 #FFE29F, stop:0.48 #FFA99F, stop: 1 #FF719A);

color:字体颜色
background-color:背景色
qlineargradient:线性渐变
设置渐变方向
x1,x2表示水平方向:x1=0,x2=0(水平方向不变)
y1,y2表示垂直方向:y1=0,y2=1(沿垂直方向渐变)

spread:pad:渐变的模式为 pad,另外的两个模式为 repeat、reflect
stop:0 #FFE29F 就是在坐标为 0 的点设置颜色为 #FFE29F;
stop:0.48 #FFA99F 就是在坐标为 0.48 的位置转变颜色为 #FFA99F
stop: 1 #FF719A 在坐标为 1 的位置转变颜色为 #FF719A

这里颜色值也可以不使用十六进制数,使用rgb:

background-color: qlineargradient(spread:pad, x1:0, y1:0, x2:1, y2:0, stop:0 rgb(255, 255, 255) , stop:0.19 #57c6e1, stop: 0.42  #b49fda, stop:0.45 #b49fda, stop:1 #7ac5d8);

stop: 0 使用的rgb值,当然rgba也可以,最后一位指定透明度
效果:在这里插入图片描述
stop:0 rgba(255, 255, 255, 70) 的效果:
在这里插入图片描述

@转载:https://blog.51cto.com/u_15127604/3992310 内含除线性渐变外其他的渐变示例

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Qt 样式表、绘图事件设置渐变色 的相关文章

  • 如何将图标放置到 QLineEdit 上?

    stackoverflow com 网站的右上角有一个带有放大镜头的搜索字段和一个灰色的 搜索 关键字 我想知道是否有可能实现相同的外观QLineEdit 如果是这样那怎么办 QLineEdit lineEdit new QLineEdit
  • qt项目如何设置安装路径

    我正在寻找与 qmake configure prefix 等效的内容 基本上 我想覆盖默认的安装 部署目录 这是如何用命令行 qmake 指定的 我还使用 QtCreator 构建了很多 gui 项目 并且我想知道如何在 QtCreato
  • MAC 上的 QT/C++ - 未设置应用程序图标

    我正在努力解决的奇怪问题 在与我的 pro QT 项目文件相同的文件夹中 我有一个 Resources myIcon png 我试图将其设置为我构建的应用程序的图标 在 OSX 上运行 我阅读了文档 它建议在 pro 文件中添加 ICON
  • 为什么下面的重叠比较总是评估为 true

    我不明白为什么以下代码有警告 指出重叠比较始终评估为真 接下来的语句永远不会被执行 QVariant MainModel data const QModelIndex index int role const if index isVali
  • QSpinBox 输入 NaN 作为有效值

    我正在尝试扩展 QSpinBox 以能够输入 NaN 或 nan 作为有效值 根据文档 我应该使用 textFromValue valueFromText 和 validate 函数来完成此操作 但我无法让它工作 因为它仍然不允许我输入除数
  • 如何在 C++ 和 QML 应用程序中使用 qrc?

    我在 Windows7 上用 c qnd Qt Creator QML 编写了 Qt Quick Desktop 应用程序 现在 我必须部署它 并且我需要隐藏 qml 文件和图像 意味着 将它们放入资源等中 我读到有一个很好的方法可以使用
  • 有没有办法在没有 QApplication::exec() 的情况下使用 Qt?

    有没有一种安全的方法可以在不调用 QApplication exec 的情况下使用 Qt 我有许多不同的对象正在对多个资源执行长期进程 至少其中一个正在与 Web 应用程序服务器进行通信 我正在制作一个 GUI 应用程序 提示用户在正确的时
  • Qt中如何获取鼠标在屏幕上的位置?

    我想获取屏幕上的鼠标坐标 我怎样才能在 Qt 中做到这一点 在 Windows 上 使用 C 我正在做类似答案中建议的事情对于这个问题 https stackoverflow com q 11737665 1420197 正如文档所述 QC
  • 如何在模型更改时停止ListView“跳跃”

    我需要做什么 我需要创建一个聊天窗口用一个ListView在 QML 中存储聊天消息 我设置listView positionViewAtEnd 以便跟踪最后的消息 我禁用positionViewAtEnd当我向上滚动时 我可以阅读过去的消
  • 错误 LNK2001:无法解析的外部符号 __CxxFrameHandler3

    我正在将 Qt 从 VS 2013 迁移到 Qt 5 10 1 到 VS 2015 出现以下多个链接错误 error LNK2001 unresolved external symbol CxxFrameHandler3 error LNK
  • 从布局中按名称获取小部件

    如果我想从 python Qt 的布局中获取特定的小部件 我应该如何进行 到目前为止我所做的 for i in range self ui horizontalLayout 14 count here it does fail name s
  • 使用 Visual Studio 2013 构建 Qt 5.2.1 的静态版本

    几天来我一直在尝试使用 Visual Studio 2013 构建 Qt 的静态版本 我就是不明白我做错了什么 System Windows 7 64 位 Visual Studio 2013 仍安装 Visual Studio 2012
  • QCombobox 向下箭头图像

    如何更改Qcombobox向下箭头图像 现在我正在使用这个 QSS 代码 但这不起作用 我无法删除向下箭头边框 QComboBox border 0px QComboBox down arrow border 0px background
  • 更改 Qt OpenGL 窗口示例以使用 OpenGL 3.3

    我正在尝试更改 Qt OpenGL 示例以使用更现代的 opengl 版本 330 似乎合适 所以我做了 在 main cpp 上设置版本和配置文件 设置着色器版本 更改着色器以使用统一 它现在构建没有任何错误 但我只看到一个空白窗口 我错
  • 如何在 QTabWidget Qt 中展开选项卡

    我有一个QTabWidget像这个 但我想展开选项卡以 填充 整个小部件宽度 如下所示 我怎样才能做到这一点 我在用Qt 5 3 2 and Qt 创建者 3 2 1 Update 我尝试使用setExpanding功能 ui gt myT
  • 退出 Qt 程序的正确方法?

    我应该如何退出 Qt 程序 例如在加载数据文件时 发现文件损坏 并且用户需要退出该应用程序或重新启动数据文件 我是不是该 call exit EXIT FAILURE call QApplication quit call QCoreApp
  • QTimer 一点也不准确?

    运行在 Windows7 64 位机器上 具有非常强大的 CPU 8 核 16 线程 我使用 QTimer 以 50Hz 触发函数调用 但我最终得到了 30Hz 函数调用本身肯定需要不到 10 毫秒才能完成 整个过程发生在一个单独的线程中
  • 将 gnuplot 嵌入现有 QtWidget 中

    我正在用 C 创建一个 伪 实时绘图应用程序 使用 gnuplot 作为绘图后端 我的要求之一是绘图必须位于现有窗口内 而不是有一个单独的绘图窗口 gnuplot 默认为 Gnuplot 有一个选项可以指定 Qt 小部件 ID 这似乎适合我
  • 同时从多个流中捕获、最佳方法以及如何减少 CPU 使用率

    我目前正在编写一个应用程序 该应用程序将捕获大量 RTSP 流 在我的例子中为 12 个 并将其显示在 QT 小部件上 当我超过大约 6 7 个流时 问题就会出现 CPU 使用率激增并且出现明显的卡顿 我认为它不是 QT 绘制函数的原因是因
  • QML 连接:不推荐使用连接中隐式定义的 onFoo 属性

    升级到 Qt 5 15 时收到以下错误消息 QML Connections Implicitly defined onFoo properties in Connections are deprecated Use this syntax

随机推荐

  • java——内部类和异常处理

    文章目录 内部类 成员内部类 局部内部类 匿名内部类 静态内部类 异常处理 异常捕获与处理 多重异常捕获和处理 抛出异常 内部类 Java内部类 Inner Class 是嵌套在其他类中的类 它可以访问外部类的成员变量和方法 同时也可以被外
  • Java 将两个有序数组合成为一个有序数组

    基本思路 1 如果其中一个数组的元素均大于另一个数组的元素 则可以直接组合 不用拆分 即 其中一个数组的第一个元素大于或者小于另一个数组的最后一个元素 2 若不满足1中的情况 则表明数组需要拆分 拆分的方法如下 1 拆分前 默认两个数组以及
  • matlab内置随机数生成器及随机模拟举例

    一 matlab内置的密度函数于随机数生成器 离散均匀分布 离散均匀分布用于描述等概率发生事件的状况 仅限于有限的事件数 matlab提供 1 2 N 上的均匀分布的概率密度函数黑累计分布函数 其相应的命令为 unidpdf X N 给出X
  • Waiting for table metadata lock究极解决办法(绝对管用)

    简单描述一下遇到的问题 根据项目数据入库要求 在之前没有设置唯一约束的表上添加唯一约束 这就涉及到需要修改表结构 在对其他表进行修改的时候 无论是修改字段长度还是删除索引添加唯一约束都没有问题 但是唯独有一张表 无论进行什么表操作全部都会出
  • 响应式函数编程

    http blog csdn net lzyzsd article details 41833541 comments
  • 如何判断dpr的倍数

    1 js中有window devicePixelRatio可直接查看倍率 2 用css技术判断dpr的倍数 响应式设计 媒介查询 通过设置断点来实现响应 max device pixel ratio 最大设备dpr max resoluti
  • react的ref三种使用方式,获取元素内容

    react的ref三种使用方式 获取元素内容 注意 应尽可能少的使用ref 优先使用state 1 字符串 refGetData1 gt alert 获取到的内容 this refs div1 innerText div 点我是ref字符串
  • 运放的虚短与虚断

    虚断 理想情况下 运放的同向反向输入端等效电阻无穷大 而实际情况下 输入电阻Ri也达到兆欧 M 级别 例如OP07 7 31M 因此 输入端电流很小 微安级别 uA 可以将同相输入端与反相输入端的电流近似为0 输入阻抗无穷大 电流近似为零
  • QT 使用qcustomplot 图库 总结

    qcutomplot是一个写好的图标库 下面讲几点注意事项 使用步骤一 导入qcustomplot h cpp文件后 要在 pro 文件中加入 QT printsupport 使用步骤二 添加一个widget 打开ui 在widget右键点
  • java 延迟执行代码(定时作用)

    延时执行 间隔某段时间之后 再去执行某段代码 实现这种结果有两种方式 1 使用Sleep方法 就是去新建一个线程 然后里边放一个Thread sleep 方法 这也是比较通俗的做法 new Thread public void run tr
  • 手把手教你配置CUDA, cuDNN-十分钟配置本地CUDA, cuDNN

    前文书说到 类似tensorflow和pytorch这种框架有一个很大的优点就是提供了对GPU的支持 那么 如果我们的电脑上正好有一块十分强劲的显卡 就请跟着下面的教程配置本地的CUDA cuDNN环境 这样就可以让我们使用GPU版本的te
  • NFS高可用方案:NFS+keepalived+Sersync

    1 背景 因为某系统需要部署生产 但是云平台的nas存储资源不足需要重新采购 采购周期较长 需要有一个临时的解决方案 这样时候就需要采用nfs服务来提供网络存储服务了 在部署nfs服务的时候需要考虑生产环境需要有一定的高可用性 经过考虑之后
  • el-date-picker组件设定指定时间起一个月的限制(PS:日常笔记)

  • eclipse运行项目时用内置浏览器能打开项目,但是在外置浏览器输入地址无法访问

    解决方案 window gt perferences gt General gt Web Browser gt use external web browser
  • 【管理篇 / 配置】❀ 02. 常用设置 ❀ FortiGate 防火墙

    简介 这个实验提供FortiGate飞塔防火墙命令及图形管理入门 此外 这个实验将指导你怎样正确的备份和恢复一个配置文件 建立一个新的管理员帐号和改变管理员访问权限 工作在命令行界面 你可以使用命令行界面 CLI 访问一台FortiGate
  • 评分卡建模工具scorecardpy全解读

    说到评分卡建模工具 做过评分卡的应该都能想到谢博士的scorecardpy和专为工业界模型开发设计的Python工具包 Toad 两者相比 scorecardpy更加轻量级 且依赖较少 可以满足大多数场景下的评分卡构建 为了使评分卡建模流程
  • MarkDown编辑器字体颜色设置

    文章目录 一 颜色 二 大小 三 字体 四 背景色 五 文章转载 CSDN的markdown编辑器是其衍生版本 扩展了Markdown的功能 如表格 脚注 内嵌HTML等等 就是内嵌HTML 接下来要讲的功能就需要使用内嵌HTML的方法来实
  • 2019你会被裁员吗?

    2018年 我的经历 整个互联网行业都在裁员1 3 我也是亲历者 我想弄清楚为什么 所谓的行业凛冬 具体是什么 是真的来了 或是老板们在忽悠我们 找到原因 我希望反思 2019年可以不会被裁员 现在 我有了答案 和你分享 烧脑准备哈 开始
  • centos7 磁盘刷新容量

    1 添加一块新的硬盘sdb 40G lsblk mkdir test mkfs ext4 dev sdb blkid grep sdb echo blkid grep sdb gt gt etc fstab vim etc fstab UU
  • Qt 样式表、绘图事件设置渐变色

    先放效果图 这里的窗体颜色 字体 pushbutton背景都是渐变色 渐变色的颜色可以在 链接 获取 对应网址 https webgradients com 现在来说具体操作步骤 关于这个窗体的背景颜色 这里是直接重写了绘图事件 注意这里的