恋恋风辰的官方博客

聊天项目(26) 实现联系人和好友申请列表
Posted on 2024-07-21 15:50:28 by 恋恋风辰 | In C++ | 原文链接

简介

今日实现界面效果

https://cdn.llfc.club/1721547194830.jpg

联系人列表

我们自定义一个ChatUserList类，用来管理聊天列表。其声明如下：

  1. class ContactUserList : public QListWidget
  2. {
  3.     Q_OBJECT
  4. public:
  5.     ContactUserList(QWidget *parent = nullptr);
  6.     void ShowRedPoint(bool bshow = true);
  7. protected:
  8.     bool eventFilter(QObject *watched, QEvent *event) override ;
  10. private:
  11.     void addContactUserList();
  13. public slots:
  14.      void slot_item_clicked(QListWidgetItem *item);
  15. //     void slot_add_auth_firend(std::shared_ptr<AuthInfo>);
  16. //     void slot_auth_rsp(std::shared_ptr<AuthRsp>);
  17. signals:
  18.     void sig_loading_contact_user();
  19.     void sig_switch_apply_friend_page();
  20.     void sig_switch_friend_info_page();
  21. private:
  22.     ConUserItem* _add_friend_item;
  23.     QListWidgetItem * _groupitem;
  24. };

具体实现

  1. ContactUserList::ContactUserList(QWidget *parent)
  2. {
  3.     Q_UNUSED(parent);
  4.      this->setHorizontalScrollBarPolicy(Qt::ScrollBarAlwaysOff);
  5.      this->setVerticalScrollBarPolicy(Qt::ScrollBarAlwaysOff);
  6.     // 安装事件过滤器
  7.      this->viewport()->installEventFilter(this);
  9.     //模拟从数据库或者后端传输过来的数据,进行列表加载
  10.     addContactUserList();
  11.     //连接点击的信号和槽
  12.     connect(this, &QListWidget::itemClicked, this, &ContactUserList::slot_item_clicked);
  13. //    //链接对端同意认证后通知的信号
  14. //    connect(TcpMgr::GetInstance().get(), &TcpMgr::sig_add_auth_friend,this,
  15. //            &ContactUserList::slot_add_auth_firend);
  17. //    //链接自己点击同意认证后界面刷新
  18. //    connect(TcpMgr::GetInstance().get(), &TcpMgr::sig_auth_rsp,this,
  19. //            &ContactUserList::slot_auth_rsp);
  20. }
  22. void ContactUserList::ShowRedPoint(bool bshow /*= true*/)
  23. {
  24.     _add_friend_item->ShowRedPoint(bshow);
  25. }
  27. void ContactUserList::addContactUserList()
  28. {
  29.     auto * groupTip = new GroupTipItem();
  30.     QListWidgetItem *item = new QListWidgetItem;
  31.     item->setSizeHint(groupTip->sizeHint());
  32.     this->addItem(item);
  33.     this->setItemWidget(item, groupTip);
  34.     item->setFlags(item->flags() & ~Qt::ItemIsSelectable);
  36.     _add_friend_item = new ConUserItem();
  37.     _add_friend_item->setObjectName("new_friend_item");
  38.     _add_friend_item->SetInfo(0,tr("新的朋友"),":/res/add_friend.png");
  39.     _add_friend_item->SetItemType(ListItemType::APPLY_FRIEND_ITEM);
  41.     QListWidgetItem *add_item = new QListWidgetItem;
  42.     //qDebug()<<"chat_user_wid sizeHint is " << chat_user_wid->sizeHint();
  43.     add_item->setSizeHint(_add_friend_item->sizeHint());
  44.     this->addItem(add_item);
  45.     this->setItemWidget(add_item, _add_friend_item);
  47.     //默认设置新的朋友申请条目被选中
  48.     this->setCurrentItem(add_item);
  50.     auto * groupCon = new GroupTipItem();
  51.     groupCon->SetGroupTip(tr("联系人"));
  52.     _groupitem = new QListWidgetItem;
  53.     _groupitem->setSizeHint(groupCon->sizeHint());
  54.     this->addItem(_groupitem);
  55.     this->setItemWidget(_groupitem, groupCon);
  56.     _groupitem->setFlags(_groupitem->flags() & ~Qt::ItemIsSelectable);
  59.     // 创建QListWidgetItem，并设置自定义的widget
  60.     for(int i = 0; i < 13; i++){
  61.         int randomValue = QRandomGenerator::global()->bounded(100); // 生成0到99之间的随机整数
  62.         int str_i = randomValue%strs.size();
  63.         int head_i = randomValue%heads.size();
  64.         int name_i = randomValue%names.size();
  66.         auto *con_user_wid = new ConUserItem();
  67.         con_user_wid->SetInfo(0,names[name_i], heads[head_i]);
  68.         QListWidgetItem *item = new QListWidgetItem;
  69.         //qDebug()<<"chat_user_wid sizeHint is " << chat_user_wid->sizeHint();
  70.         item->setSizeHint(con_user_wid->sizeHint());
  71.         this->addItem(item);
  72.         this->setItemWidget(item, con_user_wid);
  73.     }
  74. }
  76. bool ContactUserList::eventFilter(QObject *watched, QEvent *event)
  77. {
  78.     // 检查事件是否是鼠标悬浮进入或离开
  79.     if (watched == this->viewport()) {
  80.         if (event->type() == QEvent::Enter) {
  81.             // 鼠标悬浮，显示滚动条
  82.             this->setVerticalScrollBarPolicy(Qt::ScrollBarAsNeeded);
  83.         } else if (event->type() == QEvent::Leave) {
  84.             // 鼠标离开，隐藏滚动条
  85.             this->setVerticalScrollBarPolicy(Qt::ScrollBarAlwaysOff);
  86.         }
  87.     }
  89.     // 检查事件是否是鼠标滚轮事件
  90.     if (watched == this->viewport() && event->type() == QEvent::Wheel) {
  91.         QWheelEvent *wheelEvent = static_cast<QWheelEvent*>(event);
  92.         int numDegrees = wheelEvent->angleDelta().y() / 8;
  93.         int numSteps = numDegrees / 15; // 计算滚动步数
  95.         // 设置滚动幅度
  96.         this->verticalScrollBar()->setValue(this->verticalScrollBar()->value() - numSteps);
  98.         // 检查是否滚动到底部
  99.         QScrollBar *scrollBar = this->verticalScrollBar();
  100.         int maxScrollValue = scrollBar->maximum();
  101.         int currentValue = scrollBar->value();
  102.         //int pageSize = 10; // 每页加载的联系人数量
  104.         if (maxScrollValue - currentValue <= 0) {
  105.             // 滚动到底部，加载新的联系人
  106.             qDebug()<<"load more contact user";
  107.             //发送信号通知聊天界面加载更多聊天内容
  108.             emit sig_loading_contact_user();
  109.          }
  111.         return true; // 停止事件传递
  112.     }
  114.     return QListWidget::eventFilter(watched, event);
  116. }
  118. void ContactUserList::slot_item_clicked(QListWidgetItem *item)
  119. {
  120.     QWidget *widget = this->itemWidget(item); // 获取自定义widget对象
  121.     if(!widget){
  122.         qDebug()<< "slot item clicked widget is nullptr";
  123.         return;
  124.     }
  126.     // 对自定义widget进行操作， 将item 转化为基类ListItemBase
  127.     ListItemBase *customItem = qobject_cast<ListItemBase*>(widget);
  128.     if(!customItem){
  129.         qDebug()<< "slot item clicked widget is nullptr";
  130.         return;
  131.     }
  133.     auto itemType = customItem->GetItemType();
  134.     if(itemType == ListItemType::INVALID_ITEM
  135.             || itemType == ListItemType::GROUP_TIP_ITEM){
  136.         qDebug()<< "slot invalid item clicked ";
  137.         return;
  138.     }
  140.    if(itemType == ListItemType::APPLY_FRIEND_ITEM){
  142.        // 创建对话框，提示用户
  143.        qDebug()<< "apply friend item clicked ";
  144.        //跳转到好友申请界面
  145.        emit sig_switch_apply_friend_page();
  146.        return;
  147.    }
  149.    if(itemType == ListItemType::CONTACT_USER_ITEM){
  150.        // 创建对话框，提示用户
  151.        qDebug()<< "contact user item clicked ";
  152.        //跳转到好友申请界面
  153.        emit sig_switch_friend_info_page();
  154.        return;
  155.    }
  156. }

