QT 通过代码设置渐变背景色

最新推荐文章于 2025-01-06 19:33:35 发布

原创最新推荐文章于 2025-01-06 19:33:35 发布 · 2.4k 阅读

6 ·

CC 4.0 BY-SA版权

文章标签：

#qt5

QT5 专栏收录该内容

7 篇文章

订阅专栏

这篇博客介绍了如何使用QPalette和setStyleSheet为界面设置纯色和渐变背景。通过QPalette可以方便地设定控件的纯色背景，而setStyleSheet则支持更复杂的CSS样式，如线性渐变背景。示例代码展示了从浅蓝到深蓝的垂直渐变背景效果。

设置纯色背景

setPalette(QPalette(QColor(1,1,255)));

设置渐变背景色

setStyleSheet("background-color:qlineargradient(spread:pad, x1:0, y1:0, x2:0, y2:1, stop:0 #8386ec,stop:0.5 #474ac1 ,stop:1 #22259f)");

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

congliu0913

关注关注

3
点赞
踩
6

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

一文搞懂Qt中的颜色渐变(QGradient Class)

razorEdge的博客

07-21

2万+

Qt颜色渐变简介(QGradient Class) 1, 快速开始！ Qt中与颜色渐变有关的类是QGradient 其中它又有三个子类：QLinearGradient、QRadialGradient、QConicalGradient分别对应三种具体的颜色渐变（后面挨个介绍）。所以它们的关系是： Qt中颜色渐变是怎么用的？它作为一种填充(fill)方式使用，比如说之前我们可以用红色、绿色这些纯色填充一个矩形，现在我们可以用一个渐变颜色（更形象的称呼是色带）来填充，从而可以绘制出更有趣的控件！先了解一下

qt设置渐变色

肩上风骋的博客

09-17

1311

概述此文只作为设置渐变色的一种方式： QDialog#ImDialog{ background-color: qlineargradient(x1:0,y1:0,x2:1,y2:1,stop:0 #0e1d2e, stop:1 #141824); } 以上为上下、左右渐变。参考： https://blog.youkuaiyun.com/weixin_34034670/article/details/91826922 https://www.cnblogs.com/ybqjymy/p/13571546.html

参与评论您还未登录，请先登录后发表或查看评论

qt设置渐变背景色

jigetage的专栏

04-08

9132

通过qt方式来设置 QLinearGradient linearGrad(QPointF(0, 0), QPointF(200, 200)); linearGrad.setColorAt(0, Qt::darkGreen); linearGrad.setColorAt(1, Qt::yellow); QBrush brush(linearGrad); item->se...

qt 使用样式设置渐变色背景

weixin_34034670的博客

09-04

2383

