Qt FFmpeg视频播放器开发：播放器UI改造高仿QQ影音

Posted 2022-02-05 令狐掌门

  最近把播放器项目进行了更新，决定参照QQ影音的界面进行实现，我现在的实现如下：

  下图是真实的QQ影音

  相比QQ影音界面，我的实现有一定的差距，主要是控件的配色，以及中间那个动态图，由于没有这个图，我用QWidget渐变色模拟实现。一般产品在开发前都有UI、产品进行界面设计，所有的配色，控件位置大小，交互，都已经做好了，程序员照着编写代码实现即可。

  我用C++ Qt的实现大概可以95%的还原QQ影音的界面以及相关功能，后续将会逐步更新新版的C++ ffmpeg视频播放器的实现步骤。
主要会从以下几个部分进行介绍：
（1）Qt界面布局，如何实现各种想要的界面布局；
（2）无边框窗口、自定义标题栏如何实现拉伸、特殊控件定位；