构造函数中关闭了滚动条的显示，重写了事件过滤器，实现了根据鼠标区域判断是否显示滚动条的功能。

并且实现了点击其中某个item响应对应的功能。并根据不同的item类型跳转不同的页面。

联系人item

因为每一个item都是我们自己定义的，所以我们添加设计师界面类，界面布局如下所示

https://cdn.llfc.club/1721544014771.jpg

类的声明如下

  1. class ConUserItem : public ListItemBase
  2. {
  3.     Q_OBJECT
  5. public:
  6.     explicit ConUserItem(QWidget *parent = nullptr);
  7.     ~ConUserItem();
  8.     QSize sizeHint() const override;
  9.     void SetInfo(std::shared_ptr<AuthInfo> auth_info);
  10.     void SetInfo(std::shared_ptr<AuthRsp> auth_rsp);
  11.     void SetInfo(int uid, QString name, QString icon);
  12.     void ShowRedPoint(bool show = false);
  13. private:
  14.     Ui::ConUserItem *ui;
  15.     std::shared_ptr<UserInfo> _info;
  16. };

具体实现

  1. ConUserItem::ConUserItem(QWidget *parent) :
  2.     ListItemBase(parent),
  3.     ui(new Ui::ConUserItem)
  4. {
  5.     ui->setupUi(this);
  6.     SetItemType(ListItemType::CONTACT_USER_ITEM);
  7.     ui->red_point->raise();
  8.     ShowRedPoint(true);
  9. }
  11. ConUserItem::~ConUserItem()
  12. {
  13.     delete ui;
  14. }
  16. QSize ConUserItem::sizeHint() const
  17. {
  18.     return QSize(250, 70); // 返回自定义的尺寸
  19. }
  21. void ConUserItem::SetInfo(std::shared_ptr<AuthInfo> auth_info)
  22. {
  23.     _info = std::make_shared<UserInfo>(auth_info);
  24.     // 加载图片
  25.     QPixmap pixmap(_info->_icon);
  27.     // 设置图片自动缩放
  28.     ui->icon_lb->setPixmap(pixmap.scaled(ui->icon_lb->size(), Qt::KeepAspectRatio, Qt::SmoothTransformation));
  29.     ui->icon_lb->setScaledContents(true);
  31.     ui->user_name_lb->setText(_info->_name);
  32. }
  34. void ConUserItem::SetInfo(int uid, QString name, QString icon)
  35. {
  36.      _info = std::make_shared<UserInfo>(uid,name, icon);
  38.      // 加载图片
  39.      QPixmap pixmap(_info->_icon);
  41.      // 设置图片自动缩放
  42.      ui->icon_lb->setPixmap(pixmap.scaled(ui->icon_lb->size(), Qt::KeepAspectRatio, Qt::SmoothTransformation));
  43.      ui->icon_lb->setScaledContents(true);
  45.      ui->user_name_lb->setText(_info->_name);
  46. }
  48. void ConUserItem::SetInfo(std::shared_ptr<AuthRsp> auth_rsp){
  49.     _info = std::make_shared<UserInfo>(auth_rsp);
  51.     // 加载图片
  52.     QPixmap pixmap(_info->_icon);
  54.     // 设置图片自动缩放
  55.     ui->icon_lb->setPixmap(pixmap.scaled(ui->icon_lb->size(), Qt::KeepAspectRatio, Qt::SmoothTransformation));
  56.     ui->icon_lb->setScaledContents(true);
  58.     ui->user_name_lb->setText(_info->_name);
  59. }
  61. void ConUserItem::ShowRedPoint(bool show)
  62. {
  63.     if(show){
  64.         ui->red_point->show();
  65.     }else{
  66.         ui->red_point->hide();
  67.     }
  69. }

