一、就是将一个按钮来增加两种样式效果
比如一个按钮点击第一次的时候是开始,但是点击第二次的时候变成关闭,它的开始和关闭的两种功能对应的样式是不一样的
二、实现以下的步骤,首先需要在界面上放上一个按钮,如图:
然后第二步就是将它的开始的界面样式进行加载进来,如图:
三、按钮转到槽,里面实现的代码如下:
void MainWindow::on_pushButton_clicked()
{
if(ui->pushButton->text() == "连接")
{
ui->pushButton->setFixedSize(100,40);//固定样式
ui->pushButton->setStyleSheet(
"QPushButton{"
"color:rgba(255,0,0);"//红色
"border: 2px solid rgb(178, 34, 34);"
"}"
"QPushButton:hover{"
"border: 2px solid rgb(255, 165, 0);"
"}");
ui->pushButton->setText("断开");
}
else if(ui->pushButton->text()=="断开")
{
ui->pushButton->setFixedSize(100, 40);
ui->pushButton->setStyleSheet(
"QPushButton{"
"color:rgba(0,0,0);" //黑色
"border: 2px solid rgb(54, 100, 139);"
"}"
"QPushButton:hover{"
"border: 2px solid rgb(0, 150, 136);"//橘红色
"}");
ui->pushButton->setText("连接");
//ui->pushButton->setStyleSheet("font: 11pt \"微软雅黑\";");
}
}
最终实现的效果如下: