Qt之调色板类QPalette的使用

已于 2023-08-30 17:24:04 修改
阅读量1.1k 收藏 3
点赞数 2
分类专栏： Qt 文章标签： qt 开发语言
于 2023-02-19 21:38:54 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Jacksqh/article/details/129114259
版权

文章目录

QPalette调色板类

前言

Qt提供的调色板类QPalette专门用于管理部件的外观显示，相当于部件或对话框的调色板，管理他们所有的颜色信息。每个部件都包含一个QPalette对象，在显示时，按照它的QPalette对象中对各部分各状态下的颜色的描述进行绘制，使用调色板类对部件只能进行一些简单的调色，如果想要一些复杂的设置那么就得使用样式表进行设置。

下面用到了一个简单的demo对QPalette调色板类的使用进行说明：

最终效果如下图所示：
通过左边的下拉框对颜色进行选择，并对指定部件赋予颜色
在这里插入图片描述

代码

先贴代码吧，后续对代码进行讲解！！
dialog.h

#ifndef DIALOG_H
#define DIALOG_H

#include <QDialog>
#include <QFrame>
#include <QComboBox>
#include <QLabel>
#include <QLineEdit>
#include <QTextEdit>
#include <QGridLayout>
#include <QHBoxLayout>
#include <QPushButton>
#include <QVBoxLayout>
class Dialog : public QDialog
{
    Q_OBJECT

public:
    Dialog(QWidget *parent = 0);
    ~Dialog();
    //创建边框区域
    void createCtrlFrame();
    //创建右边内容区域
    void createContentFrame();


    //给组合框添加颜色列表
    void fillColorList(QComboBox*comboBox);
public slots:
    void ShowWindow(int index);
    void ShowWindowText(int index);
    void ShowButton(int index);
    void ShowButtonText(int index);
    void ShowBase(int index);

private:
    QFrame* m_ctrlFrame;
    QLabel* m_windowLabel;
    QComboBox* m_windowComboBox;
    QLabel* m_windowTextLabel;
    QComboBox* m_windowTextComboBox;
    QLabel* m_buttonLabel;
    QComboBox* m_buttonComboBox;
    QLabel* m_buttonTextLabel;
    QComboBox* m_buttonTextComboBox;
    QLabel* m_baseLabel;
    QComboBox* m_baseComboBox;
    QFrame* m_contentFrame;
    QLabel* m_label1;
    QLabel* m_label2;
    QComboBox* m_comboBox1;
    QLineEdit* m_lineEdit;
    QTextEdit* m_textEdit;
    QPushButton* m_okBtn;
    QPushButton* m_cancelBtn;
};

#endif // DIALOG_H


#include "dialog.h"

Dialog::Dialog(QWidget *parent)
    : QDialog(parent)
{
    createCtrlFrame();
    createContentFrame();
    QHBoxLayout* mainLayout = new QHBoxLayout(this);
    mainLayout->addWidget(m_ctrlFrame);
    mainLayout->addWidget(m_contentFrame);

}

Dialog::~Dialog()
{

}

void Dialog::createCtrlFrame()
{
    m_ctrlFrame = new QFrame;
    m_ctrlFrame->setFrameStyle(QFrame::Sunken|QFrame::Box);
    m_windowLabel = new QLabel("QPalette::Window");
    m_windowComboBox = new QComboBox;
    //将颜色填充到ComboBox的每一个项中
    fillColorList(m_windowComboBox);
    connect(m_windowComboBox,SIGNAL(activated(int)),this,SLOT(ShowWindow(int)));

    m_windowTextLabel = new QLabel("QPalette::WindowText");
    m_windowTextComboBox = new QComboBox;
    fillColorList(m_windowTextComboBox);
    connect(m_windowTextComboBox,SIGNAL(activated(int)),this,SLOT(ShowWindowText(int)));

    m_buttonTextLabel = new QLabel("QPalette::ButtonText");
    m_buttonTextComboBox = new QComboBox;
    fillColorList(m_buttonTextComboBox);
    connect(m_buttonTextComboBox,SIGNAL(activated(int)),this,SLOT(ShowButtonText(int)));

    m_buttonLabel = new QLabel("QPalette::Button");
    m_buttonComboBox = new QComboBox;
    fillColorList(m_buttonComboBox);
    connect(m_buttonComboBox,SIGNAL(activated(int)),this,SLOT(ShowButton(int)));

    m_baseLabel = new QLabel("QPalette::Base");
    m_baseComboBox = new QComboBox;
    fillColorList(m_baseComboBox);
    connect(m_baseComboBox,SIGNAL(activated(int)),this,SLOT(ShowBase(int)));

    QGridLayout* mainLayout = new QGridLayout(m_ctrlFrame);
    mainLayout->setSpacing(20);
    mainLayout->addWidget(m_windowLabel,0,0);
    mainLayout->addWidget(m_windowComboBox,0,1);
    mainLayout->addWidget(m_windowTextLabel,1,0);
    mainLayout->addWidget(m_windowTextComboBox,1,1);
    mainLayout->addWidget(m_buttonLabel,2,0);
    mainLayout->addWidget(m_buttonComboBox,2,1);
    mainLayout->addWidget(m_buttonTextLabel,3,0);
    mainLayout->addWidget(m_buttonTextComboBox,3,1);
    mainLayout->addWidget(m_baseLabel,4,0);
    mainLayout->addWidget(m_baseComboBox,4,1);

}