这样我们启动程序就能看到模拟的联系人列表被加载进来了。

申请列表

申请页面ui布局如下

https://cdn.llfc.club/1721545292540.jpg

我们新增ApplyFriendPage类，用来显示申请列表

  1. class ApplyFriendPage : public QWidget
  2. {
  3.     Q_OBJECT
  5. public:
  6.     explicit ApplyFriendPage(QWidget *parent = nullptr);
  7.     ~ApplyFriendPage();
  8.     void AddNewApply(std::shared_ptr<AddFriendApply> apply);
  9. protected:
  10.     void paintEvent(QPaintEvent *event);
  11. private:
  12.     void loadApplyList();
  13.     Ui::ApplyFriendPage *ui;
  14.     std::unordered_map<int, ApplyFriendItem*> _unauth_items;
  15. public slots:
  16.     void slot_auth_rsp(std::shared_ptr<AuthRsp> );
  17. signals:
  18.     void sig_show_search(bool);
  19. };

具体实现

  1. ApplyFriendPage::ApplyFriendPage(QWidget *parent) :
  2.     QWidget(parent),
  3.     ui(new Ui::ApplyFriendPage)
  4. {
  5.     ui->setupUi(this);
  6.     connect(ui->apply_friend_list, &ApplyFriendList::sig_show_search, this, &ApplyFriendPage::sig_show_search);
  7.     loadApplyList();
  8.     //接受tcp传递的authrsp信号处理
  9.     connect(TcpMgr::GetInstance().get(), &TcpMgr::sig_auth_rsp, this, &ApplyFriendPage::slot_auth_rsp);
  10. }
  12. ApplyFriendPage::~ApplyFriendPage()
  13. {
  14.     delete ui;
  15. }
  17. void ApplyFriendPage::AddNewApply(std::shared_ptr<AddFriendApply> apply)
  18. {
  19.     //先模拟头像随机，以后头像资源增加资源服务器后再显示
  20.     int randomValue = QRandomGenerator::global()->bounded(100); // 生成0到99之间的随机整数
  21.     int head_i = randomValue % heads.size();
  22.     auto* apply_item = new ApplyFriendItem();
  23.     auto apply_info = std::make_shared<ApplyInfo>(apply->_from_uid,
  24.              apply->_name, apply->_desc,heads[head_i], apply->_name, 0, 0);
  25.     apply_item->SetInfo( apply_info);
  26.     QListWidgetItem* item = new QListWidgetItem;
  27.     //qDebug()<<"chat_user_wid sizeHint is " << chat_user_wid->sizeHint();
  28.     item->setSizeHint(apply_item->sizeHint());
  29.     item->setFlags(item->flags() & ~Qt::ItemIsEnabled & ~Qt::ItemIsSelectable);
  30.     ui->apply_friend_list->insertItem(0,item);
  31.     ui->apply_friend_list->setItemWidget(item, apply_item);
  32.     apply_item->ShowAddBtn(true);
  33.     //收到审核好友信号
  34.     connect(apply_item, &ApplyFriendItem::sig_auth_friend, [this](std::shared_ptr<ApplyInfo> apply_info) {
  35. //        auto* authFriend = new AuthenFriend(this);
  36. //        authFriend->setModal(true);
  37. //        authFriend->SetApplyInfo(apply_info);
  38. //        authFriend->show();
  39.         });
  40. }
  42. void ApplyFriendPage::paintEvent(QPaintEvent *event)
  43. {
  44.     QStyleOption opt;
  45.     opt.init(this);
  46.     QPainter p(this);
  47.     style()->drawPrimitive(QStyle::PE_Widget, &opt, &p, this);
  48. }
  50. void ApplyFriendPage::loadApplyList()
  51. {
  52.     //添加好友申请
  53.     auto apply_list = UserMgr::GetInstance()->GetApplyList();
  54.     for(auto &apply: apply_list){
  55.         int randomValue = QRandomGenerator::global()->bounded(100); // 生成0到99之间的随机整数
  56.         int head_i = randomValue % heads.size();
  57.         auto* apply_item = new ApplyFriendItem();
  58.         apply->SetIcon(heads[head_i]);
  59.         apply_item->SetInfo(apply);
  60.         QListWidgetItem* item = new QListWidgetItem;
  61.         //qDebug()<<"chat_user_wid sizeHint is " << chat_user_wid->sizeHint();
  62.         item->setSizeHint(apply_item->sizeHint());
  63.         item->setFlags(item->flags() & ~Qt::ItemIsEnabled & ~Qt::ItemIsSelectable);
  64.         ui->apply_friend_list->insertItem(0,item);
  65.         ui->apply_friend_list->setItemWidget(item, apply_item);
  66.         if(apply->_status){
  67.             apply_item->ShowAddBtn(false);
  68.         }else{
  69.              apply_item->ShowAddBtn(true);
  70.              auto uid = apply_item->GetUid();
  71.              _unauth_items[uid] = apply_item;
  72.         }
  74.         //收到审核好友信号
  75.         connect(apply_item, &ApplyFriendItem::sig_auth_friend, [this](std::shared_ptr<ApplyInfo> apply_info) {
  76. //            auto* authFriend = new AuthenFriend(this);
  77. //            authFriend->setModal(true);
  78. //            authFriend->SetApplyInfo(apply_info);
  79. //            authFriend->show();
  80.             });
  81.     }
  83.     // 模拟假数据，创建QListWidgetItem，并设置自定义的widget
  84.     for(int i = 0; i < 13; i++){
  85.         int randomValue = QRandomGenerator::global()->bounded(100); // 生成0到99之间的随机整数
  86.         int str_i = randomValue%strs.size();
  87.         int head_i = randomValue%heads.size();
  88.         int name_i = randomValue%names.size();
  90.         auto *apply_item = new ApplyFriendItem();
  91.         auto apply = std::make_shared<ApplyInfo>(0, names[name_i], strs[str_i],
  92.                                     heads[head_i], names[name_i], 0, 1);
  93.         apply_item->SetInfo(apply);
  94.         QListWidgetItem *item = new QListWidgetItem;
  95.         //qDebug()<<"chat_user_wid sizeHint is " << chat_user_wid->sizeHint();
  96.         item->setSizeHint(apply_item->sizeHint());
  97.         item->setFlags(item->flags() & ~Qt::ItemIsEnabled & ~Qt::ItemIsSelectable);
  98.         ui->apply_friend_list->addItem(item);
  99.         ui->apply_friend_list->setItemWidget(item, apply_item);
  100.         //收到审核好友信号
  101.         connect(apply_item, &ApplyFriendItem::sig_auth_friend, [this](std::shared_ptr<ApplyInfo> apply_info){
  102. //            auto *authFriend =  new AuthenFriend(this);
  103. //            authFriend->setModal(true);
  104. //            authFriend->SetApplyInfo(apply_info);
  105. //            authFriend->show();
  106.         });
  107.     }
  108. }
  110. void ApplyFriendPage::slot_auth_rsp(std::shared_ptr<AuthRsp> auth_rsp)
  111. {
  112.     auto uid = auth_rsp->_uid;
  113.     auto find_iter = _unauth_items.find(uid);
  114.     if (find_iter == _unauth_items.end()) {
  115.         return;
  116.     }
  118.     find_iter->second->ShowAddBtn(false);
  119. }

