列表界面制作
在登录界面输入用户名和密码后,需要转换到列表界面,该界面能显示登录者的群聊以及联系人的名称,并且能够创建群聊、添加群聊以及添加好友。整体界面设计如下所示:
从登录界面转换到列表界面,需要进行在登录界面里hide窗口,并且要将播放的电影stop掉,否则一直在运行。然后将列表界面show出来,两者切换以及列表界面显示出来的效果如下所示:
可以看到,登录者的头像QLabel其实是我定好的,当然你也可以选择在代码中添加。登录者的信息(姓名+个性签名)显示在QTextEdit文本框中,你可以通过ui->textEdit->append()设置简单的文字,如果你也想去掉文本框的白色背景,那么可以加入这段话:
//去掉文本框的背景色
pale = ui->textEdit->palette();
pale.setBrush(QPalette::Base,QBrush(QColor(255,0,0,0)));
ui->textEdit->setPalette(pale); //设置背景透明
ui->textEdit->setStyleSheet("QTextEdit{border-width:0;border-style:outset}");
群聊和联系人都通过QTabWidget控件设置,里面的列表通过QListWidget实现,当你每添加一个联系人或者群聊,那么直接对QListWidget控件进行操作即可。另外,列表界面中有一个“+”号,点击显示添加好友、添加群聊、创建群聊的功能,这块之后再作介绍。
其他按键的选中显示、点击显示可以通过更改UI的QSS表实现,如果你想跟QQ界面类似,那么直接用截图软件提取QQ界面的色彩就好啦。