python-pyQt5: 界面布局，实现可视化图片、视频处理工

PGVA，我自己取名的小工具，用来处理图片合成、视频截取等小功能，方便处理图片和视频。
主要界面的布局排版和布局

image.png

该软件有5块部分组成， 左边的每个按钮点开是单独的一个个QWidget窗体，右边是一个堆叠布局。点击左边的功能按钮，切换右边的堆叠布局。

主窗口布局

布局图：

image.png

左边下方有个垂直布局，这个是用来占位，为了让按钮局上方。

功能区域

图片合成gif功能

该功能是处理多张图片合成gif动图

界面图

image.png

布局图

image.png

合成输出和图片合成 这个区域处理起来有点麻烦，

image.png

这里是表单布局，两行，第二行的标题部分是空串；下方的”图片合成“区域用一样的处理方式。控件先存到表单布局中，然后再依次放入垂直布局中。

其他功能

其他功能区域的布局图设计差不多的。

界面图

image.png
image.png

布局图

image.png

left_place和right_place 这两块是用来占位，为了把操作区域居中。

状态栏

我给主窗体加了个状态栏，点击状态栏上的图标打开窗口

布局图

image.png

界面总体的样式

  # 设置页面样式
        self.setStyleSheet('''
            QWidget{background:#403C37;}
            QPushButton{color:#EEEEEE;background:#00A0FF;font-family:微软雅黑;border-radius:10px;width:90px;height:30px;text-align:center;}
            QPushButton:hover{background:#5AC0F9;}
            QLabel{color:#EEEEEE;font-family:微软雅黑;}
            QLineEdit{background:#EEEEEE;}
            #out_edit,#pic_edit,#out_tip,#pic_tip{color:#AAAAAA;}
            #title{font-size:14px;font-weight:bold;}
        ''')