文章目录

• 一．预览
• • 1.主界面
  • 2.评论查看
  • 3.留言点赞&验证
  • 4.刷起来
  • 5.选择表情
• 二．UI设计
• • 1.主界面UI：
  • 2.控制窗口UI：
  • 2.表情发送窗口UI：
• 三．几个主要逻辑及相关代码展示
• • 1.用户头像圆角：
  • 2.评论模拟ajax展示数据：
  • 3.视频切换、评论显示动画逻辑：
  • 4.视频窗口与控制窗口组合方式：
  • 5.自定义评论信息展示：
  • 6.发表情窗口：
• 四．总结
• 五．参考

一．预览

1.主界面

界面有点熟悉

2.评论查看

点击右侧查看评论按钮，评论信息会从屏幕下面弹出来。

3.留言点赞&验证

在评论信息中点击用户头像就可以快捷回复此用户评论，这里我输入两个表情并且加入文字

提交评论成功后，可以点击“分享”-“打开源网页”查看验证

PS：如果没有登陆账号，需要扫码登录一下！

4.刷起来

5.选择表情

为了尽量真实的模拟评论内容输入，本次额外绘制了一个“发表情”窗口。

二．UI设计

播放器由两个窗口组成，分别是视频主界面窗口以及控制窗口，视频的操作（暂停播放控制，视频切换）都是在视频主界面窗口实现的，在控制窗口实现视频点赞、评论查看、分享等功能。表情发送窗口用于评论内容表情输入。

1.主界面UI：

2.控制窗口UI：

控制窗口设计的很粗糙，主要实现时间显示，窗口控制，视频相关操作。

2.表情发送窗口UI：

此窗口结构较为简单主要由标签、按钮和tableWidget组成，所有表情在tableWidget中展示。

三．几个主要逻辑及相关代码展示

1.用户头像圆角：

2.评论模拟ajax展示数据：

效果图

3.视频切换、评论显示动画逻辑：

4.视频窗口与控制窗口组合方式：

5.自定义评论信息展示：

效果图-无需换行

效果图-需要换行

6.发表情窗口：

效果图

四．总结

本次开发了一款极低配的抖音，能够在PC上刷短视频，实现了点赞、评论、收藏以及部分交互动画，在开发过程中也遇到了一些困难，如账户登录、自定义widget还有一些动画，功能还有待拓展。参考了一些文章也包括一些C++的资料，创作实属不易，能点个赞吗~

五．参考

1.QListWidget自定义widget

2.动画

3.模拟登录

4.cookiejar的使用