void Dialog::createContentFrame()
{
    m_contentFrame = new QFrame;
    //自动填充背景设置为true
    m_contentFrame->setAutoFillBackground(true);
    m_label1 = new QLabel(QStringLiteral("请选择一个值"));
    m_label2 = new QLabel(QStringLiteral("请输入字符串"));
    m_comboBox1 = new QComboBox;
    m_lineEdit = new QLineEdit;
    m_textEdit = new QTextEdit;

    m_okBtn = new QPushButton(QStringLiteral("确认"));
    m_cancelBtn = new QPushButton(QStringLiteral("取消"));
    m_okBtn->setAutoFillBackground(true);



    QGridLayout* topLayout = new QGridLayout;
    topLayout->addWidget(m_label1,0,0);
    topLayout->addWidget(m_comboBox1,0,1);
    topLayout->addWidget(m_label2,1,0);
    topLayout->addWidget(m_lineEdit,1,1);
    topLayout->addWidget(m_textEdit,2,0,1,2);

    QHBoxLayout* bottomLayout = new QHBoxLayout;
    bottomLayout->addWidget(m_okBtn);
    bottomLayout->addWidget(m_cancelBtn);

    QVBoxLayout* mainLayout = new QVBoxLayout(m_contentFrame);
    mainLayout->addLayout(topLayout);
    mainLayout->addLayout(bottomLayout);
}

void Dialog::fillColorList(QComboBox *comboBox)
{
    //获取到各个颜色的名字
    QStringList colorList = QColor::colorNames();
    QString color;
    foreach(color,colorList)
    {
        QPixmap pix(QSize(70,20));
        pix.fill(QColor(color));
        comboBox->addItem(QIcon(pix),nullptr);
        comboBox->setIconSize(QSize(70,20));
        //适应方式是根据内容来进行适应
        comboBox->setSizeAdjustPolicy(QComboBox::AdjustToContents);
    }
}

void Dialog::ShowWindow(int index)
{
    QStringList colorList = QColor::colorNames();
    //拿到颜色名字
    QColor color = QColor(colorList[index]);
    QPalette p = m_contentFrame->palette();
    p.setColor(QPalette::Window,color);
    m_contentFrame->setPalette(p);
    //触发窗口重新绘制功能，更新窗口
    m_contentFrame->update();

}

void Dialog::ShowWindowText(int index)
{
    QStringList colorList = QColor::colorNames();
    //拿到颜色名字
    QColor color = QColor(colorList[index]);
    QPalette p = m_contentFrame->palette();
    //会改变框框中label字体颜色的值，而button字体颜色不会改变
    p.setColor(QPalette::WindowText,color);
    m_contentFrame->setPalette(p);
    //触发窗口重新绘制功能，更新窗口
    m_contentFrame->update();
}

void Dialog::ShowButton(int index)
{
    QStringList colorList = QColor::colorNames();
    //拿到颜色名字
    QColor color = QColor(colorList[index]);
    QPalette p = m_contentFrame->palette();

    p.setColor(QPalette::Button,color);
    m_contentFrame->setPalette(p);
    //触发窗口重新绘制功能，更新窗口
    m_contentFrame->update();
}

void Dialog::ShowButtonText(int index)
{
    QStringList colorList = QColor::colorNames();
    //拿到颜色名字
    QColor color = QColor(colorList[index]);
    QPalette p = m_contentFrame->palette();

    p.setColor(QPalette::ButtonText,color);
    m_contentFrame->setPalette(p);
    //触发窗口重新绘制功能，更新窗口
    m_contentFrame->update();
}