因为每个item自定义，所以我们新增设计师界面类ApplyFriendItem

界面布局

https://cdn.llfc.club/1721546273709.jpg

类的声明如下：

  1. class ApplyFriendItem : public ListItemBase
  2. {
  3.     Q_OBJECT
  5. public:
  6.     explicit ApplyFriendItem(QWidget *parent = nullptr);
  7.     ~ApplyFriendItem();
  8.     void SetInfo(std::shared_ptr<ApplyInfo> apply_info);
  9.     void ShowAddBtn(bool bshow);
  10.     QSize sizeHint() const override {
  11.         return QSize(250, 80); // 返回自定义的尺寸
  12.     }
  13.     int GetUid();
  14. private:
  15.     Ui::ApplyFriendItem *ui;
  16.     std::shared_ptr<ApplyInfo> _apply_info;
  17.     bool _added;
  18. signals:
  19.     void sig_auth_friend(std::shared_ptr<ApplyInfo> apply_info);
  20. };

以下为具体实现

  1. ApplyFriendItem::ApplyFriendItem(QWidget *parent) :
  2.     ListItemBase(parent), _added(false),
  3.     ui(new Ui::ApplyFriendItem)
  4. {
  5.     ui->setupUi(this);
  6.     SetItemType(ListItemType::APPLY_FRIEND_ITEM);
  7.     ui->addBtn->SetState("normal","hover", "press");
  8.     ui->addBtn->hide();
  9.     connect(ui->addBtn, &ClickedBtn::clicked,  [this](){
  10.         emit this->sig_auth_friend(_apply_info);
  11.     });
  12. }
  14. ApplyFriendItem::~ApplyFriendItem()
  15. {
  16.     delete ui;
  17. }
  19. void ApplyFriendItem::SetInfo(std::shared_ptr<ApplyInfo> apply_info)
  20. {
  21.     _apply_info = apply_info;
  22.     // 加载图片
  23.     QPixmap pixmap(_apply_info->_icon);
  25.     // 设置图片自动缩放
  26.     ui->icon_lb->setPixmap(pixmap.scaled(ui->icon_lb->size(), Qt::KeepAspectRatio, Qt::SmoothTransformation));
  27.     ui->icon_lb->setScaledContents(true);
  29.     ui->user_name_lb->setText(_apply_info->_name);
  30.     ui->user_chat_lb->setText(_apply_info->_desc);
  31. }
  33. void ApplyFriendItem::ShowAddBtn(bool bshow)
  34. {
  35.     if (bshow) {
  36.         ui->addBtn->show();
  37.         ui->already_add_lb->hide();
  38.         _added = false;
  39.     }
  40.     else {
  41.         ui->addBtn->hide();
  42.         ui->already_add_lb->show();
  43.         _added = true;
  44.     }
  45. }
  47. int ApplyFriendItem::GetUid() {
  48.     return _apply_info->_uid;
  49. }

