使用PyQt5可以很方便的编写一个应用界面,但重在如何美化软件界面(本人只会简单的一丢丢操作),下面就简单记录一些小操作和方法。
如图,上面是一个简单的按钮操作界面,当然其功能实现是另一部分内容,在这一部分中,只讨论界面美化的部分。上面的界面是四个按钮,在这里,我们将第一个按钮作为题目显示,其它三个按钮实现按钮操作的功能。
美化界面通常只需要一个函数some_modules.setStyleSheet()
首先,我们可以先设置该界面的背景图片部分。
self.UI.setStyleSheet('''
QWidget#system_ui{border-image:url(:icon/Icons/abc.jpg);}
''')
###UI是界面名称,system_ui是设置名称,即self.UI.setObjectName("system_ui")
#里面涉及到的图片是将预设图片使用PyUIC编辑之后的结果,可以深入了解一下,一次编辑之后,就可以将图片或者图标图片应用于任何可应用的地方。
下面,我们对按钮进行一下简单的美化,首先针对题目按钮。
如上图,将题目按钮设置成如下形式,只用于显示功能。
self.UI.setStyleSheet('''
QPushButton#label{border:none; #此处的#label很重要,就是对于按钮类的并且名字为label的按钮控件进行修饰。 self.title_button.setObjectName("label")
color:white;
border-bottom:1px solid white; #设置字体下面的一条横线,1px表示宽度,solid white表示白色实线。
font-size:20px;
font-weight:700;
font-family:"Helvetica Neue",Helvetica, Arial, sans-serif;} #接下来,即为字体,字号大小,其中font-weight表示字体的宽度,即加粗功能,可设置相应大小的值。
''')
接下来,进一步实现对按钮的美化。
如图所示,按钮图形去掉了轮廓,同时,当鼠标放到按钮位置处时,其字体变大达到凸显的效果,按钮左侧出现一竖条红色标记(这些可根据自己喜好和实际需要更改,此处以此为例)。
self.Welcome_ui.setStyleSheet('''
QPushButton{border:none;color:white;} #设置按钮无边界,且字体为白色
QPushButton#button:hover{border-left:4px solid red;font-size:20px;font-weight:600;font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;}
''') #self.buttons.setStyleSheet("button") ,其他部分可自行改动,从而明白其控制特效。
我们可以看到,在每个应用按钮之前都有一个“小手”的标志,这个可从一个应用网站上查询并调用。
使用方法即为:
self.detect_vehicle = QPushButton(qtawesome.icon('fa.hand-o-right',color='white'),'选项1')
#由于水平有限,只能做一些简单的美化,如果有帮助可以参考一下#