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中设置图片为加载项

相关推荐
Humbunklung2 小时前
Rust Floem UI 框架使用简介
开发语言·ui·rust
aqi006 小时前
FFmpeg开发笔记(六十四)使用国产的RedPlayer播放器观看网络视频
android·ffmpeg·音视频·直播·流媒体
委婉待续8 小时前
Qt的学习(一)
开发语言·qt·学习
笨笨马甲8 小时前
Qt Quick Layout功能及架构
开发语言·qt
feiyangqingyun9 小时前
Qt/C++开发监控GB28181系统/取流协议/同时支持udp/tcp被动/tcp主动
c++·qt·udp·gb28181
jllws110 小时前
Qt学习及使用_第1部分_认识Qt---学习目的及技术准备
qt·c++框架
到点就困告10 小时前
海康工业相机SDK二次开发(VS+QT+海康SDK+C++)
数码相机·qt·海康
CodeCraft Studio16 小时前
【案例分享】如何借助JS UI组件库DHTMLX Suite构建高效物联网IIoT平台
javascript·物联网·ui
插件开发18 小时前
免费插件集-illustrator插件-Ai插件-随机填色
ui·illustrator
唐墨12321 小时前
android与Qt类比
android·开发语言·qt