mirror of
https://gitee.com/Zhaoxin59/my-chat_-client.git
synced 2026-02-14 00:51:48 +08:00
117 lines
4.7 KiB
C++
117 lines
4.7 KiB
C++
#include "phoneloginwidget.h"
|
|
|
|
PhoneLoginWidget::PhoneLoginWidget(QWidget *parent)
|
|
: QWidget(parent)
|
|
{
|
|
// 1. 设置窗口的基本属性
|
|
this->setFixedSize(400, 350);
|
|
this->setWindowTitle("登录");
|
|
this->setWindowIcon(QIcon(":/resource/image/logo.png"));
|
|
this->setStyleSheet("QWidget { background-color: rgb(255, 255, 255); color: rgb(0, 0, 0); }");
|
|
this->setAttribute(Qt::WA_DeleteOnClose);
|
|
|
|
// 2. 创建核心布局管理器
|
|
QGridLayout* layout = new QGridLayout();
|
|
layout->setSpacing(10);
|
|
layout->setContentsMargins(50, 0, 50, 0);
|
|
this->setLayout(layout);
|
|
|
|
// 3. 创建标题
|
|
titleLabel = new QLabel();
|
|
titleLabel->setText("登录");
|
|
titleLabel->setFixedHeight(50);
|
|
titleLabel->setSizePolicy(QSizePolicy::Expanding, QSizePolicy::Fixed);
|
|
titleLabel->setStyleSheet("QLabel { font-size: 40px; font-weight: 600; }");
|
|
titleLabel->setAlignment(Qt::AlignCenter);
|
|
|
|
// 4. 创建手机号输入框
|
|
QString editStyle = "QLineEdit { border: none; background-color: rgb(240, 240, 240); font-size: 20px; border-radius: 10px; padding-left: 5px;}";
|
|
phoneEdit = new QLineEdit();
|
|
phoneEdit->setPlaceholderText("输入手机号");
|
|
phoneEdit->setFixedHeight(40);
|
|
phoneEdit->setSizePolicy(QSizePolicy::Expanding, QSizePolicy::Fixed);
|
|
phoneEdit->setStyleSheet(editStyle);
|
|
|
|
// 5. 创建验证码输入框
|
|
verifyCodeEdit = new QLineEdit();
|
|
verifyCodeEdit->setPlaceholderText("输入验证码");
|
|
verifyCodeEdit->setFixedHeight(40);
|
|
verifyCodeEdit->setSizePolicy(QSizePolicy::Expanding, QSizePolicy::Fixed);
|
|
verifyCodeEdit->setStyleSheet(editStyle);
|
|
|
|
// 6. 创建发送验证码按钮
|
|
QString btnWhiteStyle = "QPushButton { border: none; border-radius: 10px; background-color: transparent; }";
|
|
btnWhiteStyle += "QPushButton:pressed { background-color: rgb(240, 240, 240); }";
|
|
sendVerifyCodeBtn = new QPushButton();
|
|
sendVerifyCodeBtn->setFixedSize(100, 40);
|
|
sendVerifyCodeBtn->setSizePolicy(QSizePolicy::Fixed, QSizePolicy::Fixed);
|
|
sendVerifyCodeBtn->setText("发送验证码");
|
|
sendVerifyCodeBtn->setStyleSheet(btnWhiteStyle);
|
|
|
|
// 7. 创建提交按钮
|
|
submitBtn = new QPushButton();
|
|
submitBtn->setFixedHeight(40);
|
|
submitBtn->setSizePolicy(QSizePolicy::Expanding, QSizePolicy::Fixed);
|
|
submitBtn->setText("登录");
|
|
QString btnGreenStyle = "QPushButton { border: none; border-radius: 10px; background-color: rgb(44, 182, 61); color: rgb(255, 255, 255); }";
|
|
btnGreenStyle += "QPushButton:pressed { background-color: rgb(240, 240, 240); }";
|
|
submitBtn->setStyleSheet(btnGreenStyle);
|
|
|
|
// 8. 创建 "切换到用户名" 模式按钮
|
|
QPushButton* userModeBtn = new QPushButton();
|
|
userModeBtn->setFixedSize(100, 40);
|
|
userModeBtn->setSizePolicy(QSizePolicy::Fixed, QSizePolicy::Fixed);
|
|
userModeBtn->setText("切换到用户名");
|
|
userModeBtn->setStyleSheet(btnWhiteStyle);
|
|
|
|
// 9. 切换登录注册模式
|
|
switchModeBtn = new QPushButton();
|
|
switchModeBtn->setFixedSize(100, 40);
|
|
switchModeBtn->setSizePolicy(QSizePolicy::Fixed, QSizePolicy::Fixed);
|
|
switchModeBtn->setText("注册");
|
|
switchModeBtn->setStyleSheet(btnWhiteStyle);
|
|
|
|
// 10. 添加到布局管理器
|
|
layout->addWidget(titleLabel, 0, 0, 1, 5);
|
|
layout->addWidget(phoneEdit, 1, 0, 1, 5);
|
|
layout->addWidget(verifyCodeEdit, 2, 0, 1, 4);
|
|
layout->addWidget(sendVerifyCodeBtn, 2, 4, 1, 1);
|
|
layout->addWidget(submitBtn, 3, 0, 1, 5);
|
|
layout->addWidget(userModeBtn, 4, 0, 1, 1);
|
|
layout->addWidget(switchModeBtn, 4, 4, 1, 1);
|
|
|
|
// 11. 添加信号槽
|
|
//connect(switchModeBtn, &QPushButton::clicked, this, &PhoneLoginWidget::switchMode);
|
|
connect(switchModeBtn, &QPushButton::clicked, this, [=]() {
|
|
if (isLoginMode) {
|
|
//切换到注册模式
|
|
this->setWindowTitle("注册");
|
|
titleLabel->setText("注册");
|
|
submitBtn->setText("注册");
|
|
switchModeBtn->setText("登录");
|
|
}
|
|
else {
|
|
//切换到登录模式
|
|
this->setWindowTitle("登录");
|
|
titleLabel->setText("登录");
|
|
submitBtn->setText("登录");
|
|
switchModeBtn->setText("注册");
|
|
}
|
|
isLoginMode = !isLoginMode;
|
|
});
|
|
|
|
connect(userModeBtn, &QPushButton::clicked, this, [=]() {
|
|
LoginWidget* loginWidget = new LoginWidget(nullptr);
|
|
loginWidget->show();
|
|
this->close();
|
|
});
|
|
|
|
//connect(sendVerifyCodeBtn, &QPushButton::clicked, this, &PhoneLoginWidget::sendVerifyCode);
|
|
|
|
//timer = new QTimer(this);
|
|
//connect(timer, &QTimer::timeout, this, &PhoneLoginWidget::countDown);
|
|
|
|
//connect(submitBtn, &QPushButton::clicked, this, &PhoneLoginWidget::clickSubmitBtn);
|
|
|
|
}
|