void Dialog::ShowBase(int index)
{
    QStringList colorList = QColor::colorNames();
    //拿到颜色名字
    QColor color = QColor(colorList[index]);
    QPalette p = m_contentFrame->palette();
    //设置底色
    p.setColor(QPalette::Base,color);
    m_contentFrame->setPalette(p);
    //触发窗口重新绘制功能，更新窗口
    m_contentFrame->update();
}

知识点讲解

1、将颜色作为下拉框的选项
在本工程中是使用如下fillColorList函数进行实现的

void Dialog::fillColorList(QComboBox *comboBox)
{
    //获取到各个颜色的名字
    QStringList colorList = QColor::colorNames();
    QString color;
    foreach(color,colorList)
    {
        QPixmap pix(QSize(70,20));
        //对pix进行颜色填充
        pix.fill(QColor(color));
        //将pix左右Item添加到下拉框中
        comboBox->addItem(QIcon(pix),nullptr);
        //尺寸大小设置的要与上面QPixmap的大小一致
        comboBox->setIconSize(QSize(70,20));
        //适应方式是根据内容来进行适应
        comboBox->setSizeAdjustPolicy(QComboBox::AdjustToContents);
    }
}

2、改变整个部件的颜色（但是这个改变不包括这个部件内部的部件）
注意：m_contentFrame->setAutoFillBackground(true);这个得设置，否则这个设置会失败。

//1、先拿到部件的调色板设置
QPalette p = m_contentFrame->palette();
//2、再设置QPalette::Window的颜色
p.setColor(QPalette::Window,color);
//将部件的调色板重新设置为上面的调色板
m_contentFrame->setPalette(p);
//主动触发窗口重新绘制功能，更新窗口
m_contentFrame->update();

3、改变部件内部嵌套的Label的字体颜色

QPalette p = m_contentFrame->palette();
//会改变部件中嵌套的label字体颜色，而button字体颜色不会改变
p.setColor(QPalette::WindowText,color);
m_contentFrame->setPalette(p);
//触发窗口重新绘制功能，更新窗口
m_contentFrame->update();

4、改变部件内部嵌套的button的边框颜色
注意：m_okBtn->setAutoFillBackground(true);这个得设置，否则m_okBtn这个按钮对于边框颜色的设置会失败。

QPalette p = m_contentFrame->palette();
p.setColor(QPalette::Button,color);
m_contentFrame->setPalette(p);
//触发窗口重新绘制功能，更新窗口
m_contentFrame->update();

5、改变部件内部嵌套的button的字体颜色

QPalette p = m_contentFrame->palette();
//改变部件内部嵌套的button的字体颜色
p.setColor(QPalette::ButtonText,color);
m_contentFrame->setPalette(p);
//触发窗口重新绘制功能，更新窗口
m_contentFrame->update();

6、改变部件内部嵌入的文本输入部件（我这里是使用QTextEdit对象）的背景色

QPalette p = m_contentFrame->palette();
//设置底色
p.setColor(QPalette::Base,color);
m_contentFrame->setPalette(p);
//触发窗口重新绘制功能，更新窗口
m_contentFrame->update();

其实还有其他的参数，但是不可能一个个都列举出来，大家可以参考Qt的帮助文档来找到你想要的参数。
在这里插入图片描述

本篇先到这就结束了，不过呢，以后如果对于这个QPalette类有其他用法我再来更新这篇博客，非常感谢您能看到这里

