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

相关推荐
SilentSlot5 小时前
【QT-QML】5. 简单变换
qt·qml
假装我不帅6 小时前
ffmpeg操作mp3去除封面信息
ffmpeg
AC赳赳老秦10 小时前
DeepSeek 辅助科研项目申报:可行性报告与经费预算框架的智能化撰写指南
数据库·人工智能·科技·mongodb·ui·rabbitmq·deepseek
云中飞鸿13 小时前
VS2015安装后,安装QT59,之后安装qt-vsaddin-msvc2015-2.4.3.vsix 文件失败问题!
开发语言·qt
Dontla13 小时前
Axure RP(Rapid Prototyper)原型图设计工具介绍
ui·axure·photoshop
晚霞的不甘13 小时前
Flutter for OpenHarmony从基础到专业:深度解析新版番茄钟的倒计时优化
android·flutter·ui·正则表达式·前端框架·鸿蒙
凯子坚持 c13 小时前
Qt常用控件指南(9)
开发语言·qt
创客小邓16 小时前
Qt对SQLite数据库的操作
数据库·qt·sqlite
XPii16 小时前
Photoshop应用——将图片变为油画效果
ui·photoshop
小小码农Come on16 小时前
QT布局介绍
开发语言·qt