Update
at 2019/07/22 14:16
发现一个大坑，我们后期是打算用QSS统一堆样式进行美化的，于是我把之前对QLabel进行的setAlignment全部去掉了，打算统一丢进Qss里面，一下子使程序简洁了很多。但是发现QLabel在QSS里面不支持text-align，也找不到其他将其设置为居中的接口。暂时的解决方案是新建一个QLabelCenter类，完全从QLabel继承，但是构造函数里面加上setAlignment。
附一段加载qss的代码：
void Translation::LoadQss(const QString sRoad){
QFile fQss(sRoad);
fQss.open(QFile::ReadOnly);
setStyleSheet(fQss.readAll());
fQss.close();
}sRoad是qss文件的路径。
感觉自己花了两天时间完成了一下午的工作量，基本上都是单纯地堆代码，没有什么技术性比较强的活，所以这篇巨水无比。我现在主要的参考资料已经变成官方的手册了：
https://doc.qt.io/qt-5/classes.html
目前正在一步一步朝着GMA的样式前进。
用户的存储是在全局的位置放了std::vector<User> g_Users，下面是遍历这个vector的一种比较优雅的做法：
std::vector<User>::iterator itUserTemp;
for (itUserTemp = g_Users.begin(); itUserTemp != g_Users.end(); itUserTemp++) {
//itUserTemp->GetNickname()....
}
1. Register
这里的样式结构非常简单，画面整体是竖向排列的，里面再套一个横向排列用来放提示和输入框。文字输入用的是QLineEdit，下拉列表选项用的是QComboBox。
按照我的写法，Register类中需要存储一下被输入的QLineEdit的指针，还有Register的父元素MainWindow的指针，响应的槽函数放在Register中，这样响应函数可以调用MainWindow的切换界面函数。
^_^
QWidget* Register::ShowInformation(bool Show) {
QWidget* pwBox = new QWidget();
QVBoxLayout* pvLayout = new QVBoxLayout(pwBox);
//CreateLineInput是预先写好的一个函数，返回一个QWidget，里面横向放了一个QLabel和一个QLineEdit
//m_pleNickname会变成一个指向QLineEdit的指针
pvLayout->addWidget(CreateLineInput(STR_TIP_NICKNAME, m_pleNickname, Show));
m_pleNickname->setMaxLength();
pvLayout->addWidget(CreateLineInput(STR_TIP_PASSWORD, m_plePassword, Show));
m_plePassword->setEchoMode(QLineEdit::Password);
m_plePassword->setMaxLength();
pvLayout->addWidget(CreateLineInput(STR_TIP_PASSWORDCON, m_plePasswordCon, Show));
m_plePasswordCon->setEchoMode(QLineEdit::Password);
m_plePasswordCon->setMaxLength();
pvLayout->addWidget(CreateLineInput(STR_TIP_AGE, m_pleAge, Show));
//CreateGenderInput跟CreateLineInput类似
pvLayout->addWidget(CreateGenderInput(STR_TIP_AGE, m_pleGender, Show));
return pwBox;
}
void Register::Init() {
QVBoxLayout *pvlLayout = new QVBoxLayout(this);//整体竖向排版
QLabel* plMainTitle = new QLabel(this);
plMainTitle->setText(STR_MAINTITLE_REGISTER);//主标题
plMainTitle->setAlignment(Qt::AlignCenter);
pvlLayout->addWidget(plMainTitle, INT_SIZERATE_MAINTITAL);//主标题加入整体的竖向排版
pvlLayout->addWidget(ShowInformation(), INT_SIZERATE_INFORMATION);//调用函数，获得一个QWidget，加进主排版
//按钮部分
QWidget* pwButton = new QWidget(this);
QHBoxLayout* phlButton = new QHBoxLayout(pwButton);
QPushButton* ppbRegister = new QPushButton(pwButton);
ppbRegister->setText(STR_BUTTON_REGISTER);
phlButton->addWidget(ppbRegister, INT_SIZERATE_BUTTON_REGISTER);
pvlLayout->addWidget(pwButton, INT_SIZERATE_BUTTON);
connect(ppbRegister, SIGNAL(clicked(bool)), this, SLOT(RegisterRequest()));
}2. Login
和Register非常相似，用一个User* g_pCurrentUser来指向当前的已登录用户。
^_^
QWidget* Login::ShowInformation(bool Show) {
QWidget* pwBox = new QWidget();
QVBoxLayout* pvLayout = new QVBoxLayout(pwBox);
//CreateLineInput是写好的一个创建输入提示和输入框的函数
pvLayout->addWidget(CreateLineInput(STR_TIP_NICKNAME, m_pleNickname, Show));
pvLayout->addWidget(CreateLineInput(STR_TIP_PASSWORD, m_plePassword, Show));
m_plePassword->setEchoMode(QLineEdit::Password);
return pwBox;
}
void Login::Init() {
//竖直布局
QVBoxLayout *pvlLayout = new QVBoxLayout(this);
//加入主标题
pvlLayout->addWidget(new QLabelCenter(STR_MAINTITLE_LOGIN), INT_SIZERATE_MAINTITAL);
//加入输信息模块
pvlLayout->addWidget(ShowInformation(), INT_SIZERATE_INFORMATION);
//加入按钮模块
QPushButton* ppbLogin = new QPushButton(STR_BUTTON_LOGIN);
connect(ppbLogin, SIGNAL(clicked(bool)), this, SLOT(LoginRequest()));
pvlLayout->addWidget(ppbLogin, INT_SIZERATE_BUTTON_LOGIN);
QPushButton* ppbRegister = new QPushButton(STR_BUTTON_REGISTER);
connect(ppbRegister, SIGNAL(clicked(bool)), this, SLOT(RegisterRequest()));
pvlLayout->addWidget(ppbRegister, INT_SIZERATE_BUTTON_REGISTER);
}3. Database
我们需要在程序开启时从数据库加载表里的用户，程序关闭时把相关数据存入数据库。
我专门写了一个Database类，初始化时传入地址、账号、密码之类的初始信息，当然为了方便你也可以把数据库写成全局的函数，初始信息写死。
每次存数据先把数据库里的表清空：TRUNCATE Users，然后再逐个用户INSERT INTO Users。取数据直接SELECT即可。
后来听说直接清空之后存数据给的分会低，已有的数据只进行update效率比较高，mark起来以后改
^_^
//存数据
void Database::SaveData(std::vector<User>& Users) {
MYSQL MysqlTemp;
MYSQL* pSock;
mysql_init(&MysqlTemp);
if ((pSock = mysql_real_connect(&MysqlTemp, HOST, USERNAME, PASSWORD, DB, PORT, UNIX_SOCKET, CLIENT_FLAG)) == nullptr) {
#ifdef DEBUG_MOD
qDebug() << "Fail to connect mysql.\n";
qDebug() << mysql_error(&MysqlTemp) << endl;
#endif
return;
} std::string sQuery;
if (mysql_query(&MysqlTemp, "TRUNCATE Users") != ) {
#ifdef DEBUG_MOD
qDebug() << "Fail to query : " << QString::fromStdString(sQuery) << endl;
#endif
} std::vector<User>::iterator itUserTemp;
#ifdef DEBUG_MOD
qDebug() << "Save : " << Users.size() << endl;
#endif
for (itUserTemp = Users.begin(); itUserTemp != Users.end(); itUserTemp++) {
//设置好语句
sQuery = "INSERT INTO Users (ID, Nickname, Password, Introduction, Certificate, Gender, Age, Score) VALUES (";
sQuery += std::to_string(itUserTemp->GetId()) + ", ";
sQuery += "'" + itUserTemp->GetNickname() + "', ";
sQuery += "'" + itUserTemp->GetPassword() + "', ";
sQuery += "'" + itUserTemp->GetIntroduction() + "', ";
sQuery += "'" + itUserTemp->GetCertificate() + "', ";
sQuery += std::to_string(int(itUserTemp->GetGender())) + ", ";
sQuery += std::to_string(itUserTemp->GetAge()) + ", ";
sQuery += std::to_string(itUserTemp->GetScore()) + ")"; if (mysql_query(&MysqlTemp, sQuery.data()) != ) {
#ifdef DEBUG_MOD
qDebug() << "Fail to query : " << QString::fromStdString(sQuery) << endl;
#endif
}
}
mysql_close(pSock);
} //取数据
void Database::LoadData(std::vector<User>& Users) {
MYSQL MysqlTemp;
MYSQL* pSock;
mysql_init(&MysqlTemp);
if ((pSock = mysql_real_connect(&MysqlTemp, HOST, USERNAME, PASSWORD, DB, PORT, UNIX_SOCKET, CLIENT_FLAG)) == nullptr) {
#ifdef DEBUG_MOD
qDebug() << "Fail to connect mysql.\n";
qDebug() << mysql_error(&MysqlTemp) << endl;
#endif
return;
}
std::string sQuery = "SELECT ID, Nickname, Password, Introduction, Certificate, Gender, Age, Score FROM Users";
if (mysql_query(&MysqlTemp, sQuery.data()) != ){
#ifdef DEBUG_MOD
qDebug() << "Fail to query : " << QString::fromStdString(sQuery) << endl;
#endif
return;
}
MYSQL_RES * result;
MYSQL_ROW row;
if ((result = mysql_store_result(&MysqlTemp)) == NULL) {
#ifdef DEBUG_MOD
qDebug() << "Fail to store result!" << endl;
#endif
return;
} Users.clear();
//逐行取数据
while ((row = mysql_fetch_row(result)) != NULL) {
User UserTemp(atoi(row[]), std::string(row[]), std::string(row[]), std::string(row[]),
std::string(row[]), Gender(atoi(row[])), atoi(row[]), atoi(row[])); Users.push_back(UserTemp);
}
#ifdef DEBUG_MOD
qDebug() << "Load : " << Users.size() << endl;
#endif
mysql_close(pSock);
}
4. Leaderboard
反正只是一个大作业而已就不打算做什么翻页的功能了，直接一个滚动条滑到底好了。
首先是一个竖直的布局，有一个MainTitle(QLabel)和一个Leaderboard(QScrollArea)。QScrollArea里面先套了一个QWidget，在这个QWidget里面放竖直布局，竖直布局里面每行是一个水平布局，存放个人信息。值得注意的是QScrollArea需要执行一下setWidgetResizable(true)，否则会有显示错误……
^_^
namespace QtLeaderboard {
QWidget* CreateTips() {
QWidget* pwTips = new QWidget();
QHBoxLayout* phlTipsLayout = new QHBoxLayout(pwTips);
phlTipsLayout->addWidget(new QLabel(SET_TIP_HEAD), INT_SIZERATE_HEAD);
phlTipsLayout->addWidget(new QLabel(SET_TIP_NICKNAME), INT_SIZERATE_NICKNAME);
phlTipsLayout->addWidget(new QLabel(SET_TIP_INTRO), INT_SIZERATE_INTRO);
phlTipsLayout->addWidget(new QLabel(SET_TIP_SCORE), INT_SIZERATE_SCORE);
return pwTips;
}
QWidget* CreatePersonal(std::vector<User>::iterator itUserTemp) {
QWidget* pPersonal = new QWidget();
pPersonal->setFixedHeight(INT_PERSONAL_HEIGHT);
QHBoxLayout* phlPersonalLayout = new QHBoxLayout(pPersonal);
QLabel* plHead = new QLabel(pPersonal);
{
QImage Head(QString::fromStdString(itUserTemp->GetHead()));
Head = Head.scaled(INT_HEAD_WIDTH, INT_HEAD_HEIGHT);
plHead->setPixmap(QPixmap::fromImage(Head));
plHead->setAlignment(Qt::AlignCenter);
}
phlPersonalLayout->addWidget(plHead, INT_SIZERATE_HEAD);
phlPersonalLayout->addWidget(new QLabel(QString::fromStdString(itUserTemp->GetNickname())), INT_SIZERATE_NICKNAME);
phlPersonalLayout->addWidget(new QLabel(QString::fromStdString(itUserTemp->GetIntroduction())), INT_SIZERATE_INTRO);
phlPersonalLayout->addWidget(new QLabel(QString::number(itUserTemp->GetScore())), INT_SIZERATE_SCORE);
return pPersonal;
}
QScrollArea* CreateBoard() {
QScrollArea* psaBoard = new QScrollArea();
QWidget* pwBoard = new QWidget(psaBoard);
pwBoard->setFixedHeight(g_Users.size() * INT_PERSONAL_HEIGHT + INT_TIP_HEIGHT);
QVBoxLayout* pvlBoardLayout = new QVBoxLayout(pwBoard);
pvlBoardLayout->addWidget(QtLeaderboard::CreateTips());
//逐个用户添加信息
std::vector<User>::iterator itUserTemp;
//sort(g_Users.begin(), g_Users.end(), User::SortByScore);
for (itUserTemp = g_Users.begin(); itUserTemp != g_Users.end(); itUserTemp++) {
pvlBoardLayout->addWidget(QtLeaderboard::CreatePersonal(itUserTemp));
}
psaBoard->setWidget(pwBoard);
psaBoard->setWidgetResizable(true);
return psaBoard;
}
}
void Leaderboard::Init() {
QVBoxLayout *pvlMainLayout = new QVBoxLayout(this);
//加入主标题
pvlMainLayout->addWidget(new QLabel(STR_MAINTITLE_LEADERBOARD), INT_SIZERATE_MAINTITAL);
//加入排行榜界面
pvlMainLayout->addWidget(QtLeaderboard::CreateBoard(), INT_SIZERATE_BOARD);
}5. Personal
个人界面……写得还蛮久
亮点是实现了一个上传头像的功能吧，但是用Qt的getOpenFileName，QImage自带load和save，很容易就造出来了。
^_^
QWidget* Personal::CreateMainInfor() {
QWidget* pwBox = new QWidget();
QVBoxLayout* pvMainLayout = new QVBoxLayout(pwBox);
QLabelCenter* plHead = new QLabelCenter();
QImage Head = g_pCurrentUser->GetHead();
Head = Head.scaled(INT_HEAD_WIDTH, INT_HEAD_HEIGHT);
plHead->setPixmap(QPixmap::fromImage(Head));
pvMainLayout->addWidget(plHead, INT_SIZERATE_HEAD);
pvMainLayout->addWidget(new QLabelCenter(QString::fromStdString(g_pCurrentUser->GetNickname())), INT_SIZERATE_NICKNAME);
pvMainLayout->addWidget(new QLabelCenter(QString::fromStdString(g_pCurrentUser->GetIntroduction())), INT_SIZERATE_INTRO);
return pwBox;
}
QWidget* Personal::CreateSingleInfor(QString sTip, QString sInfor) {
QWidget* pwBox = new QWidget();
QHBoxLayout* phLayout = new QHBoxLayout(pwBox);
phLayout->addWidget(new QLabelCenter(sTip), INT_SIZERATE_SIN_TIP);
phLayout->addWidget(new QLabelCenter(sInfor), INT_SIZERATE_SIN_INFOR);
phLayout->addStretch(INT_SIZERATE_SIN_SPACE);
return pwBox;
}
QWidget* Personal::CreateInfor() {
QWidget* pwBox = new QWidget();
QVBoxLayout* pvLayout = new QVBoxLayout(pwBox);
pvLayout->addWidget(CreateSingleInfor(STR_TIP_AGE, QString::number(g_pCurrentUser->GetAge())));
pvLayout->addWidget(CreateSingleInfor(STR_TIP_GENDER, STR_GENDER[g_pCurrentUser->GetGender()]));
pvLayout->addWidget(CreateSingleInfor(STR_TIP_CERITI, QString::fromStdString(g_pCurrentUser->GetCertificate())));
pvLayout->addWidget(CreateSingleInfor(STR_TIP_SCORE, QString::number(g_pCurrentUser->GetScore())));
pvLayout->addWidget(CreateSingleInfor(STR_TIP_BALANCE, QString::number(g_pCurrentUser->GetBalance())));
return pwBox;
}
QWidget* Personal::CreateSingleModifyPassword() {
QWidget* pwBox = new QWidget();
QHBoxLayout* phLayout = new QHBoxLayout(pwBox);
QWidget* pwTip = new QWidget();
QVBoxLayout* pvLayoutTip = new QVBoxLayout(pwTip);
pvLayoutTip->addWidget(new QLabelCenter(STR_TIP_PASSWORD));
pvLayoutTip->addWidget(new QLabelCenter(STR_TIP_PASSWORDCON));
phLayout->addWidget(pwTip, INT_SIZERATE_MOD_TIP);
QWidget* pwEdit = new QWidget();
QVBoxLayout* pvLayoutEdit = new QVBoxLayout(pwEdit);
QLineEdit* pleInputPass = new QLineEdit();
pvLayoutEdit->addWidget(pleInputPass);
pleInputPass->setEchoMode(QLineEdit::Password);
QLineEdit* pleInputCon = new QLineEdit();
pvLayoutEdit->addWidget(pleInputCon);
pleInputCon->setEchoMode(QLineEdit::Password);
phLayout->addWidget(pwEdit, INT_SIZERATE_MOD_INPUT);
QPushButton* ppbButton = new QPushButton(STR_TIP_SIN_MODITY);
phLayout->addWidget(ppbButton, INT_SIZERATE_MOD_BUTTON);
connect(ppbButton, &QPushButton::clicked, [=]() {
if (pleInputPass->text() != pleInputCon->text()) {
QMessageBox::information(this, STR_MODIFY_FAIL, STR_PASSWORD_UNMATCH);
return;
}
if (g_pCurrentUser->ChangePassword(pleInputPass->text().toStdString()) == true) {
m_pParentTrans->ChangeContent(new Personal(m_pParentTrans));
}
else {
QMessageBox::information(this, STR_MODIFY_FAIL, STR_MODIFY_FAIL_TEXT);
return;
}
});
return pwBox;
}
QWidget* Personal::CreateSingleModify(QString sTip, bool(User::*pChange)(std::string)) {
QWidget* pwBox = new QWidget();
QHBoxLayout* phLayout = new QHBoxLayout(pwBox);
phLayout->addWidget(new QLabelCenter(sTip), INT_SIZERATE_MOD_TIP);
QLineEdit* pleInput = new QLineEdit();
phLayout->addWidget(pleInput, INT_SIZERATE_MOD_INPUT);
QPushButton* ppbButton = new QPushButton(STR_TIP_SIN_MODITY);
phLayout->addWidget(ppbButton, INT_SIZERATE_MOD_BUTTON);
connect(ppbButton, &QPushButton::clicked, [=]() {
if ((g_pCurrentUser->*pChange)(pleInput->text().toStdString()) == true) {
m_pParentTrans->ChangeContent(new Personal(m_pParentTrans));
}
else {
QMessageBox::information(this, STR_MODIFY_FAIL, STR_MODIFY_FAIL_TEXT);
return;
}
});
return pwBox;
}
QWidget* Personal::CreateSingleModifyGender() {
QWidget* pwBox = new QWidget();
QHBoxLayout* phLayout = new QHBoxLayout(pwBox);
phLayout->addWidget(new QLabelCenter(STR_TIP_GENDER), INT_SIZERATE_MOD_TIP);
QComboBox* pcbInput = GetInformation::CreateGenderCom();
phLayout->addWidget(pcbInput, INT_SIZERATE_MOD_INPUT);
QPushButton* ppbButton = new QPushButton(STR_TIP_SIN_MODITY);
phLayout->addWidget(ppbButton, INT_SIZERATE_MOD_BUTTON);
connect(ppbButton, &QPushButton::clicked, [=]() {
if (g_pCurrentUser->ChangeGender(pcbInput->currentIndex()) == true) {
m_pParentTrans->ChangeContent(new Personal(m_pParentTrans));
}
else {
QMessageBox::information(this, STR_MODIFY_FAIL, STR_MODIFY_FAIL_TEXT);
return;
}
});
return pwBox;
}
QScrollArea* Personal::CreateModify() {
QScrollArea* psaBox = new QScrollArea();
QWidget* pwBox = new QWidget();
QVBoxLayout* pvLayout = new QVBoxLayout(pwBox);
QPushButton* ppbUploadHead = new QPushButton(STR_HEAD_UPLOAD);
connect(ppbUploadHead, &QPushButton::clicked, [this]() {
QString filename = QFileDialog::getOpenFileName(this, STR_CHOOSE_IMAGE, "/", STR_IMAGE_FILTER);
if (filename.isEmpty())
return;
else
{
QImage Image;
if (!(Image.load(filename)))
{
QMessageBox::information(this, STR_LOAD_FAIL, STR_LOAD_FAIL_TEXT);
return;
}
QString sSavePath = QCoreApplication::applicationDirPath() + STR_HEAD_PATH;
Image.save(sSavePath + QString::number(g_pCurrentUser->GetId()) + STR_HEAD_TYPE);
m_pParentTrans->UpdateMenu();
m_pParentTrans->ChangeContent(new Personal(m_pParentTrans));
}
});
pvLayout->addWidget(ppbUploadHead, INT_SIZERATE_MOD_UPLOAD);
pvLayout->addWidget(CreateSingleModifyPassword(), INT_SIZERATE_MOD_INTRO);
pvLayout->addWidget(CreateSingleModify(STR_TIP_AGE, &(User::ChangeAge)), INT_SIZERATE_MOD_AGE);
pvLayout->addWidget(CreateSingleModify(STR_TIP_INTRO, &(User::ChangeIntro)), INT_SIZERATE_MOD_INTRO);
pvLayout->addWidget(CreateSingleModify(STR_TIP_CERITI, &(User::ChangeCeriti)), INT_SIZERATE_MOD_CERITI);
pvLayout->addWidget(CreateSingleModifyGender(), INT_SIZERATE_MOD_GENDER);
psaBox->setWidget(pwBox);
psaBox->setWidgetResizable(true);
return psaBox;
}
QTabWidget* Personal::CreateTab() {
QTabWidget* pwTabBox = new QTabWidget();
//标签页暂时只有这俩元素
pwTabBox->addTab(CreateInfor(), STR_TAB_INFOR);
pwTabBox->addTab(CreateModify(), STR_TAB_MODIFY);
return pwTabBox;
}
void Personal::Init() {
if (g_pCurrentUser == NULL) {
m_pParentTrans->ChangeContent(new Index(m_pParentTrans));
return;
}
QVBoxLayout *pvlMainLayout = new QVBoxLayout(this);
//主题拆成两块，主信息展示和标签页
pvlMainLayout->addWidget(CreateMainInfor(), INT_SIZERATE_INFOR);
pvlMainLayout->addWidget(CreateTab(), INT_SIZERATE_TAB);
}