CAccept
关注
  • 2
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
qt实现的调色板
12-06
qt实现调色板功能 用于qt实现选择调色
Qt学习笔记之QPalette调色板类
08-25
主要为大家详细介绍了Qt学习笔记之QPalette调色板类，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
QT调色板 StyleSheet qtcolor 样式表 制作 调色板
最新发布
weixin_60755571的博客
03-15 662
本文主要介绍制作了一个页面 利用QtStyleSheet 配置颜色RGB数值 便于找到自己想要的颜色对应的RGB参数。
通过调色板（QPalette）将readonly为true的QLineEdit颜色设置为灰色
danshiming的博客
12-18 2149
当将QLineEdit的readonly为true后，QLineEdit颜色默认情况下依然为白色，现在要设置为灰色（类似disable属性为true的颜色），除了用样式表设置外，调色板也可以实现，代码如下： escapedPatternLineEdit = new QLineEdit; escapedPatternLineEdit->setReadOnly(true); QPalette palette = escapedPatternLineEdit->palett
Qt编程18：Qt调色板QPalette的使用
03-26 164
文章来源：http://blog.csdn.net/jiezhj/article/details/37657401?utm_source=tuicool QPalette类有两个枚举类型， 枚举 1、ColorGroup CorGroup指的是3中不同的状态(什么时候设置颜色)： 1>Active:获得焦点的状态。 2&gt...
Qt中的Widget调色板QPalette
zhaominyong的专栏
06-24 1022
QPalette
QT基础之QPalette类
墨1024
05-19 6385
介绍了如何使用QPalette改变控件的颜色外观
Qt之调色板（QPalette）
m0_73443478的博客
02-23 1869
Qt之调色板（QPalette）
QPalette的详细使用示例
宏笋的博客
07-29 5600
1. 功能简介: QPalette是Qt中的调色板类,它提供的setColor()函数可改变控件的颜色,其原型为: void QPalette::setColor(ColorRole acr, const QColor &acolor) 其中, ColorRole是个枚举,指的是颜色主题,QPalette::Window是指背景色,QPalette::WindowText指的是前景色, QPalette::Button指的是按钮的底色... 2. 实例 新建一个Qt Widgets Ap
外观和样式(08)：【类】QPalette[官翻]
读书笔记
02-08 456
QPalette class QPalette类包含每个小部件状态的颜色组。 Header #include < QPalette > qmake QT += gui Inherits Inherited By Since 详细说明 调色板由三个颜色组组成：活动，禁用和不活动。 Qt中的所有小部件都包含一个调色板，并使用其调色板进行绘制。这使用户界面易于配置并且更易于保持一致。 如果创建新的小部件，我们强烈建议您使用调色板中的颜色，而不是硬编码特定颜色。
调色板QPalette用法
IDO_Hero的博客
07-11 863
palette（）获取部件（对象）的调色板，调用setColor（）函数获取的调色板进行属性设置和填充的颜色，调用setPalette（）传入设置好的调色板参数进行颜色设置，调用update（）颜色设置后进行刷新
QPalette的简单使用工程源码.7z
01-13
Qt提供的调色板类 QPalette 专门用于管理对话框的外观显示。QPalette 类相当于对话框或是控件的调色板，它管理着控件或窗体的所有颜色信息，每个窗体或控件都包含一个 QPalette 对象，在显示时按照它的 QPalette ...
Qt5开发及实例-CH404.rar,Qt5利用QPalette改变控件颜色的方法代码
09-15
Qt5开发及实例,实例CH404,利用QPalette改变控件颜色的方法。本实例实现的窗体分为两部分：左边部分用于对不同主题颜色的选择，右边部分用于显示选择的颜色对窗体外观的改变。运行效果如图4.11所示。 实现步骤如下。 ...
Qt5开发及实例-CH405.rar,Qt5实现QPalette设置时钟背景的代码
09-15
Qt5开发及实例,实例CH405,QPalette设置时钟背景,新建一个定时器对象,初始时间显示,设置电子时钟显示的尺寸,显示转换好的字符串时间,定义的Palette类继承自QDialog类，打开“palette.h”文件，声明实例中所用到的函数...
Qt学习笔记——QPalette调色板类
Saqino的博客
10-29 1389
QPalette   QPalette通过获取控件或窗口的调色板对象（palette）对该控件或窗口进行色彩设置 可设置该widget不同状态的色彩(ColorGroup)： QPalette::Active      获得焦点的状态下 QPalette::inactive   未获得焦点的状态下 QPalette::Disable    不可用的状态下 设置不同部位的颜色(Colo...
QT调色板之QPushbutton true 和 false 的运用
m0_46615101的博客
07-03 652
头文件 #ifndef MAINWINDOW_H #define MAINWINDOW_H #include <QMainWindow> #include <QPushButton> #include "QDebug" QT_BEGIN_NAMESPACE namespace Ui { class MainWindow; } QT_END_NAMESPACE class MainWindow : public QMainWindow { Q_OBJECT public
Qt： 调色板QPalette类用法详解
热门推荐
u012803067的博客
07-10 1万+
可以通过qt designer的中的pallette属性预览效果   1.1.3刷成什么样QBrush  画刷QBrush 也是个功能强大的东东，鉴于你可能不怎么使用，你只知道能设置颜色就行。 [cpp] view plain copy  print? //注意要先调用setAutoFillBackground   t
QT—QPalette调色板类
qq_54169998的博客
01-06 1016
Qt提供的调色板类QPalette专门用于管理部件的外观显示，相当于部件或对话框的调色板，管理他们所有的颜色信息。每个部件都包含一个QPalette对象，在显示时，按照它的QPalette对象中对各部分各状态下的颜色的描述进行绘制。
QT基础教程(QPalette和QIcon)
m0_49476241的博客
09-18 1489
本篇文章继续讲解QT中的知识，主要为大家讲解QPalette和QIcon。QPalette 和 QIcon 都是Qt框架中用于图形界面设计的类，它们分别用于管理调色板和图标的相关功能。本篇文章就讲解到这里。
qt中qpushbutton设置颜色
06-28
### 回答1： 可以使用QSS（Qt Style Sheet）来设置QPushButton的颜色。具体方法如下： 1. 在QPushButton所在的窗口或对话框中，右键单击选择“添加样式表”。 2. 在弹出的样式表编辑器中，输入以下代码： QPushButton { background-color: #FF0000; } 其中，#FF0000是十六进制的颜色代码，表示红色。你可以根据需要修改颜色代码。 3. 点击“应用”按钮，即可看到QPushButton的颜色已经改变了。 注意：如果你想对所有QPushButton都设置相同的颜色，可以将上述代码放在应用程序的全局样式表中。 ### 回答2： qt中可以使用QSS（Qt Style Sheets）来设置QPushbutton的颜色。QSS是基于CSS语法的Qt界面风格表，它允许一个程序员通过CSS样式对QT界面进行美化。 1.设置按钮颜色 如果要设置QPushbutton的背景颜色和前景颜色，可以使用QSS样式表来实现。例如，以下代码将QPushbutton设置为红色背景、白色前景： ```python QPushButton { background-color: red; color: white; } ``` 您可以将这些代码添加到您的qt应用程序中，然后使用样式表将QtObject设置为QPushButton类。或者，如果您要设置QPushbutton特定的ID颜色，那么您可以添加以下代码开头： ```python # myButton: QPushButton { background-color: red; color: white; } ``` 这会将具有myButton ID的所有QPushbutton设置为红色背景、白色前景。 2.悬停时更改按钮颜色 有时，您可能想更新QPushbutton的背景颜色和前景颜色，以便在悬停时进行更改。这可以通过以下代码来实现： ```python QPushButton:hover { background-color: green; color: blue; } ``` 当用户将鼠标悬停在QPushbutton上时，此代码将使用绿色背景、蓝色前景更新控件。 3.按下更改按钮颜色 最后，您可能需要通过更改用户按下QPushbutton时的背景颜色和前景颜色，使UI更加互动。这可以通过以下代码来实现： ```python QPushButton:pressed { background-color: orange; color: black; } ``` 当用户按下QPushbutton时，此代码将使用橙色背景、黑色前景更新控件。 总结： 以上是设置QPushbutton按钮颜色的方法，通过QSS样式表可以在QT中方便地进行定制。您可以使用这些方法来创建令人愉悦的用户体验，同时使您的UI更加互动。 ### 回答3： 在Qt中，QPushButton是最常用的控件之一，它允许用户在界面上进行交互，并触发事件。设置QPushButton的颜色可以使界面更加美观和个性化。下面我们来看一下如何在Qt中设置QPushButton的颜色。 在Qt中，通常有两种方法可以设置QPushButton的背景颜色：使用CSS和使用QPalette。 使用CSS设置QPushButton的颜色： 1.在Qt Creator中，打开界面设计器。从界面构建工具箱中将QPushButton拖入界面图形视图中。 2.选中QPushButton。在属性编辑器的下拉菜单中选择StyleSheet，然后单击右侧的小箭头。这将打开CSS编辑器。 3.在CSS编辑器中，可以使用CSS语法设置QPushButton的样式。例如，可以使用background-color属性来设置背景颜色。以下是设置背景颜色为红色的样例代码： QPushButton { background-color: red } 4.单击“确定”以保存CSS样式并关闭CSS编辑器。此时，界面设计器中的QPushButton将呈现出红色背景色。 使用QPalette设置QPushButton的颜色： 1.在Qt Creator中，打开界面设计器。从界面构建工具箱中将QPushButton拖入界面图形视图中。 2.选中QPushButton。在属性编辑器中，展开palette属性组并单击编辑按钮。这将打开QPalette编辑器。 3.在QPalette编辑器中，可以设置QPushButton使用的颜色组合。例如，可以设置背景颜色为红色。以下是设置背景色为红色的样例代码： palette.setColor(QPalette::Button, QColor(Qt::red)); 4.单击“确定”以保存QPalette并关闭QPalette编辑器。此时，界面设计器中的QPushButton将呈现出红色背景色。 总之，无论是使用CSS还是QPalette，都可以轻松地设置QPushButton的颜色，从而使界面更加个性化。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值