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

相关推荐
sycmancia1 小时前
Qt——编辑交互功能的实现
开发语言·qt
涵涵(互关)2 小时前
Naive-ui树型选择器只显示根节点
前端·ui·vue
测试员周周5 小时前
【Appium 系列】第13节-混合测试执行器 — API + UI 的协同执行
开发语言·人工智能·python·功能测试·ui·appium·pytest
莽夫搞战术5 小时前
【Google Stitch】AI原生画布重新定义设计,让想法变成可交互界面
前端·人工智能·ui
qq_401700416 小时前
Qt 项目中使用 QSS 的全面总结
开发语言·qt
小短腿的代码世界6 小时前
信号路由风暴:Qt算法交易系统的高频信号分发架构
qt·算法·架构
ZC跨境爬虫8 小时前
跟着 MDN 学CSS day_3:(为一个传记页面添加样式)
前端·javascript·css·ui·音视频·html5
郝学胜-神的一滴8 小时前
Qt 高级开发 010: 从跨界面传值到自定义信号
开发语言·c++·qt·程序人生·用户界面
_oP_i10 小时前
FFmpeg 如何与ai结合剪辑出效果好的视频
人工智能·ffmpeg·音视频
UI设计兰亭妙微10 小时前
兰亭妙微|打破色彩对比度迷思:UI设计公司中的无障碍设计灵活之道
ui·b端界面设计·高端网站设计