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