QPushButton切换不同背景颜色的方法(样式表和代码结合实现)

Qt中,使用QObject::setProperty()为一个控件设置一个动态属性,样式表设置相应的伪属性,就可以在程序运行中动态地改变控件的颜色或其他外观属性。
QPushButton样式表设置3种不同颜色的伪属性

QPushButton[red=true]
{
background-color: rgb(255, 0, 0);
}

QPushButton[blue=true]
{
background-color: rgb(0, 0, 255);
}

QPushButton[green=true]
{
background-color: rgb(0,255, 0);
}

按钮单击响应函数如下,点击按钮时,颜色就会按red、green、blue轮流变换。
注意:使用QObject::setProperty()动态地设置某一个属性为有效(true)时,必须设置其他属性为无效(false),否则,实现不了预想结果
看代码

void Widget::on_pushButton_clicked()
{
    static int count=0;
    
    QStringList list;
    list<<"red"<<"green"<<"blue";
    for (int i=0;i<list.count() ;i++ )
    {
        if(i==count)  //设置某一个属性为有效(true)
        {
           ui->pushButton->setProperty(list.at(i).toStdString().c_str(),true);
        }
        else //其他属性为无效(false
        {
            ui->pushButton->setProperty(list.at(i).toStdString().c_str(),false);
        }
    }
	ui->pushButton->style()->polish(ui->pushButton);
	count=(count+1)%3;    
}
  • 2
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论
### 回答1: 如果您想在白色背景下使用样式表自定义 QPushButton 的样式,可以使用以下样式表代码: ``` QPushButton { background-color: #f2f2f2; border: 2px solid #cfcfcf; border-radius: 5px; color: #333333; font-size: 14px; padding: 5px 10px; } QPushButton:hover { background-color: #d9d9d9; border-color: #bfbfbf; } QPushButton:pressed { background-color: #b3b3b3; border-color: #999999; } ``` 这个样式表将 QPushButton 的背景色设置为浅灰色,边框为深灰色,圆角为 5px,字体颜色为深灰色,字体大小为 14px,内边距为 5px 上下,10px 左右。当鼠标悬停在按钮上时,背景色变为深灰色,边框颜色变浅。当按钮被按下时,背景色变为深灰色,边框颜色变深。您可以根据需要修改这些属性。 ### 回答2: 在QT中,可以使用样式表来为QPushButton设置白色背景。首先,我们需要在QPushButton样式表中使用"background-color"属性来设置背景色为白色。具体的代码如下所示: ```cpp QPushButton { background-color: white; } ``` 在这个例子中,"QPushButton"表示我们要对所有的QPushButton进行样式表设置。接着,我们使用"background-color"属性来设置背景色为白色。这样,无论在什么平台和设备上运行,都能够将QPushButton的背景色设置为白色。 如果您只想为某个具体的QPushButton设置白色背景,您可以为这个QPushButton指定一个特定的名称或者ID,然后在样式表中使用该名称或者ID进行设置。例如: ```cpp QPushButton#myButton { background-color: white; } ``` 在这个例子中,我们为QPushButton指定了一个名称为"myButton",然后在样式表中使用"#"符号来指定名称或者ID。这样,只有名称为"myButton"的QPushButton才会应用这个样式。 通过在QT中使用样式表,我们可以轻松地为QPushButton设置白色背景,以满足不同界面设计的需求。 ### 回答3: 在QT中,我们可以使用样式表来自定义QPushbutton的外观。当背景为白色时,我们可以使用以下样式表设置QPushbutton的外观: QPushButton { background-color: white; // 设置背景颜色为白色 border: 1px solid black; // 设置边框为1像素的黑色实线 color: black; // 设置文字颜色为黑色 padding: 5px; // 设置内边距为5像素,使按钮内容离边框有一定的间距 } QPushButton:hover { background-color: lightgray; // 鼠标悬停时按钮背景颜色变为浅灰色 } QPushButton:pressed { background-color: gray; // 按下按钮时按钮背景颜色变为灰色 } 通过设置背景颜色、边框样式、文字颜色和内边距来自定义按钮的样式。这里我们将背景颜色设置为白色,并设置了一个1像素宽的黑色实线边框,将文字颜色设置为黑色,同时设置了5像素的内边距,以使按钮内容有一定的间距。 当鼠标悬停在按钮上时,我们使用:hover伪类选择器来设置按钮的样式,将背景颜色变为浅灰色。 当按钮按下时,我们使用:pressed伪类选择器来设置按钮的样式,将背景颜色变为灰色。 这样,我们就可以通过样式表来自定义白色背景下QPushbutton的样式了。

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

蔡云辉

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值