背景图
背景图按比例缩放而不变形，需要把背景图片设置成image而不是background-image.
1704447716787.png
#page71{
image: url(:/images/insert7.png);
background-color: rgb(255, 255, 255);
background-size: contain;
}
注意事项：样式设置完后，容器中的元素会默认继承样式的属性，所以加背景图的时候可以在外层容器使用ID的形式#指定添加样式.
#page71{
}
弹窗测试
QMessageBox::information(this,"提示","登录成功");
QMessageBox::information(this,"提示", QString("高度为：%1").arg(te1Height));//te1Height为变量
QMessageBox::information(this,"提示2",QString::number(windowWid*0.533 - 30)+"<1.6");
//start
QMessageBox::information(this,"提示2",QString::number(windowWid)+"测试");
//end
显示隐藏的写法
头文件.h：
public:
//切换忘记密码
void pushToForget();
void pushBack();
源文件.cpp：
void MainWindow::collectionConnect(){
connect(ui->pushToForget,&QPushButton::clicked,this,&MainWindow::pushToForget);//忘记密码
connect(ui->pushBack,&QPushButton::clicked,this,&MainWindow::pushBack);
}
// 点击事件：切换登录和忘记密码
void MainWindow::pushToForget() {
ui->boxForget->setVisible(true);
ui->boxLogin->setVisible(false);
}
void MainWindow::pushBack() {
ui->boxForget->setVisible(false); // 切换显示状态
ui->boxLogin->setVisible(true); // 切换显示状态
}
增加阴影
// 加载阴影控件
#include <QGraphicsDropShadowEffect>
// 增加阴影
QGraphicsDropShadowEffect * effect= new QGraphicsDropShadowEffect;
effect->setBlurRadius(10);
QColor grayColor(128,128,128,80);//为了有透明度自定义一个颜色
effect->setColor(grayColor);
// effect->setColor(Qt::black);//正常写法
effect->setOffset(5,5);
ui->loadingbox->setGraphicsEffect(effect);
重写resizeEvent事件，实时处理布局问题
头文件.h
public:
explicit MainProject(QWidget *parent = nullptr,QString filePath=nullptr);
~MainProject();
void resizeEvent(QResizeEvent *event) override; // 获取宽度
源文件.cpp
//start--设置引导页的元素边距
void MainProject::resizeEvent(QResizeEvent *event) {
double windowWid = ui->page71->width();
ui->page71->setStyleSheet("QWidget{background-size: 100px 100px;width:100px;}");
QMessageBox::information(this,"提示2",QString::number(windowWid)+"测试");
if(windowWid<1200){
ui->page71->setStyleSheet("QWidget { background-size: " + QString::number(windowWid) + "; }");
}
else{
ui->page71->setMaximumHeight(windowWid * 9 / 16);
ui->page71->setMinimumWidth(windowWid/100*10);
}
}
//end--设置引导页的元素边距
获取窗口宽度
double windowWidth = this->width();
获取容器宽度
double windowWidth = ui->容器名->width();
样式问题收集
按钮
QPushButton{background:#536BD7;color:#ffffff; font-size:20px;border-radius:5;height:50px; width:300px; margin-top:0px;}
QPushButton:hover{background:#799EFF;color:#ffffff; font-size:20px;border-radius:5;}
在c++代码中的运用
ui->userSet1button->setStyleSheet(
"QPushButton{background:#f4f7ff;color:#545a72;
font-size:12px;border-radius:5;border:1px solid #f4f7ff;}"
"QPushButton:hover{background:#f4f7ff;color:#545a72;
font-size:12px;border-radius:5;border:1px solid #f4f7ff;}"
);
