FFmpeg+QT播放器实战1---UI页面的设计

1、播放器整体布局的设计

该部分使用QT的UI工具,进行整体页面设置,如下图1所示:

2、控制布局的设计

创建ctrBar的UI页面并进行页面布局设置,如下图2所示:

将图1中ctrBarWind对象提升为ctrBar类(该界面替代原先的控制类Qwidget),此时运行画面效果如下:

设置QTimeEdit的buttonSymbols的值为NoButtons

3、标题布局的设计

创建TitleBar的UI页面并进行页面布局设置,如下图3所示:

将图1中dockWidgetContext类提升为TitleBar,此时整体页面运行效果如下:

4、播放列表的设计

将mianWindow中的playListContext提升为PlayList

此时的运行界面效果如下:

5、画面显示的设计

将mainWind提升为Display类,此时整体界面如下:

6、控制界面图片资源的加载

**

在CtrBar中设置图片为加载项

相关推荐
Yasin Chen1 天前
Unity UI坐标说明
ui·unity
我是菜鸟0713号1 天前
Qt 中 OPC UA 通讯实战
开发语言·qt
JCBP_1 天前
QT(4)
开发语言·汇编·c++·qt·算法
lqjun08272 天前
Qt程序单独运行报错问题
开发语言·qt
酷飞飞2 天前
Qt Designer与事件处理
开发语言·qt·命令模式
mkhase2 天前
9.12-QT-基本登陆界面实现
java·jvm·qt
简鹿办公2 天前
FFmpeg vs 去水印软件:哪种方式更适合你?
ffmpeg·怎样去除视频水印·如何去视频logo视频水印
咕噜咕噜啦啦2 天前
Qt之快捷键、事件处理、自定义按键——完成记事本项目
开发语言·qt
Quz2 天前
QML Charts组件之折线图的鼠标交互
qt
眠りたいです2 天前
基于脚手架微服务的视频点播系统-数据管理与网络通信部分的预备工作
c++·qt·ui·微服务·云原生·架构·媒体