相亲网站开发与设计报告搜狐视频

有了完成了布局的基本框架设计之后，对各个部件逐步完成内容的填充。

一、还是从顶边栏开始：

        1、在顶边栏的topLogo里面拖入一个QLabel（标签），命名为logoImage，删除标签的文字。

        2、右键点击topLogo，布局--垂直布局。并在属性中将边距全部设为0 。

        3、同样的，在 topContent和topTimeShow里都拖入QLabel，命名为projectTitle和dateTimeShow，并设置布局和边距。根据需要调整QLabel的字体。

二、侧边栏的填充：

        1、在left_toggleBox中拖入一个QPushButton，命名为btnToggle。

        2、右键点击left_toggleBox，布局--垂直布局。并在属性中将边距全部设为0 。

        如下所示： 

         3、在left_buttonsBox中拖入一个QPushButton，命名为btnHome。在属性里将btnHome的最大和最小高度均设为50 。

        4、右键点击left_buttonsBox，布局--垂直布局。并在属性中将边距全部设为0 。

        如下所示： 

        5、使用复制btnHome粘贴的方式（快捷方式：按住ctrl键并拖动），在left_buttonsBox中继续拖入按钮：btnNew、btnSave、btnExit。

        

三、内容区：

        1、mainContent（显示内容主区）拖入一个QStackedWidget，并添加新页面，共4个页面：page_1至page_4

        2、右键点击mainContent，布局--垂直布局。并在属性中将边距全部设为0 。

内容填充完成，整体的布局效果如图：