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);
}

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

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

qt编写网易云界面（7）----个性推荐界面
前段时间把qt网易云中的轮播图,写了一下,多谢谢建波大佬给的指点,后期我也会把源码发到git 上,让大家快点了解,喜欢我博客,可以关注我,私信我可以提前得到当前代码.(看到必回) 我们目标的网易云界面 ...
qt编写网易云界面（8）----专属定制界面
前段时间把qt网易云中的简单的画廊写了一下,多谢狗哥大佬给的指点,后期我也会把源码发到git 上,让大家快点了解,喜欢我博客,可以关注我,私信我可以提前得到当前代码.(看到必回) 我们目标的网易云界面 ...
qt编写网易云界面（5）----搜索框的实现
我们知道当我们点击网易云的搜索框的时候,会出现对应的搜索内容. 如下图: 滑块可以滑动,选择对应的模块我实现的部分: gif显示的还是不是那么好.下面简单实现过程: 主页面使用过滤器,构造函数中: ...
qt编写网易云界面（16）---- 源码与感想
前言: 网易云这个项目弄完了,不知道为何,做完后有点点失落感,当时没有考虑到后面会有小伙伴们想要学习这个代码,所以在项目开始的时候做的非常错乱,很多现在看看都是非常低级的问题. 这个项目算是刚接触qt ...
qt编写网易云界面（3）----列表框的实现
今天完成列表框的数据,我们来看下,原版网易云部分: 我们要实现的就是左边的部分,标题栏与下面控制栏都已经写完毕.详细可以看我前面播客. 目前完成的部分: 首先要说明一下,里面会有些不同,毕竟我找不到图 ...
qt编写网易云界面（13）----一键换肤模块
有关一键换肤,我们可以加载不同的qss文件对应其经行改变,这里模仿网易云,一键换肤的功能,直接看写过的部分. 代码这周就上传了,想要代码的朋友,记得关注与点赞,让我们共同进步. 这里我放入了6个模块颜 ...
qt编写网易云界面（10）----排行榜模块
这个模块东西感觉不是很多,其实在,开发的时候细节还是很麻烦的,本以为2个小时绝对搞定,结果搞了半天,不过也想到了很多方式去实现对应的效果,希望大家能够喜欢. 喜欢我,点赞加关注我偶,很快会把整个项目给 ...
基于qt实现网易云界面轮播效果实现
基于qt实现网易云音乐的轮播效果网易云轮播效果前言其实主要是想做点记录吧,本人比较喜欢音乐,所以在上周决定在搭建一个网易云的界面框架,不做不知道,做了才发现qt还有很多的框架是自己不太熟悉的. ...
基于Qt模仿网易云音乐播放器
基于Qt模仿网易云音乐界面,目前只实现了部分界面,后续继续完善改造. 部分代码: #ifndef MYSQLDATAMGR_H #define MYSQLDATAMGR_H#include <Q ...

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

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

最新文章

热门文章