申请列表类ApplyFriendList的声明如下

  1. class ApplyFriendList: public QListWidget
  2. {
  3.     Q_OBJECT
  4. public:
  5.     ApplyFriendList(QWidget *parent = nullptr);
  6. protected:
  7.     bool eventFilter(QObject *watched, QEvent *event) override;
  9. private slots:
  11. signals:
  12.     void sig_show_search(bool);
  13. };

具体实现

  1. ApplyFriendList::ApplyFriendList(QWidget *parent)
  2. {
  3.     Q_UNUSED(parent);
  4.      this->setHorizontalScrollBarPolicy(Qt::ScrollBarAlwaysOff);
  5.      this->setVerticalScrollBarPolicy(Qt::ScrollBarAlwaysOff);
  6.     // 安装事件过滤器
  7.     this->viewport()->installEventFilter(this);
  8. }
  10. bool ApplyFriendList::eventFilter(QObject *watched, QEvent *event)
  11. {
  13.     // 检查事件是否是鼠标悬浮进入或离开
  14.     if (watched == this->viewport()) {
  15.         if (event->type() == QEvent::Enter) {
  16.             // 鼠标悬浮，显示滚动条
  17.             this->setVerticalScrollBarPolicy(Qt::ScrollBarAsNeeded);
  18.         } else if (event->type() == QEvent::Leave) {
  19.             // 鼠标离开，隐藏滚动条
  20.             this->setVerticalScrollBarPolicy(Qt::ScrollBarAlwaysOff);
  21.         }
  22.     }
  24.     if (watched == this->viewport()) {
  25.         if (event->type() == QEvent::MouseButtonPress) {
  26.             emit sig_show_search(false);
  27.         }
  28.    }
  30.     // 检查事件是否是鼠标滚轮事件
  31.     if (watched == this->viewport() && event->type() == QEvent::Wheel) {
  32.         QWheelEvent *wheelEvent = static_cast<QWheelEvent*>(event);
  33.         int numDegrees = wheelEvent->angleDelta().y() / 8;
  34.         int numSteps = numDegrees / 15; // 计算滚动步数
  36.         // 设置滚动幅度
  37.         this->verticalScrollBar()->setValue(this->verticalScrollBar()->value() - numSteps);
  39.         return true; // 停止事件传递
  40.     }
  42.     return QListWidget::eventFilter(watched, event);
  44. }

