QT仿QQ聊天项目，第三节，实现主界面（好友列表）

目录

一，主界面示例

二，主界面控件组成

三，好友列表实现

1，好友列表的实现原理

2，实现示例代码

---

一，主界面示例

二，主界面控件组成

三，好友列表实现

1，好友列表的实现原理

好友列表的实现借助于QListWidget控件

QListWidget是一个列表视图控件，能够将信息以列表的方式进行存放，如文本，图片。

但是这里实现的关键，是QListWidget除了可以存放文本，图片等信息，还可以存放QWidget。

例子：这里的褐色框就是空的QListWidget

我们该如何添加  头像,名称，时间，消息等消息到同一列中去呢?

我们可以先将这些信息添加到一个QWidget中

其中头像，名称,时间用QLabel控件,消息用QLineEdit控件，并设置好布局

添加到QWidget中后，再将QWidget添加到QListWidget中，让一个QWidget占据一行

这样就得到了一个好友列表：

2，实现示例代码

for(int i=0;i<10;i++)
    {
        //创建好友列表项
        friendsItem * friItem = new friendsItem();
        friItem->setHeadImage("border-radius:30; border-image:url(:/HeadImage/10.png);");

        //QListWidgetItem
        QListWidgetItem * m_Item = new QListWidgetItem(ui->listWidget);


        //设置管理项，m_Item的宽高
        m_Item->setSizeHint(QSize(281,76));

        //将自定义的Qwidget--friItem,设置为m_Item的小部件。
        ui->listWidget->setItemWidget(m_Item,friItem);
    }

    ui->listWidget->setStyleSheet("QListWidget::item:selected{background-color:rgb(200,200,200);};");


    //去掉滑动条
    ui->listWidget->setVerticalScrollBarPolicy(Qt::ScrollBarAlwaysOff);   //垂直
    ui->listWidget->setHorizontalScrollBarPolicy(Qt::ScrollBarAlwaysOff); //水平