QT 如何设置 QPushButton 的背景色

//弹出颜色选择框  

QColor color = QColorDialog::getColor(Qt::white, this);
QPalette pal = ui->pushButton_BackGroundColor->palette();
pal.setColor(QPalette::Button,color);
ui->pushButton_BackGroundColor->setPalette(pal);
ui->pushButton_BackGroundColor->setAutoFillBackground(true);
ui->pushButton_BackGroundColor->setFlat(true);

// 直接设置成颜色

 QPalette pal = ui->pushButton_5->palette();
    pal.setColor(QPalette::Button,Qt::blue);
    ui->pushButton_5->setPalette(pal);
    ui->pushButton_5->setAutoFillBackground(true);
    ui->pushButton_5->setFlat(true);

字体颜色的设置一般时以下两种方案:

(1)属于QWidget子类的一些控件

可以直接使用样式表,例如label->setStyleSheet("color:white");
(2)不属于QWidget子类的控件

可以考虑设置其前景色,例如各种ViewtreeWidgetItem->setForeground(0,QBrush(QColor(Qt::white)));

-------------------------------------------------------------------------------------------------

我要实现的效果

正常状态下:黑底(背景色),白字(前景色),圆角,向外凸起;

鼠标停留:背景和前景都反色;

鼠标按下:背景色变为淡蓝色,向内凹陷。

代码:

ui->pushButton_GoToProcess->setStyleSheet("QPushButton{background-color:black;\

                                            color: white;   border-radius: 10px;  border: 2px groove gray;\

                                            border-style: outset;}"

                                           "QPushButton:hover{background-color:white; color: black;}"

                                          "QPushButton:pressed{background-color:rgb(85, 170, 255);\

                                                           border-style: inset; }"

                                           );

结果:

(1)正常状态

(2)鼠标停留

(3)鼠标按下

-------------------------------------------------------------------------------------------------

如果要对多个按钮实现同样的效果,只要将setStyleSheet里的字符串定义成QString,后面其他按钮直接调用这个QString就好了。

定义:

QString button_style="QPushButton{background-color:black;\

                                      color: white;   border-radius: 10px;  border: 2px groove gray;\

                                      border-style: outset;}"

                                     "QPushButton:hover{background-color:white; color: black;}"

                                    "QPushButton:pressed{background-color:rgb(85, 170, 255);\

                                                     border-style: inset; }";

调用:

ui->pushButton_Save->setStyleSheet(button_style);



-------------------------------------------------------------------------------------------------

对于按钮如果想设置为图片,则最好使用添加icon,这样的话位置比较合适,如果是使用setStyleSheet还需要对位置进行设置(直接设置会发现位置有点偏)。另外要加上一句:

 

  • 0
    点赞
  • 13
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
### 回答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、付费专栏及课程。

余额充值