PyQt5 小操作记录(2)

  使用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')

#由于水平有限,只能做一些简单的美化,如果有帮助可以参考一下#

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值