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;}
''')