python GUI库图形界面开发之PyQt5美化窗体与控件(异形窗体)实例

python GUI库图形界面开发之库图形界面开发之PyQt5美化窗体与控件美化窗体与控件(异形窗体异形窗体)实例实例

主要介绍了python GUI库图形界面开发之PyQt5美化窗体与控件(异形窗体)实例,需要的朋友可以参考下

在默认情况下，我们使用PyQt5创建出来的窗口和部件都是默认的样式，虽然谈不上很丑，但是也毫无美感可言。其实，在PyQt5中，我们可

以有较高的自由度来自定义窗口和各种小部件的样式，通过自定义这些样式，以达到美化图形界面的目的。

本篇文章中，我们就通过一个实际的例子，使用QSS和PyQt5的配置属性，实现图形用户界面的美化工作。

首先上效果图：

一、对界面进行布局和组件的布置一、对界面进行布局和组件的布置

在图像界面编程中，一个好的布局有助于全局把控界面的形态，而在PyQt5中，有多种布局的方式供我们选择，比较常用的布局有以下几种：

示：

# coding:utf-8

from PyQt5 import QtCore,QtGui,QtWidgets

import sys

import qtawesome

class MainUi(QtWidgets.QMainWindow):

def __init__(self):

super().__init__()

self.init_ui()

def init_ui(self):

self.left_layout = QtWidgets.QGridLayout() # 创建左侧部件的网格布局层

self.left_widget.setLayout(self.left_layout) # 设置左侧部件布局为网格

self.right_widget = QtWidgets.QWidget() # 创建右侧部件

self.right_widget.setObjectName('right_widget')

self.right_layout = QtWidgets.QGridLayout()

self.right_widget.setLayout(self.right_layout) # 设置右侧部件布局为网格

self.main_layout.addWidget(self.left_widget,0,0,12,2) # 左侧部件在第0行第0列，占8行3列

self.main_layout.addWidget(self.right_widget,0,2,12,10) # 右侧部件在第0行第3列，占8行9列

self.setCentralWidget(self.main_widget) # 设置窗口主部件

def main():

运行代码，呈现出来的图形界面如下图所示：

空空荡荡，下面我们就开始往里面填充小部件。

左侧菜单栏左侧菜单栏

在左侧菜单模块中，继续使用网格对部件进行布局。在左侧菜单的布局中添加按钮部件QPushButton()左侧菜单的按钮、菜单列提示和整个窗

口的最小化和关闭按钮。

在MainUi()类的init_ui()方法中，使用如下代码实例化创建按钮：

self.left_close = QtWidgets.QPushButton("") # 关闭按钮

self.left_visit = QtWidgets.QPushButton("") # 空白按钮

self.left_mini = QtWidgets.QPushButton("") # 最小化按钮

self.left_label_1 = QtWidgets.QPushButton("每日推荐")

self.left_button_1.setObjectName('left_button')

self.left_button_2 = QtWidgets.QPushButton(qtawesome.icon('fa.sellsy',color='white'),"在线FM")

self.left_button_2.setObjectName('left_button')

self.left_button_3 = QtWidgets.QPushButton(qtawesome.icon('fa.film',color='white'),"热门MV")

self.left_button_3.setObjectName('left_button')

self.left_button_4 = QtWidgets.QPushButton(qtawesome.icon('fa.home',color='white'),"本地音乐")

self.left_button_4.setObjectName('left_button')

self.left_button_5 = QtWidgets.QPushButton(qtawesome.icon('fa.download',color='white'),"下载管理")

self.left_button_5.setObjectName('left_button')

self.left_button_6 = QtWidgets.QPushButton(qtawesome.icon('fa.heart',color='white'),"我的收藏")

self.left_button_9.setObjectName('left_button')

self.left_xxx = QtWidgets.QPushButton(" ")

在这里，我们使用qtawesome这个第三方库来实现按钮中的Font Awesome字体图标的显示。然后将创建的按钮添加到左侧部件的网格布局层

中：

self.left_layout.addWidget(self.left_mini, 0, 0,1,1)

self.left_layout.addWidget(self.left_close, 0, 2,1,1)

self.left_layout.addWidget(self.left_visit, 0, 1, 1, 1)

self.left_layout.addWidget(self.left_label_1,1,0,1,3)

self.left_layout.addWidget(self.left_button_1, 2, 0,1,3)

self.left_layout.addWidget(self.left_button_2, 3, 0,1,3)

self.left_layout.addWidget(self.left_button_7, 10, 0,1,3)

self.left_layout.addWidget(self.left_button_8, 11, 0,1,3)

self.left_layout.addWidget(self.left_button_9, 12, 0, 1, 3)

继续运行程序代码，呈现出来的图形界面如下图所示：