然后在ChatDialog的stackedWidget中将friend_apply_page升级为ApplyFriendPage.

这样我们启动程序就能看到联系人列表和申请列表了。

下一步还需要写QSS美化以下

  1. #con_user_list {
  2.     background-color: rgb(247,247,248);
  3.     border: none;
  4. }
  6. #con_user_list::item:selected {
  7.     background-color: #d3d7d4;
  8.     border: none;
  9.     outline: none;
  10. }
  12. #con_user_list::item:hover {
  13.     background-color: rgb(206,207,208);
  14.     border: none;
  15.     outline: none;
  16. }
  18. #con_user_list::focus {
  19.     border: none;
  20.     outline: none;
  21. }
  23. #GroupTipItem {
  24.     background-color: #eaeaea;
  25.     border: none;
  26. }
  28. #GroupTipItem QLabel{
  29.     color: #2e2f30;
  30.     font-size: 12px; /* 设置字体大小 */
  31.     font-family: "Microsoft YaHei"; /* 设置字体 */
  32.     border: none;
  33. }
  35. #new_friend_item {
  36.      border-bottom: 1px solid #eaeaea;
  37. }
  39. #LineItem {
  40.     background-color:rgb(247,247,247);
  41.     border: none;
  42. }
  44. #friend_apply_lb {
  45.     font-family: "Microsoft YaHei";
  46.     font-size: 18px;
  47.     font-weight: normal;
  48. }
  50. #friend_apply_wid {
  51.     background-color: #f1f2f3;
  52.     border-bottom: 1px solid #ede9e7;
  53. }
  55. #apply_friend_list {
  56.     background-color: #f1f2f3;
  57.     border-left: 1px solid #ede9e7;
  58.     border-top: none;
  59.     border-right: none;
  60.     border-bottom: none;
  61. }
  63. ApplyFriendItem {
  64.     background-color: #f1f2f3;
  65.     border-bottom: 2px solid #dbd9d9;
  66. }
  68. ApplyFriendItem #user_chat_lb{
  69.     color: #a2a2a2;
  70.     font-size: 14px; /* 设置字体大小 */
  71.     font-family: "Microsoft YaHei"; /* 设置字体 */
  72. }
  74. ApplyFriendItem #addBtn[state='normal'] {
  75.     background-color: #d3d7d4;
  76.     color: #2cb46e;
  77.     font-size: 16px; /* 设置字体大小 */
  78.     font-family: "Microsoft YaHei"; /* 设置字体 */
  79.     border-radius: 20px; /* 设置圆角 */
  80. }
  82. ApplyFriendItem #addBtn[state='hover'] {
  83.     background-color: #D3D3D3;
  84.     color: #2cb46e;
  85.     font-size: 16px; /* 设置字体大小 */
  86.     font-family: "Microsoft YaHei"; /* 设置字体 */
  87.     border-radius: 20px; /* 设置圆角 */
  88. }
  90. ApplyFriendItem #addBtn[state='press'] {
  91.     background-color: #BEBEBE;
  92.     color: #2cb46e;
  93.     font-size: 16px; /* 设置字体大小 */
  94.     font-family: "Microsoft YaHei"; /* 设置字体 */
  95.     border-radius: 20px; /* 设置圆角 */
  96. }
  98. #already_add_lb{
  99.     color:rgb(153,153,153);
  100.     font-size: 12px;
  101.     font-family: "Microsoft YaHei";
  102. }
  104. #user_name_lb{
  105.     color:rgb(0,0,0);
  106.     font-size: 16px;
  107.     font-weight: normal;
  108.     font-family: "Microsoft YaHei";
  109. }

