qt编写网易云界面（6）----个人中心的实现

我们点击网易云的个人中心的时候。

 目前我实现的部分：

 还是有点区别的，这部分动态图如下：

 这里personform.ui布局部分：

 personform.h

#ifndef PERSONFORM_H
#define PERSONFORM_H

#include <QWidget>

namespace Ui {
class personForm;
}

class personForm : public QWidget
{
    Q_OBJECT
protected:
    void leaveEvent(QEvent *event);
public:
    explicit personForm(QWidget *parent = nullptr);
    ~personForm();

private slots:
    void on_pushButton_dynamic_clicked();

    void on_pushButton_attention_clicked();

    void on_pushButton_fans_clicked();

    void on_pushButton_sign_clicked();

    void on_pushButton_Center_clicked();

    void on_pushButton_Class_clicked();

    void on_pushButton_store_clicked();

    void on_pushButton_person_mess_clicked();

    void on_pushButton_binding_clicked();

    void on_pushButton_myservice_clicked();

    void on_pushButton_myquit_clicked();

private:
    Ui::personForm *ui;
};

#endif // PERSONFORM_H

 personform.cpp

#include "personform.h"
#include "ui_personform.h"

//鼠标离开
void personForm::leaveEvent(QEvent *event)
{
    Q_UNUSED(event);
    this->close();
}

personForm::personForm(QWidget *parent) :
    QWidget(parent),
    ui(new Ui::personForm)
{
    ui->setupUi(this);
    setAttribute(Qt::WA_StyledBackground); //设置样式表
}

personForm::~personForm()
{
    delete ui;
}

void personForm::on_pushButton_dynamic_clicked()
{

}

void personForm::on_pushButton_attention_clicked()
{

}

void personForm::on_pushButton_fans_clicked()
{

}

void personForm::on_pushButton_sign_clicked()
{

}

void personForm::on_pushButton_Center_clicked()
{

}

void personForm::on_pushButton_Class_clicked()
{

}

void personForm::on_pushButton_store_clicked()
{

}

void personForm::on_pushButton_person_mess_clicked()
{

}

void personForm::on_pushButton_binding_clicked()
{

}

void personForm::on_pushButton_myservice_clicked()
{

}

void personForm::on_pushButton_myquit_clicked()
{

}

对应的qss部分：

/*个人中心按钮*/

QPushButton#pushButton_dynamic
{
	background:#00FFFFFF;
	color:rgb(102,102,102);
}

QPushButton#pushButton_attention
{
	background:#00FFFFFF;
	color:rgb(102,102,102);
}
QPushButton#pushButton_fans
{
	background:#00FFFFFF;
	color:rgb(102,102,102);
}
/*个人签到按钮*/
QPushButton#pushButton_sign
{
	background:#00FFFFFF;
	border-image:url(images/签到.png);
}
QPushButton:hover#pushButton_sign
{
	background:#00FFFFFF;
	border-image:url(images/签到2.png);
}
/*会员中心*/
QPushButton#pushButton_Center
{
	background:#00FFFFFF;
}
QPushButton:hover#pushButton_Center
{
	border:0px;
	background:rgb(246,246,247);
}


QPushButton#pushButton_Class
{
	background:#00FFFFFF;
}
QPushButton:hover#pushButton_Class
{
	border:0px;
	background:rgb(246,246,247);
}

QPushButton#pushButton_store
{
	background:#00FFFFFF;
}
QPushButton:hover#pushButton_store
{
	border:0px;
	background:rgb(246,246,247);
}

QPushButton#pushButton_person_mess
{
	background:#00FFFFFF;
}
QPushButton:hover#pushButton_person_mess
{
	border:0px;
	background:rgb(246,246,247);
}

QPushButton#pushButton_binding
{
	background:#00FFFFFF;
}
QPushButton:hover#pushButton_binding
{
	border:0px;
	background:rgb(246,246,247);
}

QPushButton#pushButton_myservice
{
	background:#00FFFFFF;
}
QPushButton:hover#pushButton_myservice
{
	border:0px;
	background:rgb(246,246,247);
}

QPushButton#pushButton_myquit
{
	background:#00FFFFFF;
}
QPushButton:hover#pushButton_myquit
{
	border:0px;
	background:rgb(246,246,247);
}

/*字体颜色48,48,49*/
/*会员中心*/

QLabel#label_center
{
	border-image:url(images/中心.png);
}
QLabel#label_center2
{
	color:rgb(48,48,49);
}
QLabel#label_center3
{
	color:rgb(204,204,204);
}

QLabel#label_class
{
	border-image:url(images/等级.png);
}

QLabel#label_class2
{
	color:rgb(48,48,49);
}

QLabel#label_class3
{
	color:rgb(159,159,160);
}
QLabel#label_store
{
	border-image:url(images/商城.png);
}

QLabel#label_store2
{
	color:rgb(48,48,49);
}

QLabel#label_person_message
{
	border-image:url(images/个人信息.png);
}
QLabel#label_person_message2
{
	color:rgb(48,48,49);
}

QLabel#label_binding
{
	border-image:url(images/绑定.png);
}
QLabel#label_binding2
{
	color:rgb(48,48,49);
}
QLabel#label_binding3
{
	border-image:url(images/微博.png);
}


QLabel#label_service
{
	border-image:url(images/客服.png);
}
QLabel#label_service2
{
	color:rgb(48,48,49);
}

QLabel#label_quit
{
	border-image:url(images/退出.png);
}
QLabel#label_quit2
{
	color:rgb(48,48,49);
}

/*线*/
QLabel#label_line1
{
	border:1px solid rgb(238,238,238); 
}
QLabel#label_line2
{
	border:1px solid rgb(238,238,238); 
}
QLabel#label_line3
{
	border:1px solid rgb(238,238,238); 
}
QLabel#label_line4
{
	border:1px solid rgb(238,238,238); 
}

/*个人中心L*/
QLabel#label_L
{
	border-image:url(images/btn_right_1_n.png);
}
QLabel#label_L2
{
	border-image:url(images/btn_right_1_n.png);
}
QLabel#label_L3
{
	border-image:url(images/btn_right_1_n.png);
}
QLabel#label_L4
{
	border-image:url(images/btn_right_1_n.png);
}
QLabel#label_L5
{
	border-image:url(images/btn_right_1_n.png);
}
QLabel#label_L6
{
	border-image:url(images/btn_right_1_n.png);
}

 有关源码部分，后期我会上交到码云上，希望大家可以学习下。关注不迷路，让我们共同进步。