qt中使用样式设置渐变色背景setStyleSheet（）函数设置背景的前期是设置的窗口控件有父窗口ui.widget->setStyleSheet("background-color:qlineargradient(spread:pad, x1:0, y1:0, x2:0, y2:1, stop:0 #283345,stop:0.5 #151c26 ,stop:1 #...

QT qlineargradient 设置背景渐变

荣耀与梦想来日方长

02-16

1481

刚开始我直接把UI写的代码考到widget的stylesheet发现根本不行，必须要使用QT的qlineargradient。spread:pad：渐变的模式为 pad，另外的两个模式为 repeat、reflect。作为一名初级开发，开发之初UI设计师给了我客户端的设计图纸，其中就有设计背景渐变。渐变过程：x代表左右 y代表上下，坐标可以写个demo去试试。要求是从上的蓝往下渐变成白。

Qt painter设置渐变填充及当前界面背景颜色

weixin_45571586的博客

06-21

2340

Qt painter设置渐变填充及当前界面背景颜色

QT自定义工具条渐变背景颜色一例

捕鲸叉的专栏

01-06

1055

【代码】QT自定义工具条渐变背景颜色一例。

精选资源

OpenGL 渐变色背景

03-17

在渐变背景中，顶点着色器可能仅处理坐标而不涉及颜色，因为颜色变化发生在像素级别。 3. **编写片段着色器**：片段着色器是关键，因为它决定了屏幕上每个像素的颜色。你可以根据屏幕坐标（x, y）和预定义的颜色...

Qt QToolButton设置渐变色背景实现伪立体感按钮

weixin_41033231的博客

10-25

467

【代码】Qt QToolButton设置渐变色背景实现伪立体感按钮。

QT中控件渐变色设置

mokemg的博客

03-25

3076

环境介绍系统：Win10 64位 Qt版本：Qt5.15.2 编译器：MinGW 64-bit 说明控件设置渐变颜色（以widget为例）效果图代码： background-color:qlineargradient(x1:0 , y1:0 , x2:1 , y2:0, stop:0 rgba(0,0,255,0.2), ...

QT c++ 样式设置标签(QLabel)的渐变色美化

最新发布

weixin_39926429的博客

01-06

1529

/指定布局包含啥组件。//指定布局属于啥组件。上一篇文章中描述了按钮的纯色，本文描述标签的。]()//lambda函数。

QT中QSS的语法设置【颜色渐变处理】

qq_42964109的博客

06-09

2669

QSS的设置方式

Qt绘图 - 渐变色

mx_jun的博客

06-11

1394

QRadialGradient 是 Qt 框架中用于创建径向渐变的类。径向渐变是一种从中心点向外部辐射的颜色渐变，通常在中心点有一种颜色，而向外围渐渐变化为另一种颜色。这种渐变非常适合用于模拟光源、阴影或创建圆形的立体感。QConicalGradient 是 Qt 框架中用于创建圆锥形渐变的类。圆锥渐变是一种渐变效果，其中颜色沿着圆锥的轮廓变化，类似于旋转颜色轮。这种渐变以其中心点为基点，颜色沿圆周分布，可以创建出富有动感的视觉效果。

Qt / 颜色渐变 QLinearGradient、 QConicalGradient、QRadialGradient

布袋和尚

06-06

4383

1、QLinearGradient background: qlineargradient(x1:0,y1:0,x2:1,y2:0,stop:0 #F0BF62,stop:1 #444444); qlineargradient(spread:pad,x1:0,y1:0,x2:0,y2:1,stop:0 rgba(0, 0, 0, 255),stop:0.33 rgba(0, 0, 0, 255),stop:0.34 rgba(255, 30, 30, 25...

Qt颜色渐变样式

陌上人如玉，公子世无双。

12-24

4582

btn_style = """ QPushButton { border: none; border-radius:0px; background-color: none; border-left:1px solid #1791FB; border-bottom: 1px solid qlineargradient(spread:pad,x1:0,y...

qt背景渐变色的效果

Littlehero_121的博客

05-31

1842

background-color:qlineargradient(spread:pad,x1:0,y1:0,x2:0,y2:1,stop:0 #87CEFA,stop:1 #292F38); /*背景颜色*/

Qt 渐变（一）: 线性渐变：自定义QPushbutton

读书笔记

09-19

3102

文章目录1、Qt 渐变（一）: 线性渐变DepthButton.hDepthButton.cppWidget.cpp 1、Qt 渐变（一）: 线性渐变 QLinearGradient类与QBrush结合使用以指定线性渐变画笔。线性渐变会在起点和终点之间插入颜色。在这些点之外，将根据当前设置的扩展方法来填充，反射或重复渐变。使用QGradientStop类型的停止点（即位置和颜色）定义渐变中的颜色。使用QGradient :: setColorAt（）或QGradient :: setStops（）函

Qt 设置渐变背景

逝水流年

12-18

1832

background-color: qlineargradient(spread: pad, x1:0, y1:1, x2:1, y2:1, stop:0 rgb(x1,x2,x3), stop:1 rgb(y1,y2,y3))

QWidget 设置背景颜色

xie__jin__cheng的博客

08-18

2056

QWidget 设置背景颜色

linux qt代码设置渐变色

07-28

在Linux Qt代码中设置渐变色，你可以使用QLinearGradient类来实现。首先，你需要指定线性填充的坐标和大小。然后，在绘制单元格的过程中，使用QPainter来设置渐变色。以下是一个示例代码片段： ```cpp // 在paint函数中设置渐变色 void ItemDelegate::paint(QPainter *painter, const QStyleOptionViewItem &option, const QModelIndex &index) const { // 创建线性渐变对象 QLinearGradient gradient(option.rect.topLeft(), option.rect.bottomRight()); // 添加渐变色 gradient.setColorAt(0, QColor(255, 0, 0)); // 起始颜色 gradient.setColorAt(1, QColor(0, 0, 255)); // 结束颜色 // 设置渐变色为背景 painter->setBrush(gradient); painter->setPen(Qt::NoPen); painter->drawRect(option.rect); // 绘制文字 painter->setPen(QColor(51, 51, 51)); QTextOption textOption; textOption.setAlignment(Qt::AlignHCenter | Qt::AlignVCenter); QFont font; font.setFamily("Microsoft YaHei"); font.setPixelSize(14); font.setBold(true); painter->setFont(font); painter->drawText(option.rect, index.data(Qt::DisplayRole).toString(), textOption); } ``` 在这个示例中，我们创建了一个线性渐变对象，并指定了起始颜色和结束颜色。然后，我们将渐变色设置为单元格的背景，并使用QPainter绘制矩形。最后，我们使用QPainter绘制文字。请注意，这只是一个示例代码片段，你需要根据你的实际需求进行适当的修改。 #### 引用[.reference_title] - *1* [为Qt视图中的文字添加彩虹渐变效果](https://blog.youkuaiyun.com/weixin_29707757/article/details/116969916)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item] - *2* *3* [QT tablewidget设置表头](https://blog.youkuaiyun.com/qq_39498490/article/details/89479280)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]