源码连接

https://gitee.com/secondtonone1/llfcchat

视频连接

https://www.bilibili.com/video/BV1SS42197Yo/?vd_source=8be9e83424c2ed2c9b2a3ed1d01385e9

热门评论
点击查看更多评论 没有更多评论了,点击收起 展开评论

热门文章

  1. C++ 类的继承封装和多态
    喜欢(588) 浏览(3883)

  2. Linux环境搭建和编码
    喜欢(594) 浏览(8708)

  3. windows环境搭建和vscode配置
    喜欢(587) 浏览(2056)

  4. 解密定时器的实现细节
    喜欢(566) 浏览(2791)

  5. slice介绍和使用
    喜欢(521) 浏览(2092)

最新评论

  1. asio多线程模型IOServicePool Lion:线程池一定要继承单例模式吗
  2. 泛型算法的定制操作 secondtonone1:lambda和bind是C11新增的利器，善于利用这两个机制可以极大地提升编程安全性和效率。
  3. 类和对象 陈宇航:支持！！！！
  4. C++ 虚函数表原理和类成员内存分布 WangQi888888:class Test{ int m; int b; }中b成员是int，为什么在内存中只占了1个字节。不应该是4个字节吗？是不是int应该改为char。这样的话就会符合图上说明的情况
  5. 解决博客回复区被脚本注入的问题 secondtonone1:走到现在我忽然明白一个道理，无论工作也好生活也罢，最重要的是开心，即使一份安稳的工作不能给我带来事业上的积累也要合理的舍弃，所以我还是想去做喜欢的方向。

其他链接

  1. GitHub
  2. 个人博客
  3. 博客园
  4. CSDN

个人公众号

个人微信