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

相关推荐
兰亭妙微UI设计公司10 小时前
兰亭妙微UI设计公司分享:EQUA 智能健康生态系统 UI/UX 设计深度解析
ui·交互
江湖人称菠萝包11 小时前
【Qt】《Qt 5.9 C++开发指南》笔记-Chapter9-Qt Charts
笔记·qt·qt5
扶尔魔ocy11 小时前
【QT android】环境安装及第一个QT项目
qt·andriod开发
江湖人称菠萝包14 小时前
【Qt】《Qt 5.9 C++开发指南》笔记-Chapter10-Data Visualization
笔记·qt·qt5
Cx330❀19 小时前
Qt 常用控件属性与底层机制详解:从窗口半透明、浮点数陷阱到 QSS 与焦点策略
qt·ui·图形渲染
Quz19 小时前
QML DelegateChooser:多条件组合与按列选择委托
qt
Quz19 小时前
QML DelegateChooser:按角色选择委托与按索引选择委托
qt
Cx330❀19 小时前
Qt 常用 UI 控件详解:从QPushButton到QLabel 核心用法解析
qt·ui·图形渲染
传奇开心果编程1 天前
【ArkUI 练中学】第15课:UI 界面设计与实战
学习·ui·华为·harmonyos
HwJack201 天前
【HarmonyOS开发小实践】ArkUI 动画系统属性动画、显式动画与路径动画
ui·性能优化·harmonyos